.app{--brand:#c0114a;--brand-hover:#d63a6e;--brand-soft:#c0114a1a;--brand-softer:#c0114a0d;--brand-fg:#fff;--bg:#f4efe8;--surface:#fff;--surface-muted:#ebe4d9;--surface-sunk:#1c18120f;--border:#1c18121a;--border-strong:#1c181229;--divider:#1c18120f;--text:#15110a;--text-2:#3a3328;--text-muted:#6b6253;--text-faint:#968b78;--text-on-brand:#fff;--paper:var(--bg);--paper-2:var(--surface-muted);--paper-edge:var(--border);--paper-rule:var(--divider);--ink:var(--text);--ink-2:var(--text-2);--ink-mute:var(--text-muted);--ink-faint:var(--text-faint);--ink-ghost:var(--border-strong);--accent:var(--brand);--accent-2:var(--brand-hover);--accent-soft:var(--brand-soft);--accent-softer:var(--brand-softer);--sans:var(--font-sans,"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif);--mono:var(--font-mono,"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace);--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--green:#16a34a;--gold:#b88a2a;--shadow-soft:0 1px 2px #1c18120a, 0 8px 24px -4px #1c181214;--shadow-stage:0 1px 2px #1c18120d, 0 12px 40px -6px #1c18121f;--side-bg:#0a0a0c;--side-surface:#18181b;--side-border:#ffffff12;--side-text:#ffffff9e;--side-text-strong:#fff;--side-hover:#ffffff0d;--side-active:#ffffff14;--green-soft:#16a34a1a;--amber:#d97706;--amber-soft:#d977061a;--red:#dc2626;--red-soft:#dc26261a;--blue:#2563eb;--blue-soft:#2563eb1a;--violet:#7c3aed;--violet-soft:#7c3aed1a;--rose:#e11d48;--rose-soft:#e11d481a;--cyan:#0891b2;--cyan-soft:#0891b21a;--emer:#059669;--emer-soft:#0596691a;--sky:#0284c7;--sky-soft:#0284c71a;--radius:12px;--radius-sm:8px;--radius-lg:16px;--radius-pill:9999px;--shadow-sm:0 1px 2px #0f0f140a;--shadow:0 1px 3px #0f0f140f, 0 4px 12px -2px #0f0f140a;--shadow-lg:0 4px 16px #0f0f1414, 0 20px 40px -12px #0f0f141f;--header-h:52px;--side-w:248px;--side-w-collapsed:64px;--gap:14px;--pad:16px;--row:36px;grid-template-columns:var(--side-w) 1fr;background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);font-feature-settings:"cv02", "cv03", "cv04", "ss01";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.45;display:grid}.app.collapsed{grid-template-columns:var(--side-w-collapsed) 1fr}@media (max-width:900px){.app{grid-template-columns:1fr}}.app[data-theme=dark]{--bg:#0c0a08;--surface:#15110d;--surface-muted:#15110d;--surface-sunk:#fffaf00a;--border:#fffaf012;--border-strong:#fffaf024;--divider:#fffaf00a;--text:#f4efe6;--text-2:#d4cdbf;--text-muted:#8f8676;--text-faint:#6b6253;--brand:#ff5d8a;--brand-hover:#ff8aa6;--brand-soft:#ff5d8a1f;--brand-softer:#ff5d8a0f;--green:#4ade80;--gold:#e6c068;--shadow-soft:0 1px 2px #0006, 0 8px 24px #0003;--shadow-stage:0 1px 2px #0006, 0 16px 48px #0006;--green-soft:#4ade8024;--amber:#fbbf24;--amber-soft:#fbbf2424;--red:#fb7185;--red-soft:#fb718524;--blue:#60a5fa;--blue-soft:#60a5fa24;--violet:#a78bfa;--violet-soft:#a78bfa24;--rose:#fda4af;--rose-soft:#fda4af24;--cyan:#67e8f9;--cyan-soft:#67e8f924;--emer:#6ee7b7;--emer-soft:#6ee7b724;--sky:#7dd3fc;--sky-soft:#7dd3fc24;--shadow-sm:0 1px 2px #0006;--shadow:0 1px 3px #0006, 0 4px 12px -2px #0000004d;--shadow-lg:0 4px 16px #00000080, 0 20px 40px -12px #0009}.app ::selection{background:var(--brand-soft);color:var(--text)}.app .sidebar{background:var(--side-bg);color:var(--side-text);border-right:1px solid var(--side-border);z-index:40;flex-direction:column;height:100vh;transition:transform .2s;display:flex;position:sticky;top:0;overflow:hidden}.app .sidebar-top{border-bottom:1px solid var(--side-border);padding:18px 18px 14px}.app .brand-row{align-items:center;gap:10px;display:flex}.app .brand-name,.app .brand-sub,.app .nav-label,.app .user-name,.app .user-role,.app .sidebar-status{white-space:nowrap}.app .brand-mark{color:#fff;background:linear-gradient(135deg,#f092dd,#c026d3);border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:13px;font-weight:800;display:grid;box-shadow:0 0 0 1px #ffffff0f,0 4px 12px #c026d359}.app .brand-text{min-width:0}.app .brand-name{color:var(--side-text-strong);letter-spacing:-.01em;font-size:14px;font-weight:700}.app .brand-sub{color:#ffffff73;margin-top:1px;font-size:11px}.app.collapsed .brand-text,.app.collapsed .sidebar-status,.app.collapsed .nav-label,.app.collapsed .nav-badge,.app.collapsed .nav-section-label,.app.collapsed .user-meta{display:none}.app.collapsed .sidebar-top{padding:18px 12px 14px}.app.collapsed .brand-row{justify-content:center}.app.collapsed .nav-item{justify-content:center;padding:10px}.app.collapsed .nav-section{margin-top:6px;padding-top:6px}.app.collapsed .nav-section-head{display:none}.app.collapsed .sidebar-foot{flex-direction:column;align-items:center;gap:8px;padding:10px 8px}.app.collapsed .user-chip{flex:none;padding:0}.app .sidebar-status{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.app .sync-pill{font-size:11px;font-family:var(--font-mono);color:#ffffffa6;border-radius:var(--radius-pill);border:1px solid var(--side-border);background:#ffffff0a;align-items:center;gap:7px;padding:4px 9px;display:inline-flex}.app .sync-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite atrium-pulse;box-shadow:0 0 0 3px #22c55e2e}@keyframes atrium-pulse{0%,to{opacity:1}50%{opacity:.55}}.app .theme-seg{border:1px solid var(--side-border);background:#ffffff0a;border-radius:8px;gap:0;padding:2px;display:inline-flex}.app .theme-seg button{color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;width:26px;height:22px;transition:all .15s;display:grid}.app .theme-seg button.is-on{color:#fff;background:#ffffff1a}.app .theme-seg button:hover{color:#fff}.app .collapse-btn{color:#ffffff8c;border:1px solid var(--side-border);cursor:pointer;z-index:50;background:#ffffff08;border-radius:6px;flex-shrink:0;place-items:center;width:26px;height:26px;transition:all .15s;display:grid;position:relative}.app .collapse-btn:hover{color:#fff;background:#ffffff14}.app .sidebar-top .collapse-btn{margin-left:auto}.app .sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex:1;padding:10px 0;overflow:hidden auto}.app .sidebar-nav::-webkit-scrollbar{width:6px}.app .sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:999px}.app .nav-section{padding:4px 0}.app .nav-section+.nav-section{border-top:1px solid var(--side-border);margin-top:6px;padding-top:12px}.app .nav-section-head{letter-spacing:.1em;text-transform:uppercase;color:#f092dd8c;padding:6px 22px;font-size:10px;font-weight:700}.app .nav-item{color:var(--side-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:11px;width:calc(100% - 20px);margin:1px 10px;padding:8px 12px;font-family:inherit;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .12s,background .12s;display:flex;position:relative}.app .nav-item:hover{background:var(--side-hover);color:var(--side-text-strong)}.app .nav-item .nav-icon{color:#ffffff8c;flex-shrink:0;place-items:center;width:18px;height:18px;transition:color .12s;display:grid}.app .nav-item:hover .nav-icon{color:var(--brand)}.app .nav-item.is-active{background:var(--side-active);color:var(--side-text-strong);font-weight:600}.app .nav-item.is-active:before{content:"";background:var(--brand);border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:-2px;transform:translateY(-50%)}.app .nav-item.is-active .nav-icon{color:var(--brand)}.app .nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.app .nav-badge{color:#fff;min-width:22px;height:18px;font-size:10.5px;font-weight:700;font-family:var(--font-mono);background:#ffffff1a;border-radius:9999px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.app .nav-badge.is-hot{color:#fff;background:linear-gradient(135deg,#ec4899,#c026d3)}.app .nav-badge.is-amber{color:#fcd34d;background:#fbbf242e}.app .nav-kbd{font-family:var(--font-mono);color:#fff6;border:1px solid var(--side-border);background:#ffffff0d;border-radius:4px;padding:1px 5px;font-size:10px}.app .sidebar-foot{border-top:1px solid var(--side-border);align-items:center;gap:10px;padding:12px 14px;display:flex}.app .user-chip{border:1px solid var(--side-border);background:#ffffff08;border-radius:999px;flex:1;align-items:center;gap:10px;min-width:0;padding:4px 10px 4px 4px;display:flex}.app .user-avatar{color:#fff;background:linear-gradient(135deg,#ec4899,#8b5cf6);border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.app .user-meta{min-width:0}.app .user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.app .user-role{color:#ffffff73;font-size:10px}.app .logout-btn{color:var(--side-text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;width:100%;margin-top:8px;padding:8px 12px;font-family:inherit;font-size:12.5px;display:flex}.app .logout-btn:hover{background:var(--side-hover);color:var(--side-text-strong)}.app .logout-btn .nav-icon{flex-shrink:0;place-items:center;width:18px;height:18px;display:grid}@media (max-width:900px){.app .sidebar{width:280px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:30px 0 60px #0000004d}.app.menu-open .sidebar{transform:translate(0)}.app .scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:30;background:#0006;display:none;position:fixed;inset:0}.app.menu-open .scrim{display:block}}.app .scrim{display:none}.app .main{background:var(--bg);flex-direction:column;min-width:0;display:flex}.app .menu-btn{width:34px;height:34px;color:var(--text-2);border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:none}@media (max-width:900px){.app .menu-btn{display:flex}}