:root{--bg: #f5f7fb;--surface: #ffffff;--border: #dfe4ee;--text: #1a2233;--muted: #67728a;--primary: #2f6fed;--primary-hover: #2459c4;--danger: #c0392b;--success: #1e8e5a;--radius: 12px;--shadow: 0 10px 30px rgba(26, 34, 51, .08);color-scheme:light}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 8px;line-height:1.25}p{margin:0 0 12px}label{display:block;margin-bottom:6px;font-size:14px;font-weight:600}input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font:inherit}input:focus{outline:2px solid rgba(47,111,237,.25);border-color:var(--primary)}button{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;border:1px solid transparent;border-radius:8px;background:var(--primary);color:#fff;font-weight:600}.btn:hover{background:var(--primary-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{width:auto;background:transparent;border-color:var(--border);color:var(--text)}.btn-ghost:hover{background:#eef2fb}.field{margin-bottom:16px}.alert{margin-bottom:16px;padding:10px 12px;border-radius:8px;background:#fdecea;color:var(--danger);font-size:14px}.alert-success{background:#e6f6ee;color:var(--success)}.muted{color:var(--muted)}.small{font-size:13px}