:root{--bg:#f6f7f9;--panel:#fff;--border:#e3e6ea;--text:#1c2430;--muted:#687078;--primary:#2f6df6;--primary-hover:#265bd6;--danger:#d64545;--radius:8px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0 0 .5em;line-height:1.25}.btn{border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.btn:hover{background:var(--primary-hover);text-decoration:none}.btn--ghost{color:var(--text);border-color:var(--border);background:0 0}.btn--ghost:hover{background:#f0f2f5}.btn--danger{background:var(--danger);border-color:var(--danger)}.btn:disabled{opacity:.6;cursor:not-allowed}.input,.select,.textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:#fff;padding:8px 10px;font-family:inherit;font-size:14px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2f6df626}.label{margin-bottom:4px;font-size:13px;font-weight:600;display:block}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.field-row{margin-bottom:14px}.muted{color:var(--muted)}.error-text{color:var(--danger);margin-top:8px;font-size:13px}