*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--sidebar-w: 260px;--sidebar-collapsed: 0px;--topbar-h: 52px;--bg: #0d0f14;--surface: #13161e;--surface2: #1a1e28;--border: #252a38;--accent: #5b7fff;--accent2: #a78bfa;--text: #e2e6f0;--text2: #8892a4;--text3: #545e72;--green: #34d399;--red: #f87171;--amber: #fbbf24;--sidebar-trans: .32s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg: #f0f2f5;--surface: #ffffff;--surface2: #e8eaed;--border: #dadce0;--text: #1f2937;--text2: #4b5563;--text3: #6b7280;--accent: #4f46e5;--accent2: #7c3aed;--green: #059669;--red: #dc2626;--amber: #d97706}html,body{height:100%;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;overflow:hidden}#app{display:flex;height:100vh}.nav-section{margin-bottom:4px}.nav-section-label{font-size:9px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--text3);padding:14px 20px 6px;white-space:nowrap}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 18px;cursor:pointer;border-radius:0;transition:background .15s,color .15s;position:relative;white-space:nowrap;-webkit-user-select:none;user-select:none}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{background:#5b7fff18;color:var(--accent)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--accent);border-radius:0 3px 3px 0}.nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.75}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1}.nav-label{font-size:13.5px;font-weight:500;flex:1}.nav-badge{font-size:9px;font-weight:700;background:var(--accent);color:#fff;padding:2px 6px;border-radius:20px;flex-shrink:0}.nav-badge.green{background:var(--green)}.nav-badge.amber{background:var(--amber);color:#1a1200}.nav-chevron{width:14px;height:14px;flex-shrink:0;transition:transform .2s;color:var(--text3)}.nav-item.open .nav-chevron{transform:rotate(90deg)}.submenu{overflow:hidden;max-height:0;transition:max-height .28s cubic-bezier(.4,0,.2,1)}.submenu.open{max-height:500px}.sub-item{display:flex;align-items:center;gap:8px;padding:7px 18px 7px 46px;cursor:pointer;font-size:13px;color:var(--text2);white-space:nowrap;transition:background .15s,color .15s;position:relative}.sub-item:hover{background:var(--surface2);color:var(--text)}.sub-item.active{color:var(--accent)}.sub-item .dot{width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0;opacity:.6}.sub-item.active .dot{opacity:1}.sub-sub-item{display:flex;align-items:center;gap:8px;padding:6px 18px 6px 66px;cursor:pointer;font-size:12.5px;color:var(--text3);white-space:nowrap;transition:background .15s,color .15s}.sub-sub-item:hover{background:var(--surface2);color:var(--text2)}.sub-sub-item.active{color:var(--accent2)}.sub-sub-item .mini-dot{width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}#main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}#topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;padding:0 20px;flex-shrink:0}.btn-icon{width:34px;height:34px;border-radius:8px;background:transparent;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text2);transition:all .15s;flex-shrink:0}.btn-icon:hover{background:var(--surface2);border-color:var(--border);color:var(--text)}.btn-icon.toggled{background:#5b7fff18;border-color:#5b7fff40;color:var(--accent)}.btn-icon svg{width:16px;height:16px}.topbar-breadcrumb{display:flex;align-items:center;gap:6px;flex:1;font-size:13px;color:var(--text2)}.topbar-breadcrumb .crumb-active{color:var(--text);font-weight:500}.topbar-breadcrumb .sep{color:var(--text3)}.topbar-actions{display:flex;gap:8px;align-items:center}.search-box{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:6px 12px;color:var(--text2);font-size:13px;cursor:pointer;transition:border-color .15s}.search-box:hover{border-color:var(--accent)}.kbd{font-family:Space Mono,monospace;font-size:9px;background:var(--border);padding:1px 5px;border-radius:4px}#content{flex:1;overflow-y:auto;padding:28px;background:var(--bg)}#content::-webkit-scrollbar{width:6px}#content::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}#sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99;display:none}#sidebar.hidden:hover+#main #sidebar-overlay{display:block}#hover-zone{position:fixed;top:0;left:0;width:8px;height:100vh;z-index:98;cursor:pointer}.pin-tooltip{font-size:11px;color:var(--text3);padding:4px 12px 8px;white-space:nowrap;display:flex;align-items:center;gap:6px}.pin-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}