.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100vw;padding:20px;background:linear-gradient(135deg,var(--sidebar-bg),var(--accent))}
.login-card{background:var(--card);border-radius:16px;padding:40px;width:380px;max-width:100%;box-shadow:0 25px 60px rgba(0,0,0,.2);animation:fadeIn .4s}
.login-card h1{font-size:24px;margin-bottom:4px;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.login-card p{color:var(--muted);font-size:14px;margin-bottom:28px}
.login-card .login-btn{display:block;margin:16px auto 0;padding:10px 28px;border-radius:10px;border:none;cursor:pointer;font-size:15px;font-weight:600;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;transition:transform .15s,box-shadow .15s}
.login-card .login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(26,73,113,.3)}
.remember-label{display:flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;color:var(--text);margin:0;justify-content:flex-start;text-transform:none;letter-spacing:0}
.remember-row{margin:-8px 0 0 0;display:flex;align-items:center}.remember-row input[type="checkbox"]{width:auto!important;margin:0!important}
.login-card input{width:100%;padding:12px 14px;border:2px solid var(--border);border-radius:10px;font-size:15px;margin-bottom:14px;background:var(--input-bg);color:var(--text);transition:border .2s}
.login-card input:focus{border-color:var(--accent);outline:none}
.login-error{color:var(--red);font-size:13px;display:none;margin-bottom:8px;animation:shake .3s}