:root{--brand-primary: #1d4ed8;--bg: #f7f7f8;--surface: #ffffff;--text: #18181b;--text-muted: #6b7280;--border: #e5e7eb;--radius: 12px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.container{width:100%;max-width:720px;margin:0 auto;padding:24px 16px}.narrow{max-width:380px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font-size:.95rem;font-weight:600}.btn--primary{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.btn--primary:disabled{opacity:.6;cursor:default}.btn--block{width:100%}.btn--sm{padding:6px 10px;font-size:.85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.field{width:100%;padding:11px 12px;margin-bottom:12px;border:1px solid var(--border);border-radius:10px;font:inherit;background:var(--surface)}.field:focus{outline:2px solid var(--brand-primary)}.label{display:block;font-size:.85rem;font-weight:600;margin-bottom:4px;color:var(--text-muted)}.muted{color:var(--text-muted)}.error{color:#b91c1c}.ok{color:#047857}.row{display:flex;gap:10px;align-items:center}.between{display:flex;justify-content:space-between;align-items:center}