.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark] .login-page{background:linear-gradient(135deg,#1e1b4b,#312e81 50%,#1e1b4b)}.login-card{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:cardSlideUp .5s ease-out}[data-theme=dark] .login-card{background:#18181b;border:1px solid #27272a}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;margin-bottom:1.25rem}.login-header h1{font-size:1.5rem;font-weight:700;margin:0 0 .5rem;color:#1d1d1f;font-family:Inter,sans-serif}[data-theme=dark] .login-header h1{color:#fafafa}.login-header p{font-size:.875rem;color:#71717a;margin:0}.login-form{display:flex;flex-direction:column;gap:1.25rem}.login-field label{display:block;font-size:.8125rem;font-weight:600;color:#3f3f46;margin-bottom:.375rem}[data-theme=dark] .login-field label{color:#a1a1aa}.login-field input{width:100%;padding:.75rem 1rem;font-size:.875rem;border:1.5px solid #e4e4e7;border-radius:10px;background:#fafafa;color:#1d1d1f;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;box-sizing:border-box}[data-theme=dark] .login-field input{background:#0a0a0b;border-color:#27272a;color:#fafafa}.login-field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15)}.login-field input::placeholder{color:#a1a1aa}.login-btn{width:100%;padding:.8rem;font-size:.9375rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;cursor:pointer;transition:transform .15s,opacity .15s;font-family:inherit;display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:.25rem}.login-btn:hover:not(:disabled){transform:translateY(-1px);opacity:.95}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-spinner{width:20px;height:20px;border:2.5px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.login-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.8125rem;font-weight:500}[data-theme=dark] .login-error{background:rgba(220,38,38,.1);border-color:rgba(220,38,38,.3)}.login-hint{text-align:center;font-size:.75rem;color:#a1a1aa;margin-top:1.5rem;margin-bottom:0}.login-hint strong{color:#71717a}[data-theme=dark] .login-hint strong{color:#a1a1aa}