.custom-sidebar{z-index:100;flex-direction:column;width:260px;height:100vh;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:visible}.custom-sidebar.collapsed{width:72px}.sidebar-header{border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:12px;height:64px;padding:0 16px;display:flex}.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar-logo{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.collapsed .sidebar-logo{border-radius:8px;width:34px;height:34px}.sidebar-logo-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;font-size:15px;font-weight:600;overflow:hidden}.sidebar-toggle{cursor:pointer;z-index:101;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:22px;right:-14px;box-shadow:0 2px 8px #0000004d}.sidebar-toggle:hover{transform:scale(1.1);box-shadow:0 3px 12px #0006}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex;overflow:hidden auto}.collapsed .sidebar-nav{align-items:center;padding:12px 8px}.sidebar-nav::-webkit-scrollbar{width:0}.sidebar-item{cursor:pointer;height:42px;color:var(--sidebar-text-muted);-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:12px;padding:0 12px;transition:all .15s;display:flex;position:relative}.collapsed .sidebar-item{border-radius:12px;justify-content:center;width:42px;height:42px;padding:0}.sidebar-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.sidebar-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-text)}.sidebar-item.active:before{content:"";background:var(--sidebar-accent);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.collapsed .sidebar-item.active:before{border-radius:0 2px 2px 0;width:3px;height:16px;left:0}.sidebar-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;font-size:18px;display:flex}.sidebar-item-label{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.1px;flex:1;font-size:13.5px;font-weight:500;overflow:hidden}.sidebar-item-badge{flex-shrink:0}.sidebar-collapsed-badge{color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:600;line-height:1;display:flex;position:absolute;top:4px;right:4px}.sidebar-group-arrow{color:var(--sidebar-text-muted);flex-shrink:0;align-items:center;transition:transform .2s;display:flex}.sidebar-group-arrow.open{transform:rotate(90deg)}.sidebar-sub-menu{max-height:0;padding-left:20px;transition:max-height .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar-sub-menu.open{max-height:400px}.sidebar-sub-item{cursor:pointer;height:36px;color:var(--sidebar-text-muted);border-radius:8px;align-items:center;gap:8px;padding:0 12px 0 24px;font-size:13px;font-weight:400;transition:all .15s;display:flex;position:relative}.sidebar-sub-item:before{content:"";background:var(--sidebar-text-muted);opacity:.4;border-radius:50%;width:4px;height:4px;transition:all .15s;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.sidebar-sub-item:hover{color:var(--sidebar-text);background:var(--sidebar-hover)}.sidebar-sub-item:hover:before{opacity:.8}.sidebar-sub-item.active{color:var(--sidebar-text);background:var(--sidebar-active-bg);font-weight:500}.sidebar-sub-item.active:before{background:var(--sidebar-accent);opacity:1;width:5px;height:5px}.sidebar-sub-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-sub-item-arrow{color:var(--sidebar-text-muted);flex-shrink:0}.sidebar-popover{z-index:1050;border:1px solid;border-radius:12px;min-width:180px;padding:6px;animation:.15s sidebarPopoverIn;position:fixed;box-shadow:0 8px 24px #00000040}@keyframes sidebarPopoverIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.sidebar-popover-title{text-transform:uppercase;letter-spacing:.5px;padding:6px 12px 4px;font-size:11px;font-weight:600}.sidebar-popover-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:400;transition:all .12s;display:flex}.sidebar-popover-item:hover{opacity:.85}.sidebar-popover-item.active{font-weight:500}