:root{color-scheme:light;--ink: #111827;--muted: #6b7280;--line: #e5e7eb;--accent: #00b8a9;--sidebar: #0f172a;--danger: #dc2626;--bg: #ffffff;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink)}.auth-shell{min-height:100vh;display:flex;background:var(--sidebar)}.auth-aside{display:none;width:240px;padding:32px;border-right:1px solid rgb(255 255 255 / .1);color:#fff;flex-direction:column;justify-content:center}.brand{display:flex;align-items:center;gap:8px;font-weight:700}.brand-mark{width:28px;height:28px;border-radius:6px;background:var(--accent);display:grid;place-items:center}.brand-mark span{width:12px;height:12px;background:#fff;border-radius:2px}.kicker{margin:8px 0 0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}.auth-main{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;background:#fff}.auth-card{width:100%;max-width:420px}h1{margin:0 0 8px;font-size:28px}.lead{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 24px}form{display:grid;gap:14px}label{display:grid;gap:6px;font-size:13px;font-weight:600}input{height:48px;border:1px solid var(--line);border-radius:10px;padding:0 14px;font-size:16px}input:focus{outline:2px solid rgb(0 184 169 / .3);border-color:var(--accent)}button{height:48px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.alert{border-radius:10px;padding:12px 14px;font-size:14px}.alert.error{background:#fef2f2;color:var(--danger)}.alert.ok{background:#ecfdf5;color:#047857}.alert.info{background:#f8fafc;color:#334155}.footer-link{display:block;margin-top:16px;font-size:13px;color:var(--accent);text-align:center}.forgot-link{display:block;margin-top:16px;text-align:center;color:var(--accent);font-size:14px;font-weight:600;text-decoration:underline;cursor:pointer}@media(min-width:640px){.auth-aside{display:flex}}