.login-page{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--bg)}
.login-card{width:min(100%,440px);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:36px;box-shadow:0 12px 40px #183c2910}
.login-card>img{width:116px;height:40px;object-fit:contain;filter:brightness(.3)}
.login-eyebrow{margin-top:28px;color:var(--coral);font-size:11px;font-weight:800}
.login-card h1{font-size:28px;margin-top:5px;letter-spacing:0}
.login-intro{font-size:14px;color:var(--muted);line-height:1.7;margin-top:12px}
.login-card form{display:grid;margin-top:26px;gap:8px}
.login-card label{font-size:14px;font-weight:700;margin-top:10px}
.login-card input{width:100%;min-height:46px;border:1px solid var(--line-strong);border-radius:6px;padding:10px 12px;background:var(--surface);font:inherit;font-size:16px}
.login-card input:focus{outline:2px solid var(--green);outline-offset:2px}
.login-card button{min-height:46px;background:var(--green);color:white;border-radius:6px;margin-top:16px;font-size:15px;font-weight:700;cursor:pointer}
.login-card button:disabled{opacity:.55;cursor:wait}
#loginError{color:var(--danger);font-size:14px;line-height:1.5;margin-top:8px}
.login-foot{font-size:12px;color:var(--muted);margin-top:24px}
.cloud-history{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.cloud-history h2{font-size:17px}.cloud-history>p{color:var(--muted);font-size:12px;margin:8px 0}
.cloud-history article{border-top:1px solid var(--line);padding:12px 0;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.cloud-history small{display:block;color:var(--muted)}
@media(max-width:520px){.login-card{padding:26px}#logoutButton{min-width:70px}.cloud-history{padding:16px}}