:root{--p-900: #1e1b4b;--p-700: #4338ca;--p-600: #4f46e5;--p-500: #6366f1;--p-100: #e0e7ff;--p-50: #eef2ff;--g-500: #16a34a;--g-100: #dcfce7;--a-500: #d97706;--a-100: #fef3c7;--r-500: #dc2626;--r-100: #fee2e2;--ink: #1f2330;--muted: #6b7280;--line: #e5e7eb;--paper: #ffffff;--surface: #f7f8fb;--radius: 12px;--font: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:var(--font);color:var(--ink);background:var(--surface)}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}.btn{border:none;background:linear-gradient(90deg,#22d3ee,#38bdf8);color:#04121b;padding:9px 15px;border-radius:9px;font-weight:700;transition:transform .12s,box-shadow .12s,opacity .12s}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #22d3ee52}.btn.ghost{background:#94a3b81f;color:var(--p-700);border:1px solid var(--line);box-shadow:none}.btn.ghost:hover:not(:disabled){background:#94a3b833;transform:none;box-shadow:none}.btn:disabled{opacity:.45;cursor:not-allowed}.dot{width:9px;height:9px;border-radius:50%;display:inline-block}.dot.grey{background:#cbd5e1}.dot.green{background:var(--g-500)}.dot.purple{background:var(--p-500)}.dot.amber{background:var(--a-500)}.chip{font-size:12px;padding:3px 9px;border-radius:999px;background:var(--p-50);color:var(--p-700);border:1px solid var(--p-100);transition:background .12s,color .12s}.chip.on{background:var(--p-600);color:#04121b}.badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px}.badge.low{background:var(--g-100);color:var(--g-500)}.badge.medium{background:var(--a-100);color:var(--a-500)}.badge.high{background:var(--r-100);color:var(--r-500)}