:root{--text:#2b2b2b;--text-muted:#6b6375;--bg:#fff;--border:#d8d6db;--accent:#6d28d9;--error-bg:#fdecea;--error-text:#7a1f1a;--success-bg:#e9f9ee;--success-text:#1f6f3b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#e5e5e5;--text-muted:#a3a3a3;--bg:#16171d;--border:#3a3a42;--accent:#c084fc;--error-bg:#3a1f1f;--error-text:#ffb4b4;--success-bg:#1f3a28;--success-text:#9be8b0}}body{margin:0}#root{box-sizing:border-box;max-width:480px;margin:0 auto;padding:48px 24px}h1{margin:0 0 16px;font-size:22px}.login-page,.app-page,.login-form,form{flex-direction:column;gap:16px;display:flex}label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:14px;display:flex}input,select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:10px 12px}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 16px}button:disabled{opacity:.6;cursor:not-allowed}.link-button{color:var(--text-muted);background:0 0;padding:0;text-decoration:underline}header{justify-content:space-between;align-items:center;display:flex}.security-note{color:var(--text-muted);border:1px solid var(--border);border-radius:6px;margin:0 0 8px;padding:10px 12px;font-size:13px}.error{background:var(--error-bg);color:var(--error-text);border-radius:6px;margin:0;padding:10px 12px;font-size:14px}.success{background:var(--success-bg);color:var(--success-text);border-radius:6px;margin:0;padding:10px 12px;font-size:14px}.env-badge{background:var(--border);color:var(--text);border-radius:999px;align-self:flex-start;margin:-8px 0 0;padding:4px 10px;font-size:13px;font-weight:600}.env-badge-prod{background:var(--error-bg);color:var(--error-text)}