:root{--bg: #f4f6fb;--surface: #ffffff;--ink: #1c2230;--muted: #6b7280;--border: #e4e8f0;--primary: #2f5cff;--primary-ink: #ffffff;--danger: #d13c4b;--ok: #17915a;--radius: 12px;--shadow: 0 1px 3px rgba(20, 30, 60, .06), 0 8px 24px rgba(20, 30, 60, .06)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}h1{font-size:1.4rem;margin:0 0 .25rem}h2{font-size:.95rem;margin:0 0 .75rem;color:var(--muted);font-weight:600}a{color:var(--primary)}code{background:#eef1f8;padding:.1em .35em;border-radius:5px;font-size:.85em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--ink);padding:.55rem .9rem;border-radius:9px;cursor:pointer;transition:background .12s,border-color .12s,transform .02s}button:hover{background:#f7f9ff;border-color:#cdd6ee}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}button.primary:hover{background:#2247d8}.btn-provider{display:flex;align-items:center;gap:.6rem;justify-content:center;width:100%;padding:.7rem;font-weight:600}.btn-provider svg{width:18px;height:18px}input,select,textarea{font:inherit;width:100%;padding:.55rem .65rem;border:1px solid var(--border);border-radius:9px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid #c9d5ff;border-color:var(--primary)}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.3rem}.field{margin-bottom:.85rem}.muted{color:var(--muted)}.error{color:var(--danger)}.pill{font-size:.75rem;padding:.1rem .5rem;border-radius:999px;background:#eef1f8;color:var(--muted)}.pill.ok{background:#e3f5ec;color:var(--ok)}.pill.err{background:#fbe6e8;color:var(--danger)}.row{display:flex;gap:.5rem;align-items:center}