.account-bar{max-width:1180px;margin:12px auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#edf7f1;border:1px solid #cce5d5;border-radius:12px;font-size:14px;color:#264c3c}.account-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.account-actions button{font:inherit;padding:6px 12px}.account-bar [data-state=error]{color:#a12727}.account-bar [data-state=pending]{color:#775000}.login-panel{max-width:460px;margin:50px auto;padding:28px;background:white;border-radius:20px;border:1px solid #dfe7e1}.login-panel form{display:grid;gap:14px}.login-panel label{display:grid;gap:7px}.login-panel input{font:inherit;padding:12px;border:1px solid #bbc9c0;border-radius:9px;width:100%;box-sizing:border-box}.login-panel button{font:inherit;padding:12px;border-radius:9px;cursor:pointer}.login-panel [role=status]{min-height:24px;color:#8b2727}.login-panel h1{font-size:28px}.login-panel .muted{line-height:1.7}@media(max-width:600px){.account-bar{margin:10px 12px}.login-panel{margin:25px 12px;padding:22px}}

.login-panel form[hidden]{display:none}