:root{--canvas: #0a0a0b;--surface: #121214;--surface-raised: #1a1a1d;--surface-hover: #1f1f23;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .14);--text-primary: #f2f2f3;--text-secondary: #96969e;--text-tertiary: #5c5c64;--accent: #ff2d4f;--accent-dim: rgba(255, 45, 79, .14);--accent-text: #ff6b83;--positive: #3ecf7e;--positive-dim: rgba(62, 207, 126, .12);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text-primary);font-size:14px}.app-shell{display:flex;min-height:100vh;background:var(--canvas)}.toggle{width:38px;height:22px;border-radius:11px;position:relative;border:1px solid var(--border-strong);cursor:pointer;flex-shrink:0;padding:0;transition:background .15s ease}.toggle[data-on=true]{background:var(--accent);border-color:var(--accent)}.toggle[data-on=false]{background:var(--surface-raised)}.toggle-knob{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:2px;transition:left .15s ease,right .15s ease}.toggle[data-on=true] .toggle-knob{right:3px}.toggle[data-on=false] .toggle-knob{left:3px}.nav-link{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--radius-sm);font-size:13px;text-decoration:none;color:var(--text-secondary);background:transparent;font-weight:400;transition:background .1s ease,color .1s ease}.nav-link:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-link.active{background:var(--surface-raised);color:var(--text-primary);font-weight:500}.nav-link svg{flex-shrink:0}.sidebar-avatar{width:26px;height:26px;border-radius:50%;flex-shrink:0;object-fit:cover;background:var(--surface-raised)}