@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=DM+Mono:wght@400;500&display=swap";:root{--navy:#0d1b2a;--navy-mid:#1a2e44;--navy-light:#243b55;--teal:#00c2a8;--teal-dim:#00a08a;--teal-faint:#00c2a81a;--blue:#2d7dd2;--blue-faint:#2d7dd21f;--red:#e84855;--amber:#f4a261;--green:#06d6a0;--grey-text:#8fa3b1;--border:#ffffff12;--card:#162030;--card-hover:#1e2d40;--surface:#1a2840;--text:#e8f0f7;--text-dim:#8fa3b1;--font:"DM Sans", sans-serif;--mono:"DM Mono", monospace}body.light-mode{--navy:#f0f4f8;--navy-mid:#fff;--navy-light:#e2e8f0;--teal:#009688;--teal-dim:#00796b;--teal-faint:#0096881a;--blue:#1a5fa8;--blue-faint:#1a5fa81a;--red:#d32f2f;--amber:#e65100;--green:#2e7d32;--grey-text:#607d8b;--border:#0000001a;--card:#fff;--card-hover:#f5f8fa;--surface:#f0f4f8;--text:#1a2e44;--text-dim:#546e7a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--navy);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--navy-light);border-radius:3px}a{color:inherit;text-decoration:none}button{font-family:var(--font);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font);outline:none}.btn-primary{background:var(--teal);color:var(--navy);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background:var(--teal-dim);transform:translateY(-1px);box-shadow:0 4px 16px #00c2a84d}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--card-hover);border-color:#ffffff26}.btn-ghost{color:var(--text-dim);background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-ghost:hover{background:var(--teal-faint);color:var(--teal)}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px}.badge{letter-spacing:.03em;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-green{color:var(--green);background:#06d6a026}.badge-amber{color:var(--amber);background:#f4a26126}.badge-red{color:var(--red);background:#e8485526}.badge-grey{color:var(--grey-text);background:#8fa3b11f}.badge-blue{background:var(--blue-faint);color:var(--blue)}.progress-bar{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .6s}.progress-fill.green{background:var(--green)}.progress-fill.amber{background:var(--amber)}.progress-fill.red{background:var(--red)}.progress-fill.teal{background:var(--teal)}.page-header{margin-bottom:32px}.page-header h1{color:var(--text);letter-spacing:-.02em;font-size:28px;font-weight:700}.page-header p{color:var(--text-dim);margin-top:4px;font-size:15px}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}@media (width<=1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}}@media (width<=700px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.animate-in{animation:.35s forwards fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}select{background-color:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:10px 12px}select option{background-color:var(--navy-mid);color:var(--text)}select:focus{border-color:var(--teal);outline:none}