:root{--bg: #f6f7fb;--surface: #ffffff;--surface-2: #f2f3f9;--surface-3: #e8eaf4;--border: #e9ebf3;--border-strong: #d9dce8;--text: #16182b;--text-muted: #6b7086;--text-soft: #9a9fb4;--primary: #4f46e5;--primary-dark: #4338ca;--primary-soft: #eeecff;--ring: rgba(79, 70, 229, .18);--success: #0f9d6b;--success-soft: #e5f7ef;--info: #2563eb;--info-soft: #e8efff;--warning: #b45309;--warning-soft: #fdf2e3;--danger: #e11d48;--danger-soft: #ffe9ee;--overlay: rgba(22, 24, 43, .5);--radius: 16px;--radius-sm: 10px;--radius-lg: 22px;--shadow-xs: 0 1px 2px rgba(22, 24, 43, .05);--shadow: 0 1px 2px rgba(22, 24, 43, .06), 0 1px 3px rgba(22, 24, 43, .08);--shadow-lg: 0 24px 48px -12px rgba(22, 24, 43, .22);--font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.02em}a{color:inherit}button{font-family:inherit}::selection{background:var(--primary);color:#fff}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid transparent;border-radius:999px;padding:.6rem 1.15rem;font-size:.9rem;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 6px 16px -8px #4f46e5e6}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#c81742}.btn-danger-soft{background:var(--danger-soft);color:var(--danger)}.btn-danger-soft:hover:not(:disabled){background:#ffd9e2}.btn-sm{padding:.4rem .8rem;font-size:.82rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.field label{font-size:.83rem;font-weight:700;color:var(--text-muted)}.input{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.68rem .85rem;font-size:.92rem;font-family:inherit;background:var(--surface);color:var(--text);transition:border-color .16s ease,box-shadow .16s ease}.input::placeholder{color:var(--text-soft)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.input.is-invalid{border-color:var(--danger)}.error-text{font-size:.78rem;color:var(--danger)}.page{display:flex;flex-direction:column;gap:1.4rem;animation:fadeUp .45s cubic-bezier(.22,1,.36,1) both}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-header h1{font-size:1.7rem}.page-header p{margin:.25rem 0 0;color:var(--text-muted);font-size:.92rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.page{animation:none}.btn:active:not(:disabled){transform:none}}