:root{--bg:#f4f7fb;--surface:#fff;--surface-2:#f8fafc;--text:#172033;--muted:#687386;--border:#e5e9f0;--primary:#4f46e5;--primary-hover:#4338ca;--danger-bg:#fff1f2;--danger:#be123c;--success-bg:#ecfdf5;--success:#047857;--warning-bg:#fffbeb;--warning:#a16207;--shadow:0 18px 50px rgba(15,23,42,.08)}
[data-theme=dark]{--bg:#0b1120;--surface:#111827;--surface-2:#172033;--text:#eef2ff;--muted:#9aa6b8;--border:#263247;--primary:#818cf8;--primary-hover:#6366f1;--danger-bg:#3a1521;--danger:#fda4af;--success-bg:#0d3026;--success:#6ee7b7;--warning-bg:#352b0b;--warning:#facc15;--shadow:0 18px 50px rgba(0,0,0,.3)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}
.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.auth-theme{position:fixed;top:20px;right:20px;z-index:100}.login-card{width:min(430px,calc(100% - 32px));margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:38px;box-shadow:var(--shadow)}
.brand-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:var(--primary);color:#fff;font-weight:800;letter-spacing:.04em;margin-bottom:20px}.login-card h1{font-size:28px;margin:0 0 8px}.login-card .muted{color:var(--muted);margin:0 0 24px}.login-card label{display:block;font-size:14px;font-weight:650;margin:22px 0 8px}.login-card input{width:100%;border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:12px;padding:13px 14px;outline:0}.login-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.12)}.login-card .primary-button{width:100%;border:0;border-radius:12px;padding:13px 16px;margin-top:24px;background:var(--primary);color:#fff;font-weight:700;cursor:pointer}.login-card .primary-button:hover{background:var(--primary-hover)}.security-note{text-align:center;margin:22px 0 0;color:var(--muted);font-size:13px}.alert{border-radius:12px;padding:12px 14px;margin:18px 0;font-size:14px}.alert.danger{background:var(--danger-bg);color:var(--danger)}.alert.warning{background:var(--warning-bg);color:var(--warning)}.icon-button{border:1px solid var(--border);background:var(--surface);color:var(--text);width:42px;height:42px;border-radius:12px;cursor:pointer}
@media(max-width:600px){.auth-page{padding:16px}.login-card{width:100%;padding:28px 22px}.login-card h1{font-size:25px}.auth-theme{top:12px;right:12px}}