@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--color-bg:#161826;--color-surface:#1c1f30;--color-surface-2:#23273b;--color-text:#e9e9ed;--color-text-muted:#9a9aa8;--color-divider:#2b2e42;--color-accent:#9184d9;--color-accent-100:#e7e3f8;--color-accent-300:#b3a5e8;--color-accent-400:#a396e0;--color-accent-800:#322a54;--color-accent-2:#6fb0d9;--color-accent-2-500:#6fb0d9;--color-neutral-300:#c7c7cf;--color-neutral-500:#7d7d8a;--color-success:#6fbf8a;--color-danger:#e0708a;--color-warning:#d9b26f;--font-heading:"Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);margin:0;padding:0;font-size:13px}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-400)}h1,h2,h3,h4{font-family:var(--font-heading);margin:0;font-weight:500}.text-muted{color:var(--color-text-muted)}.card{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md)}.card.elev-sm{box-shadow:0 1px 3px #00000040}.card-kicker{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px}.card-title{font-family:var(--font-heading);font-size:20px;font-weight:500}.card-pad{padding:var(--space-4)}.input,select.input,textarea.input{background:var(--color-surface-2);border:1px solid var(--color-divider);border-radius:var(--radius-sm);color:var(--color-text);font-size:13px;font-family:var(--font-body);outline:none;padding:6px 10px}.input:focus{border-color:var(--color-accent)}label{color:var(--color-text-muted);margin-bottom:4px;font-size:12px;display:block}.field{flex-direction:column;gap:2px;display:flex}.btn{border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-body);border:1px solid var(--color-divider);background:var(--color-surface-2);color:var(--color-text);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;display:inline-flex}.btn:hover{border-color:var(--color-accent)}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:#1a1730;font-weight:600}.btn-primary:hover{background:var(--color-accent-400)}.btn-danger{color:var(--color-danger)}.btn-sm{padding:4px 10px;font-size:12px}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-divider);padding:8px 10px;font-size:11px;font-weight:500}.table td{border-bottom:1px solid var(--color-divider);padding:8px 10px}.table tr:last-child td{border-bottom:none}.seg{border:1px solid var(--color-divider);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.seg-opt{cursor:pointer;color:var(--color-text-muted);padding:6px 12px;font-size:12px}.seg-opt.active{background:var(--color-accent-800);color:var(--color-accent-100)}.badge{border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-success{color:var(--color-success);background:#6fbf8a26}.badge-danger{color:var(--color-danger);background:#e0708a26}.badge-neutral{background:var(--color-surface-2);color:var(--color-text-muted)}.badge-accent{background:var(--color-accent-800);color:var(--color-accent-100)}.modal-backdrop{z-index:50;padding:var(--space-4);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:85vh;padding:var(--space-5);overflow:auto}.nav-link{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-muted);padding:8px 10px;font-size:13px;display:flex}.nav-link:hover{background:var(--color-surface-2);color:var(--color-text)}.nav-link.active{background:var(--color-accent-800);color:var(--color-accent-100)}.progress-track{background:var(--color-surface-2);border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:var(--color-accent);height:100%}
