@import "https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--accent:#c96a33;--accent-soft:#c96a3321;--accent-contrast:#fff;--bg-page:#f5f6f8;--bg-surface:#fff;--bg-elev:#fff;--bg-sidebar:#f7f8fa;--bg-muted:#edeff3;--bg-inset:#f2f4f7;--bg-inverse:#16181d;--fg-onInverse:#f5f6f8;--fg-1:#1b1e24;--fg-2:#5a6473;--fg-3:#98a1b0;--border:#e7e9ee;--border-strong:#d6dae1;--divider:#eef0f4;--good:#15935a;--good-soft:#15935a1f;--warn:#b7791f;--warn-soft:#b7791f24;--danger:#dc2b2b;--danger-soft:#dc2b2b1a;--shadow-1:0 1px 2px #0f172a0a;--shadow-2:0 2px 8px #0f172a12;--shadow-3:0 12px 32px #0f172a1a;--shadow-4:0 24px 64px #0f172a1f;--r-1:2px;--r-2:6px;--r-3:8px;--r-4:12px;--r-5:16px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--font-sans:"Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-display:"Space Grotesk", "Jost", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--tracking-caps:.16em;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur:.22s;--sidebar-w:248px;--topbar-h:64px}[data-theme=dark]{--accent:#e8a56e;--accent-soft:#e8a56e2e;--accent-contrast:#16181d;--bg-page:#0e1014;--bg-surface:#16191f;--bg-elev:#1c2027;--bg-sidebar:#121419;--bg-muted:#232831;--bg-inset:#121419;--bg-inverse:#f5f6f8;--fg-onInverse:#16181d;--fg-1:#e6e9ef;--fg-2:#9aa3b2;--fg-3:#6b7280;--border:#262b34;--border-strong:#343a45;--divider:#20242c;--good:#3dd68c;--good-soft:#3dd68c24;--warn:#e0b65c;--warn-soft:#e0b65c24;--danger:#f26d6a;--danger-soft:#f26d6a24;--shadow-1:0 1px 2px #0000004d;--shadow-2:0 2px 10px #0000005c;--shadow-3:0 14px 36px #00000075;--shadow-4:0 28px 70px #0000008c}*{box-sizing:border-box}html,body{font-family:var(--font-sans);background:var(--bg-page);color:var(--fg-2);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);margin:0;padding:0;font-size:15px;line-height:1.55}h1,h2,h3,h4{color:var(--fg-1);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.1}h1,h2{font-family:var(--font-display);letter-spacing:-.03em}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--accent-soft)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-track{background:0 0}.eyebrow{letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-3);font-size:11px;font-weight:600}.app-root{grid-template-columns:var(--sidebar-w) 1fr;width:100%;min-height:100vh;display:grid}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:40;flex-direction:column;gap:4px;height:100vh;padding:22px 14px 14px;display:flex;position:sticky;top:0}.nav-item{border-radius:var(--r-3);color:var(--fg-2);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:9px 12px;font-size:14px;font-weight:500;display:flex;position:relative}.nav-item:hover{background:var(--bg-muted);color:var(--fg-1)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item.active svg{color:var(--accent)}.nav-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nav-item .nav-badge{background:var(--bg-muted);color:var(--fg-2);border-radius:var(--r-pill);text-align:center;min-width:20px;margin-left:auto;padding:1px 8px;font-size:11px;font-weight:600}.nav-item.active .nav-badge{background:var(--accent);color:var(--accent-contrast)}.nav-section-label{letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-3);padding:14px 12px 6px;font-size:10px;font-weight:600}.topbar{height:var(--topbar-h);background:color-mix(in srgb, var(--bg-page) 82%, transparent);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:30;align-items:center;gap:16px;padding:0 32px;display:flex;position:sticky;top:0}.search{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-3);width:320px;max-width:38vw;color:var(--fg-3);transition:border-color var(--dur) var(--ease);align-items:center;gap:10px;padding:8px 14px;display:flex}.search:focus-within{border-color:var(--accent)}.search input{color:var(--fg-1);background:0 0;border:0;outline:0;flex:1;font-family:inherit;font-size:14px}.search input::placeholder{color:var(--fg-3)}.search kbd{font-family:var(--font-mono);color:var(--fg-3);border:1px solid var(--border);background:var(--bg-inset);border-radius:4px;padding:1px 6px;font-size:11px}.main{flex-direction:column;min-width:0;display:flex}.page{width:100%;max-width:1180px;animation:pageIn .36s var(--ease-out);margin:0 auto;padding:40px 40px 80px}@keyframes pageIn{0%{transform:translateY(8px)}to{transform:none}}.btn{border-radius:var(--r-3);cursor:pointer;white-space:nowrap;transition:all var(--dur) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.btn:active{transform:scale(.985)}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{filter:brightness(1.08);box-shadow:0 4px 14px var(--accent-soft)}.btn-dark{background:var(--bg-inverse);color:var(--fg-onInverse)}.btn-dark:hover{filter:brightness(1.15)}.btn-secondary{background:var(--bg-surface);color:var(--fg-1);border-color:var(--border-strong)}.btn-secondary:hover{border-color:var(--fg-2)}.btn-ghost{color:var(--fg-1);background:0 0;padding:10px 12px}.btn-ghost:hover{background:var(--bg-muted)}.btn-sm{border-radius:var(--r-2);padding:7px 13px;font-size:13px}.btn-lg{padding:13px 24px;font-size:15px}.btn[disabled]{opacity:.5;cursor:not-allowed}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-4);transition:box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease)}.card-hover:hover{box-shadow:var(--shadow-3);border-color:var(--border-strong)}.chip{border-radius:var(--r-pill);letter-spacing:.01em;background:var(--bg-muted);color:var(--fg-2);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:4px 11px;font-size:12px;font-weight:500;display:inline-flex}.chip-outline{border-color:var(--border-strong);color:var(--fg-2);background:0 0}.chip-accent{background:var(--accent-soft);color:var(--accent)}.chip-good{background:var(--good-soft);color:var(--good)}.chip-warn{background:var(--warn-soft);color:var(--warn)}.chip-danger{background:var(--danger-soft);color:var(--danger)}.chip-dark{background:var(--bg-inverse);color:var(--fg-onInverse)}.dot{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.fpill{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--bg-surface);color:var(--fg-2);cursor:pointer;transition:all var(--dur) var(--ease);white-space:nowrap;padding:7px 14px;font-size:13px;font-weight:500}.fpill:hover{border-color:var(--border-strong);color:var(--fg-1)}.fpill.active{background:var(--bg-inverse);color:var(--fg-onInverse);border-color:var(--bg-inverse)}.platform{letter-spacing:.02em;border-radius:var(--r-2);background:var(--bg-inset);border:1px solid var(--border);color:var(--fg-2);align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.tbl{border-collapse:collapse;width:100%}.tbl th{text-align:left;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-3);border-bottom:1px solid var(--border);padding:0 16px 12px;font-size:11px;font-weight:600}.tbl td{border-bottom:1px solid var(--divider);color:var(--fg-2);vertical-align:middle;padding:16px;font-size:14px}.tbl tr:last-child td{border-bottom:0}.tbl tbody tr{transition:background var(--dur) var(--ease)}.tbl tbody tr:hover{background:var(--bg-inset)}.mono{font-family:var(--font-mono)}.field{flex-direction:column;gap:7px;display:flex}.field label{color:var(--fg-1);font-size:13px;font-weight:500}.input,.textarea,.select{color:var(--fg-1);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--r-3);transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);outline:none;width:100%;padding:11px 13px;font-family:inherit;font-size:14px}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{resize:vertical;min-height:110px;line-height:1.55}.input::placeholder,.textarea::placeholder{color:var(--fg-3)}.divider{background:var(--border);border:0;height:1px;margin:0}.muted{color:var(--fg-3)}.skel{background:linear-gradient(90deg, var(--bg-muted) 25%, var(--bg-inset) 37%, var(--bg-muted) 63%);border-radius:var(--r-2);background-size:400% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.fade-up{animation:pageIn .42s var(--ease-out) both}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.toast-wrap{z-index:400;pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{background:var(--bg-inverse);color:var(--fg-onInverse);box-shadow:var(--shadow-4);animation:slideUp .26s var(--ease-out);border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:500;display:flex}.typing{align-items:center;gap:4px;padding:4px 2px;display:inline-flex}.typing span{background:var(--fg-3);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite both blink}.typing span:nth-child(2){animation-delay:.18s}.typing span:nth-child(3){animation-delay:.36s}@keyframes blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.chat-md strong{color:var(--fg-1);font-weight:600}.chat-md code{font-family:var(--font-mono);background:var(--bg-muted);color:var(--fg-1);border-radius:4px;padding:1px 5px;font-size:.88em}.chat-md p{margin:0 0 8px}.chat-md p:last-child{margin-bottom:0}.chat-md li{margin:3px 0 3px 2px;padding-left:6px;list-style-position:outside}.chat-md ul,.chat-md ol{margin:6px 0;padding-left:18px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.glyph-tile{border-radius:var(--r-3);background:var(--bg-inset);border:1px solid var(--border);color:var(--fg-1);letter-spacing:-.02em;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}@media (max-width:920px){.app-root{grid-template-columns:64px 1fr}.sidebar{align-items:center;padding:18px 8px}.nav-label,.nav-section-label,.sidebar-foot-text{display:none}.nav-item{justify-content:center;padding:11px}.nav-item .nav-badge{display:none}.search{width:200px}.logo-full{display:none!important}.logo-mini{display:flex!important}.topbar{padding:0 18px}.page{padding:28px 20px 80px}}.logo-mini{display:none}@media (max-width:720px){.hide-sm{display:none!important}}.auth-root{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);min-height:100vh;display:grid}.auth-form{background:var(--bg-page);justify-content:center;align-items:center;padding:48px 40px;display:flex;overflow-y:auto}.auth-form-scroll{width:100%;max-width:400px;animation:authIn .44s var(--ease-out)}.auth-form-inner{width:100%}@keyframes authIn{0%{transform:translateY(10px)}to{transform:none}}.auth-brand{background:#16181d;flex-direction:column;min-height:100vh;padding:56px;display:flex;position:relative;overflow:hidden}.auth-divider{color:var(--fg-3);align-items:center;gap:14px;margin:22px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.linkbtn{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;font-size:13.5px;font-weight:500;transition:opacity .18s}.linkbtn:hover{opacity:.7}@media (max-width:880px){.auth-root{grid-template-columns:1fr}.auth-brand{display:none}}
