body.login-page{min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(circle at 10% 20%,#dbeafe,#f4f6fb 55%);transition:background .3s ease}:root[data-theme=dark] body.login-page{background:radial-gradient(circle at 10% 20%,#0f172a,#020617 55%)}.login-shell{width:min(480px,100%)}.login-card{background:var(--surface-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:32px;box-shadow:var(--shadow-soft)}.brand-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.brand-strip .brand-badge{background:transparent;border:none;border-radius:10px;padding:6px 10px;display:inline-flex;align-items:center;justify-content:center}:root[data-theme=dark] .brand-strip .brand-badge{background:#707070;border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 12px #00000059}.brand-strip img{max-height:56px}.login-card h1{margin:0 0 8px}.login-card p{margin:0 0 18px;color:var(--muted-color)}.login-toolbar{display:flex;justify-content:flex-end;margin-bottom:12px}.ghost-btn{border:1px solid var(--border-color);background:transparent;color:var(--text-color);border-radius:999px;padding:6px 14px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.input-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.input-field label{font-size:.9rem;font-weight:600;color:var(--muted-color)}.input-field input{border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px 14px;background:var(--surface-alt);color:var(--text-color)}.login-button{width:100%;border:none;border-radius:var(--radius-md);padding:12px 16px;background:linear-gradient(135deg,var(--primary-color),#7c3aed);color:var(--primary-contrast);font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.login-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 18px 35px #5b8def59}.login-button:disabled{opacity:.7;cursor:not-allowed}.error-banner{background:#ef444426;color:var(--danger-color);border:1px solid rgba(239,68,68,.4);border-radius:var(--radius-sm);padding:10px 12px;font-size:.9rem;margin-bottom:12px;display:none}.support-text{text-align:center;margin-top:18px;font-size:.85rem;color:var(--muted-color)}.support-text span{color:var(--primary-color);font-weight:600}@media(max-width:520px){.login-card{padding:24px}.brand-strip{flex-direction:column}}