@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--accent: #2A6FDB;--accent-hover: #2360C4;--accent-press: #1E54AC;--accent-soft: #EAF1FC;--accent-soft-2: #DBE8FA;--accent-ring: rgba(42, 111, 219, .28);--ok: #16A34A;--ok-soft: #E6F6EC;--ok-ring: rgba(22, 163, 74, .22);--warn: #D97706;--warn-soft: #FDF1DF;--warn-ring: rgba(217, 119, 6, .22);--danger: #DC2626;--danger-soft: #FCEBEB;--danger-ring: rgba(220, 38, 38, .22);--muted-status: #94A3B8;--muted-status-soft: #EEF1F5;--bg: #F6F7F9;--bg-elev: #FFFFFF;--surface: #FFFFFF;--surface-2: #FBFCFD;--surface-hover: #F3F5F8;--sidebar: #0E1620;--sidebar-2: #0A1119;--sidebar-text: #AEB9C7;--sidebar-text-dim: #6C7989;--sidebar-active: #1B2737;--border: #E7EAEF;--border-strong: #D6DAE1;--border-faint: #EEF0F4;--text: #0E141B;--text-2: #4B5563;--text-3: #79828F;--text-inv: #FFFFFF;--r-xs: 5px;--r-sm: 7px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-pill: 999px;--sh-sm: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.05);--font: "Hanken Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:var(--font);background:var(--bg);color:var(--text)}.app-container{display:flex;height:100%;overflow:hidden}.sidebar{width:244px;background:var(--sidebar);color:var(--sidebar-text);padding:20px;display:flex;flex-direction:column}.main-shell{flex:1;display:flex;flex-direction:column;min-width:0;height:100%}.topbar{height:60px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 22px}.main-scroll{flex:1;overflow-y:auto;padding:22px}.btn{display:inline-flex;align-items:center;gap:7px;font-weight:600;border-radius:var(--r-sm);padding:0 13px;height:34px;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--accent);color:#fff}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:18px}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;color:var(--text-3);font-size:11px;text-transform:uppercase;padding:9px 14px;border-bottom:1px solid var(--border)}.tbl td{padding:11px 14px;border-bottom:1px solid var(--border-faint)}
