:root{--brand: #4a7cd2;--brand-dark: #3864ac;--brand-deep: #2c5089;--brand-deepest: #1f3c69;--brand-soft: #eaf1fc;--brand-mint: #a9c6f0;--brand-mint-2: #cfe0f8;--accent: #eaa638;--ink: #0f172a;--ink-soft: #334155;--muted: #64748b;--muted-2: #94a3b8;--border: #e2e8f0;--border-soft: #e6ebf0;--surface: #ffffff;--surface-tint: #f8fafc;--bg: #f1f5f9;--danger: #dc2626;--danger-soft: #fee2e2;--warn: #f59e0b;--warn-text: #b45309;--warn-soft: #fffbeb;--radius-lg: 16px;--radius-md: 11px;--radius-sm: 8px;--radius-pill: 20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Manrope,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-dark)}input,button,select,textarea{font-family:inherit}input:focus,select:focus,textarea:focus{outline:none}::placeholder{color:var(--muted-2)}.mono{font-family:JetBrains Mono,monospace}.scry{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.page-container>*{margin-left:auto;margin-right:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmerSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{position:relative;overflow:hidden;background:#e7ebf1;border-radius:6px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);animation:shimmerSweep 1.8s ease-in-out infinite}.btn-primary{background:var(--brand);color:#fff;border:none;border-radius:var(--radius-md);font-weight:700;cursor:pointer;transition:background .15s ease}.btn-primary:hover{background:var(--brand-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--ink-soft);border:1px solid var(--border);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background .15s ease}.btn-secondary:hover{background:var(--surface-tint)}.btn-danger{background:var(--surface);color:var(--danger);border:1px solid var(--danger-soft);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background .15s ease}.btn-danger:hover{background:var(--danger-soft)}.field{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;background:var(--surface-tint);transition:border-color .15s ease,background .15s ease}.field:focus{border-color:var(--brand);background:#fff}.field:disabled{background:var(--surface-tint);color:var(--muted);cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg)}.toggle{width:46px;height:26px;border-radius:var(--radius-pill);border:none;cursor:pointer;position:relative;padding:0;flex-shrink:0;transition:background .2s ease}.toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s ease}.chip{font-size:12.5px;font-weight:700;padding:4px 11px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:6px}
