:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f0f2f5;--border: #dfe3e8;--border-strong: #c6ccd4;--text: #16202c;--text-muted: #5b6876;--text-subtle: #8894a3;--brand: #1f6feb;--brand-dark: #1a5fd0;--brand-tint: #e8f1fe;--danger: #c0362c;--danger-tint: #fdecea;--success: #167d54;--success-tint: #e6f4ee;--warning: #9a6700;--warning-tint: #fff6df;--ink: #0b1a30;--ink-2: #14294a;--accent-indigo: #1f6feb;--accent-indigo-tint: #e8f1fe;--accent-teal: #0e7c86;--accent-teal-tint: #e0f3f5;--accent-amber: #b45309;--accent-amber-tint: #fdf0e0;--accent-violet: #6d28d9;--accent-violet-tint: #efe9fd;--accent-emerald: #167d54;--accent-emerald-tint: #e6f4ee;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 2px rgb(16 24 40 / 6%), 0 1px 3px rgb(16 24 40 / 8%);--shadow-lg: 0 10px 28px rgb(16 24 40 / 10%), 0 2px 6px rgb(16 24 40 / 6%);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em;color:var(--text)}h1{font-size:1.65rem}h2{font-size:1.15rem}p{margin:0}a{color:var(--brand)}.field{display:flex;flex-direction:column;gap:.375rem}.field label{font-size:.8125rem;font-weight:600;color:var(--text-muted)}.input{width:100%;padding:.625rem .75rem;font:inherit;font-size:.9375rem;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--text-subtle)}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}.input[aria-invalid=true]{border-color:var(--danger)}.input:disabled{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed}.error-text{font-size:.8125rem;color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;font:inherit;font-size:.9375rem;font-weight:600;color:#fff;background:var(--brand);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease,opacity .15s ease}.btn:hover:not(:disabled){background:var(--brand-dark)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--brand-tint)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%}.btn-ghost{color:var(--text-muted);background:transparent;border-color:var(--border-strong)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.alert{padding:.625rem .75rem;font-size:.875rem;border-radius:var(--radius-sm);border:1px solid transparent}.alert-danger{color:var(--danger);background:var(--danger-tint);border-color:#f5c6c2}.alert-success{color:var(--success);background:var(--success-tint);border-color:#bfe3d2}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.75rem;font-weight:600;border-radius:999px;background:var(--surface-2);color:var(--text-muted)}.badge-brand{background:var(--brand-tint);color:var(--brand-dark)}.badge-warning{background:var(--warning-tint);color:var(--warning)}.badge-success{background:var(--success-tint);color:var(--success)}.badge-danger{background:var(--danger-tint);color:var(--danger)}.spinner{width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
