.login-panel{width:calc(100% - 32px);max-width:430px;margin:65px auto;padding:34px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 35px #243f2510}
.login-panel>img{margin-bottom:20px}.login-panel h1{font-size:29px}.login-description{font-size:13px;color:var(--muted);margin-bottom:25px}.login-panel input{display:block;width:100%;border:1px solid #dce4d7;border-radius:7px;background:#fcfdfb;color:var(--ink);font-size:16px;padding:11px 12px;margin-bottom:19px}.login-panel .button.primary{width:100%;min-height:44px;font-size:14px;margin:5px 0 16px}.login-panel .small-note{margin-bottom:0}#current-user{font-size:12px;color:var(--green)}
@media(max-width:650px){.login-panel{margin:30px auto;padding:26px}.topbar{flex-wrap:wrap;height:auto;min-height:68px;padding-top:10px;padding-bottom:10px;gap:7px}#current-user{margin-left:auto}#logout-button{min-height:32px}.topbar:has(#login-panel:not([hidden])){height:68px}}