@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root, [data-theme="dark"] {
  --primary:#68a7ff; --primary-dark:#377dff; --primary-soft:#172a42;
  --green:#a7e978; --green-soft:#1a301b; --orange:#f1cb4b; --orange-soft:#342d17;
  --red:#ff8067; --red-soft:#3c201c; --purple:#bba3f3; --purple-soft:#302640;
  --teal:#7ad6c7; --teal-soft:#173630; --bg:#050608; --card:#0c0e12;
  --text:#f4f1e9; --muted:#c2c5cb; --border:#30343b; --sidebar-bg:#0c0e12;
  --sidebar-text:#c2c5cb; --sidebar-active:#172a42; --topbar:#050608;
  --shadow:none; --radius:2px;
}
body { font-family:'Manrope',Arial,sans-serif; font-size:16px; }
.topbar { height:64px; border-bottom:1px solid var(--border); padding:0 22px; }
.brand { color:var(--text); font-size:22px; text-transform:uppercase; letter-spacing:.06em; font-weight:800; }
.brand svg { background:var(--primary); padding:4px; fill:#050608; clip-path:polygon(15% 0,100% 0,85% 100%,0 100%); }
.layout { padding-top:64px; }
.sidebar { top:64px; min-height:calc(100vh - 64px); max-height:calc(100vh - 64px); border-right:1px solid var(--border); }
.nav-label, .kpi-label, .demo-notice, .tbl th { font-family:ui-monospace,monospace; }
.nav-item { border-radius:2px; font-size:15px; }
.nav-item.active { color:var(--primary); }
.main { padding:28px 3vw 60px; }
.demo-notice { display:flex; gap:14px; align-items:center; padding:11px 14px; margin-bottom:22px; border:1px solid #30343b; background:#101722; color:#c2c5cb; font-size:10px; line-height:1.5; }
.demo-notice strong { color:var(--primary); white-space:nowrap; letter-spacing:.1em; }
.page-title { font-size:36px; line-height:1; text-transform:uppercase; letter-spacing:-.02em; font-weight:800; }
.page-sub { font-size:15px; }
.card { border:1px solid var(--border); padding:18px; }
.card h3 { font-size:19px; text-transform:uppercase; letter-spacing:.02em; }
.kpi .kpi-label { font-size:10px; letter-spacing:.08em; }
.kpi .kpi-value { font-family:ui-monospace,monospace; font-size:25px; color:var(--text); }
.btn, .chip, .field-row input, .field-row select, .field-row textarea, .tbl-wrap, .modal-card, .drawer, .search-wrap input { border-radius:2px; }
.btn { text-transform:uppercase; letter-spacing:.05em; }
.btn-primary { color:#050608; }
.btn-primary:hover { color:#050608; }
input,select,textarea { color:var(--text); }
select option { background:#0c0e12; color:#f4f1e9; }
.b-orange { color:#f1cb4b; }
:focus-visible { outline:2px solid var(--primary); outline-offset:2px; }
@media(max-width:720px){ .demo-notice { align-items:flex-start; flex-direction:column; gap:4px; } .main { padding:20px 16px 48px; } .page-title { font-size:30px; } }

[hidden]{display:none!important}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 80% 0,#102c53 0,transparent 40%),#050608}.auth-card{width:min(100%,580px);padding:clamp(24px,5vw,55px);border:1px solid #30343b;background:#0c0e12}.auth-brand{font-weight:800;letter-spacing:-.04em;font-size:21px}.auth-brand span,.auth-card em{color:#68a7ff}.auth-eyebrow{margin-top:60px!important;font:11px ui-monospace,monospace;letter-spacing:.12em;color:#68a7ff!important}.auth-card h1{font-size:clamp(38px,6vw,60px);line-height:1.05;letter-spacing:-.05em;margin:14px 0 20px}.auth-card em{font-style:normal}.auth-card p{line-height:1.6;color:#c2c5cb}.auth-card #auth-status{margin:20px 0;color:#c2c5cb}.auth-card #clerk-sign-in{margin-top:20px}.brand svg{fill:#050608}.kpi .kpi-value{font-size:23px}
.save-error{position:fixed;inset:0;z-index:9999;background:#000d;display:grid;place-items:center;padding:20px}.save-error .btn{margin:16px 8px 0 0}.sync-status{margin-left:auto;white-space:nowrap;color:#68a7ff}#auth-org-switcher,#auth-user{margin-top:20px}#org-switcher{min-width:120px}