.login-layout{display:grid;grid-template-columns:38% 1fr;min-height:100vh;background:#fff}.login-brand{padding:90px 65px;background:#f3f3ef;display:flex;flex-direction:column}.login-brand .brand{font-size:40px;padding:0}.login-brand p{margin-top:auto;font-size:22px;line-height:1.8;color:#444}.login-brand small{margin-top:30px;color:#888;font-size:11px}.login-content{display:grid;place-items:center;padding:50px 35px}.login-card{max-width:430px;width:100%}.login-card h1{font-size:30px;margin:18px 0}.login-card form{display:grid;gap:23px;margin-top:25px}.login-card label{font-size:12px}.login-card input{padding:14px}.login-card .primary{padding:15px}.connection-note{background:#f7f7f4;border:1px solid #e5e5de;border-radius:4px;padding:16px;font-size:12px;color:#666;line-height:1.8;margin:30px 0 15px}.login-message{min-height:22px;color:#815555;margin-top:18px;font-size:12px}.readiness{padding:30px}.readiness h2{margin-bottom:20px}.readiness p{margin:12px 0}#logout-button{margin-left:20px;font-size:12px}#staff-name{font-size:12px}button:disabled{opacity:.45;cursor:not-allowed}[hidden]{display:none!important}@media(max-width:760px){.login-layout{grid-template-columns:1fr}.login-brand{padding:28px}.login-brand .brand{font-size:26px}.login-brand p{font-size:14px;margin-top:20px}.login-brand small{margin-top:15px}.login-content{padding:35px 25px}}
.online-tools{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.online-tools button{font-size:12px;padding:7px 10px}
.online-status,.online-dialog-status{color:#394353;padding:10px 12px;font-size:13px;line-height:1.6}
main>.online-status{padding-inline:clamp(14px,4vw,38px)}
[data-kind="success"]{color:#256144}
[data-kind="error"]{color:#982d2d;background:#fff5f5}
.online-dialog-status button{margin-left:8px}
.purchases td button{font-size:12px;padding:5px 8px}
.backup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.backup-card{padding:20px;margin-bottom:16px}
.backup-card h2{font-size:16px;margin:0 0 12px}
.backup-card p{margin:8px 0 12px;line-height:1.6}
.backup-card form,.backup-card label{display:block}
.backup-card label{margin:12px 0}
.backup-card button{margin-top:6px}
.backup-history-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}
#backup-result .table-wrap,#backup-page .table-wrap{overflow:auto}
@media(max-width:860px){.backup-grid{grid-template-columns:1fr}}