.sidebar{width:var(--sidebar-w);background:var(--ink);color:#e5e7eb;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;transition:transform var(--t-slow);overflow-y:auto;overflow-x:hidden}.sidebar::-webkit-scrollbar{width:0}.sidebar-header{padding:var(--sp-4) var(--sp-5);display:flex;align-items:center;gap:var(--sp-3);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.sidebar-logo{width:28px;height:28px;background:var(--accent);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-logo svg{width:16px;height:16px;fill:#fff}.sidebar-brand{font-size:15px;font-weight:700;color:#fff;letter-spacing:-.01em}.sidebar-brand span{font-family:var(--font-mono);font-size:13px;color:var(--accent);font-weight:400}.sidebar-section{padding:var(--sp-3) var(--sp-3) var(--sp-1)}.sidebar-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d;padding:0 var(--sp-2) var(--sp-2)}.sidebar-link{display:flex;align-items:center;gap:var(--sp-3);padding:7px var(--sp-3);border-radius:var(--r-md);font-size:13px;font-weight:500;color:#fff9;transition:all var(--t-fast);margin-bottom:1px;position:relative}.sidebar-link:hover{color:#fff;background:#ffffff0f}.sidebar-link.active{color:#fff;background:#c8382e26}.sidebar-link.active:before{content:"";position:absolute;left:-12px;top:4px;bottom:4px;width:3px;background:var(--accent);border-radius:0 2px 2px 0}.sidebar-link svg{width:16px;height:16px;flex-shrink:0;opacity:.5}.sidebar-link:hover svg,.sidebar-link.active svg{opacity:1}.sidebar-link .badge-count{margin-left:auto;font-size:10px;font-weight:700;background:var(--accent);color:#fff;padding:1px 6px;border-radius:10px;min-width:18px;text-align:center}.sidebar-star-btn{margin-left:auto;opacity:0;transition:opacity var(--t-fast);cursor:pointer;flex-shrink:0}.sidebar-star-btn .sidebar-star{width:14px;height:14px}.sidebar-star-btn.is-fav{opacity:1}.sidebar-link:hover .sidebar-star-btn{opacity:.7}.sidebar-link:hover .sidebar-star-btn:hover,.sidebar-link:hover .sidebar-star-btn.is-fav{opacity:1}.sidebar-footer{margin-top:auto;padding:var(--sp-3) var(--sp-3);border-top:1px solid rgba(255,255,255,.06);flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);transition:background var(--t-fast);cursor:pointer}.sidebar-user:hover{background:#ffffff0f}.sidebar-user svg{width:18px;height:18px;flex-shrink:0;opacity:.5}.sidebar-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#e67a3e);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:11px;color:#fff6}.sidebar-collapse-btn{width:24px;height:24px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;color:#ffffff4d;transition:all var(--t-fast);margin-left:auto;flex-shrink:0}.sidebar-collapse-btn:hover{color:#fff;background:#ffffff1a}.sidebar-collapse-btn svg{width:14px;height:14px;transition:transform var(--t-normal)}.sidebar.collapsed{width:56px}.sidebar.collapsed .sidebar-brand,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .sidebar-user-info,.sidebar.collapsed .sidebar-collapse-btn svg{opacity:0;pointer-events:none}.sidebar.collapsed .sidebar-collapse-btn svg{transform:rotate(180deg)}.sidebar.collapsed .sidebar-link{justify-content:center;padding:9px 0}.sidebar.collapsed .sidebar-link span:not(.badge-count){display:none}.sidebar.collapsed .sidebar-link .badge-count{position:absolute;top:2px;right:4px;font-size:8px;padding:0 4px;min-width:14px}.sidebar.collapsed .sidebar-header{justify-content:center;padding:var(--sp-3)}.sidebar.collapsed .sidebar-footer{padding:var(--sp-2)}.sidebar.collapsed .sidebar-user{justify-content:center;padding:var(--sp-2)}.sidebar.collapsed .sidebar-user svg:last-child{display:none}.sidebar.collapsed .sidebar-section{padding:var(--sp-1) var(--sp-1) 0}.sidebar.collapsed+.right-flyout-overlay+.right-flyout+.main-wrap,.sidebar.collapsed~.main-wrap{margin-left:56px}.sidebar-flyout{display:none;position:absolute;left:100%;top:0;background:var(--ink);border:1px solid rgba(255,255,255,.1);border-left:none;border-radius:0 var(--r-md) var(--r-md) 0;min-width:180px;padding:var(--sp-2) 0;z-index:150;box-shadow:4px 4px 16px #0000004d}.sidebar-flyout-title{font-size:11px;font-weight:700;color:#fff6;text-transform:uppercase;letter-spacing:.08em;padding:var(--sp-2) var(--sp-4) var(--sp-2)}.sidebar-flyout a{display:block;padding:7px var(--sp-4);font-size:13px;color:#fff9;transition:all var(--t-fast)}.sidebar-flyout a:hover{color:#fff;background:#ffffff0f}.sidebar.collapsed .sidebar-section{position:relative}.sidebar.collapsed .sidebar-section:hover .sidebar-flyout{display:block}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0006;z-index:99}.sidebar-overlay.open{display:block}.sidebar-mega{border-bottom:1px solid rgba(255,255,255,.06)}.sidebar-mega-toggle{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);cursor:pointer;user-select:none;transition:background var(--t-fast)}.sidebar-mega-toggle:hover{background:#ffffff0a}.sidebar-mega-toggle svg:first-child{width:14px;height:14px;opacity:.5}.sidebar-mega-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;flex:1}.sidebar-mega-toggle .sidebar-chevron{width:14px;height:14px;opacity:.3;transition:transform .2s}.sidebar-mega.collapsed .sidebar-mega-content{display:none}.sidebar-mega.collapsed .sidebar-mega-toggle .sidebar-chevron{transform:rotate(-90deg)}.sidebar-section-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none}.sidebar-section-toggle:hover{color:#ffffff80}.sidebar-section-toggle .sidebar-chevron{width:12px;height:12px;opacity:.3;transition:transform .2s}.sidebar-section.collapsed .sidebar-section-links{display:none}.sidebar-section.collapsed .sidebar-section-toggle .sidebar-chevron{transform:rotate(-90deg)}.sidebar-divider{height:1px;background:#ffffff14;margin:var(--sp-1) var(--sp-4)}.sidebar.collapsed .sidebar-mega-toggle,.sidebar.collapsed .sidebar-mega-label,.sidebar.collapsed .sidebar-divider,.sidebar.collapsed .sidebar-section-toggle .sidebar-chevron{display:none}