:root{--bg:#ecf0f8;--card-bg:#fff;--topbar-bg:#fff;--topbar-border:#e8ecf4;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#a0aab8;--border:#e5e9f2;--input-bg:#f8f9fb;--input-border:#dde2ee;--input-focus:#4f8ef7;--brand-blue:#4f8ef7;--brand-teal:#2dd4bf;--error:#ef4444;--radius:10px;--radius-lg:16px;--transition:.18s ease}:root[data-theme=dark]{--bg:#0f1117;--card-bg:#1a1d27;--topbar-bg:#1a1d27;--topbar-border:#2a2d3a;--text-primary:#e2e8f0;--text-secondary:#8892a4;--text-muted:#5a6278;--border:#2a2d3a;--input-bg:#12141c;--input-border:#2a2d3a;--input-focus:#7c85ff;--brand-blue:#7c85ff;--error:#f43f5e}:root[data-theme=dark] .field-input:focus{background:#161a24}:root[data-theme=dark] .btn-enter:disabled{color:#5a6278;background:#2a2d3a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--bg);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:DM Sans,system-ui,sans-serif;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.topbar{background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);flex-shrink:0;align-items:center;height:52px;padding:0 1.5rem;display:flex}.brand{align-items:center;gap:.5rem;display:flex}.brand-icon{align-items:center;display:flex}.brand-name{letter-spacing:-.02em;color:var(--text-primary);font-size:1rem;font-weight:700}.page-center{flex:1;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-width:430px;padding:2.5rem 2.25rem 2rem;animation:.42s cubic-bezier(.22,1,.36,1) both card-in}@keyframes card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.card-logo{flex-direction:column;align-items:center;gap:.35rem;margin-bottom:1.35rem;display:flex}.card-logo img{width:auto;height:38px}.card-logo-label{letter-spacing:.18em;color:var(--text-muted);font-size:.6rem;font-weight:700}.card-title{text-align:center;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.45rem;font-size:1.9rem;font-weight:700}.card-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:1.75rem;font-size:.9rem;line-height:1.55}#login-form{flex-direction:column;display:flex}.field-group{flex-direction:column;gap:.38rem;margin-bottom:1.1rem;display:flex}.field-label-row{justify-content:space-between;align-items:center;display:flex}.field-label{letter-spacing:.1em;color:var(--text-secondary);font-size:.7rem;font-weight:600}.forgot-link{color:var(--brand-blue);transition:opacity var(--transition);font-size:.82rem;font-weight:500}.forgot-link:hover{opacity:.72}.input-wrap{position:relative}.field-input{width:100%;height:48px;color:var(--text-primary);background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);outline:none;padding:0 2.8rem 0 .95rem;font-family:inherit;font-size:.93rem}.field-input::placeholder{color:var(--text-muted)}.field-input:focus{border-color:var(--input-focus);background:#fff;box-shadow:0 0 0 3px #4f8ef71c}.field-input.is-error{border-color:var(--error);box-shadow:0 0 0 3px #ef444417}.input-icon{color:var(--text-muted);pointer-events:none;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.toggle-pw{cursor:pointer;pointer-events:auto;transition:color var(--transition)}.toggle-pw:hover{color:var(--brand-blue)}.field-error{color:var(--error);min-height:.9rem;font-size:.76rem}.btn-enter{border-radius:var(--radius);color:#fff;cursor:pointer;width:100%;height:50px;transition:opacity var(--transition), transform .14s ease, box-shadow var(--transition);background:linear-gradient(90deg,#4f8ef7 0%,#2dd4bf 100%);border:none;justify-content:center;align-items:center;gap:.55rem;margin-top:.25rem;margin-bottom:1.4rem;font-size:.97rem;font-weight:600;display:flex}.btn-enter:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 18px #4f8ef74d}.btn-enter:active{box-shadow:none;transform:translateY(0)}.btn-enter:disabled{cursor:not-allowed;box-shadow:none;opacity:1;background:#d1d5db;transform:none}.btn-enter.loading .btn-enter-text:after{content:"";vertical-align:middle;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;margin-left:.45rem;animation:.65s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=480px){.card{padding:2rem 1.25rem 1.75rem}.card-title{font-size:1.65rem}.topbar{padding:0 1rem}}