.opc-sider{z-index:1;color:#fff;-webkit-user-select:none;user-select:none;background:#011738;flex-direction:column;flex-shrink:0;width:256px;height:100vh;transition:width .2s;display:flex;position:sticky;top:0}.opc-sider.collapsed{width:48px}.opc-sider-collapse-trigger{z-index:101;color:#ffffffd9;cursor:pointer;background:#011738;border:1px solid #ffffff29;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:color .2s,border-color .2s,box-shadow .2s;display:flex;position:absolute;top:18px;right:-12px;box-shadow:0 2px 8px #0000002e}.opc-sider-collapse-trigger:hover{color:#fff;border-color:#fff6;box-shadow:0 3px 12px #00000047}.opc-sider-collapse-trigger:active{transform:scale(.92)}.opc-sider-collapse-trigger>svg{transition:transform .25s}.opc-sider-collapse-trigger:hover>svg{transform:translate(-1px)}.opc-sider.collapsed .opc-sider-collapse-trigger>svg{transform:rotate(180deg)}.opc-sider.collapsed .opc-sider-collapse-trigger:hover>svg{transform:rotate(180deg)translate(-1px)}.opc-sider-brand{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:10px;padding:15px 16px;display:flex}.opc-sider-logo{object-fit:contain;border-radius:8px;flex-shrink:0;width:32px;height:32px}.opc-sider-title{color:#fff;white-space:nowrap;letter-spacing:.5px;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.opc-sider-scroll{flex:1;padding:8px;overflow:hidden auto}.opc-sider-scroll::-webkit-scrollbar{width:6px}.opc-sider-scroll::-webkit-scrollbar-track{background:0 0}.opc-sider-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}.opc-sider-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff38}.opc-sider-group{margin-top:2px}.opc-sider-group-title{color:#fff;letter-spacing:.3px;cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin:2px 0;padding:8px 12px;font-size:14px;font-weight:400;line-height:22px;transition:background .18s,color .18s;display:flex}.opc-sider-group-title:hover{color:#fff;background:#ffffff14}.opc-sider-group-title .opc-sider-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.opc-sider-group-arrow{color:#fff;flex-shrink:0;margin-left:auto;transition:transform .25s,color .2s}.opc-sider-group-title:hover .opc-sider-group-arrow{color:#fff}.opc-sider-group.open .opc-sider-group-arrow{transform:rotate(180deg)}.opc-sider-group.has-active>.opc-sider-group-title{color:#fff}.opc-sider-group-body{max-height:0;transition:max-height .26s;overflow:hidden}.opc-sider-group.open>.opc-sider-group-body{max-height:340px}.opc-sider-link{color:#fff;border-radius:8px;align-items:center;gap:10px;margin:2px 0;padding:8px 12px;font-size:14px;line-height:22px;text-decoration:none;transition:background .16s,color .16s;display:flex;position:relative}.opc-sider-link.nested{margin-left:14px}.opc-sider-link:hover{color:#fff;background:#ffffff14}.opc-sider-link.active{color:#fff;background:#346af8;font-weight:500}.opc-sider-ic{flex-shrink:0;justify-content:center;align-items:center;width:18px;font-size:16px;line-height:1;display:inline-flex}.opc-sider-dot{opacity:.8;border:1px solid;border-radius:50%;width:6px;height:6px;display:inline-block}.opc-sider-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.opc-sider-footer{border-top:1px solid #ffffff14;flex-shrink:0;padding:10px}.opc-sider-user{cursor:pointer;background:#ffffff0d;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:background .16s;display:flex}.opc-sider-user:hover{background:#ffffff1a}.opc-sider-avatar{color:#fff;background:linear-gradient(135deg,#346af8,#18c2a8);flex-shrink:0;font-size:14px;font-weight:600}.opc-sider-user-meta{flex:1;min-width:0}.opc-sider-user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;line-height:20px;overflow:hidden}.opc-sider-user-role{color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;line-height:16px;overflow:hidden}.opc-sider-user-arrow{color:#ffffff8c;flex-shrink:0;font-size:12px}.opc-sider.collapsed .opc-sider-brand{justify-content:center;padding:15px 0}.opc-sider.collapsed .opc-sider-link{justify-content:center;margin:2px 0;padding:10px 0}.opc-sider.collapsed .opc-sider-group-title{display:none}.opc-sider.collapsed .opc-sider-user{justify-content:center;padding:8px 0}