:root{--blue: #0a66c2;--blue-dk: #004182;--blue-lt: #378fe9;--blue-hover: #0a66c2;--teal: #057642;--teal-lt: #0a8a4e;--gradient: linear-gradient(135deg, #0a66c2, #004182);--gradient-r: linear-gradient(135deg, #004182, #0a66c2);--bg: #f3f2ef;--surface: #ffffff;--surface2: #f9f9f9;--border: #e0deda;--border2: #c8c6c2;--ink: rgba(0,0,0,.9);--ink-mid: #666666;--ink-dim: #00000099;--ink-muted: #00000061;--green: #057642;--green-bg: #d4edda;--amber: #b45309;--amber-bg: #fef3c7;--red: #cc1016;--red-bg: #fce4e4;--radius: 8px;--radius-lg: 12px;--shadow: 0 0 0 1px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 0 0 1px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 0 0 1px rgba(0,0,0,.1), 0 8px 24px rgba(0,0,0,.1);--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace}[data-theme=dark]{--bg: #1b1f23;--surface: #242830;--surface2: #2d3340;--border: rgba(255,255,255,.1);--border2: rgba(255,255,255,.18);--ink: rgba(255,255,255,.92);--ink-mid: rgba(255,255,255,.65);--ink-dim: rgba(255,255,255,.45);--ink-muted:rgba(255,255,255,.28);--blue: #70b5f9;--blue-dk: #378fe9}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);min-height:100vh}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:99px;font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 0 0 1px var(--blue)}.btn-primary:hover{background:var(--blue-dk);box-shadow:0 0 0 1px var(--blue-dk)}.btn-ghost{background:transparent;color:var(--blue);border:1.5px solid var(--blue)}.btn-ghost:hover{background:#0a66c20f}.btn-danger{background:var(--red);color:#fff;border-radius:99px}.btn-sm{padding:5px 14px;font-size:13px}.btn-lg{padding:13px 28px;font-size:15px}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:10px 14px;background:var(--surface);border:1.5px solid var(--border2);border-radius:var(--radius);font-family:var(--font-body);font-size:14px;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--blue);box-shadow:0 0 0 2px #0a66c22e}.input::placeholder{color:var(--ink-muted)}select.input{cursor:pointer}textarea.input{resize:vertical}.label{display:block;font-size:12px;font-weight:600;color:var(--ink-mid);margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600}.badge-green{background:var(--green-bg);color:var(--green)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.badge-red{background:var(--red-bg);color:var(--red)}.badge-blue{background:#0a66c21a;color:var(--blue)}.badge-teal{background:#0576421a;color:var(--teal)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .35s ease both}.fade-in{animation:fadeIn .25s ease both}.slide-in{animation:slideIn .3s ease both}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--blue)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.spinner-blue{border-color:#0a66c233;border-top-color:var(--blue)}