.auth-page{min-height:100vh;background:#f3f6f4;padding:32px 16px;display:block}.auth-card{margin:4vh auto;max-width:520px;width:100%;background:white;border:1px solid #dfe6e1;border-radius:20px;padding:32px;box-shadow:0 16px 60px #1235220d}.auth-card h1{font-size:30px}.auth-card p{line-height:1.55}.auth-card label,.access-panel label{display:grid;gap:7px;margin:16px 0}.auth-card input,.access-panel input,.access-panel select{width:100%;padding:12px;border:1px solid #bdc9c0;border-radius:8px;background:white;font:inherit}.auth-card button{margin:8px 0}.auth-card .primary{width:100%}.auth-card .check{display:flex;align-items:flex-start;gap:10px}.auth-card .check input{width:auto}.auth-card code,.auth-card pre,.access-panel pre{overflow-wrap:anywhere;white-space:pre-wrap;font-size:15px}.auth-error{color:#9b2929;min-height:1.5em}#auth-qr{display:block;width:240px;max-width:100%;height:auto;margin:12px auto;image-rendering:pixelated}.access-wrap{max-width:1040px;margin:24px auto;padding:0 20px}.access-panel{background:white;border:1px solid #dfe6e1;border-radius:16px;padding:24px;margin:20px 0}.access-row{display:grid;grid-template-columns:minmax(140px,1fr) 120px 120px 100px;gap:12px;align-items:center;border-bottom:1px solid #e5ebe7;padding:12px 0}.access-row label{margin:0}.access-events{max-height:320px;overflow:auto;font-size:13px}.access-secret{background:#fff8dc;border:1px solid #e0cb7a;padding:16px;border-radius:12px;overflow-wrap:anywhere}.access-links{display:flex;gap:20px;flex-wrap:wrap}.role-note{background:#eef5e9;padding:10px 16px;margin:0;color:#254132;font-size:13px}.account-link{white-space:nowrap}.support-mode [data-admin-only]{display:none!important}@media(max-width:600px){.auth-card{padding:24px 20px;margin:0 auto}.access-row{grid-template-columns:1fr 1fr}.access-panel{padding:18px}.access-wrap{padding:0 12px}}

.backup-panel{border-top:3px solid #85948b}
.backup-panel[data-state=ok]{border-top-color:#32825f}.backup-panel[data-state=failed],.backup-panel[data-state=stale]{border-top-color:#b94848}
.backup-panel[data-state=older],.backup-panel[data-state=disabled]{border-top-color:#bd8c38}
.backup-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.backup-heading h2{margin-bottom:4px}.backup-heading p{font-size:13px;color:#63746a;margin:3px 0 14px}
.backup-heading button{font-size:12px;white-space:nowrap}.backup-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:10px 0 16px}
.backup-cards>div{padding:16px;border:1px solid #e4ebe7;border-radius:10px;background:#fafcfb;min-width:0}
.backup-cards h3{font-size:13px;margin:0 0 12px;font-weight:500;color:#556c60}.backup-time{font-size:17px;font-weight:600;line-height:1.4;margin:0 0 9px;font-variant-numeric:tabular-nums}
.backup-cards small{display:block;font-size:11px;line-height:1.5;margin-top:9px;color:#738077}.backup-state{display:inline-block;font-size:11px;border-radius:4px;padding:3px 6px;background:#eef1ef;color:#5a6960}.backup-state[data-state=ok]{background:#eaf5ef;color:#246445}
.backup-state[data-state=failed],.backup-state[data-state=stale]{background:#fbeeee;color:#9a3737}.backup-state[data-state=older],.backup-state[data-state=disabled]{background:#faf2e3;color:#8d6727}.backup-footnote{font-size:12px;line-height:1.6;color:#6a786f;margin:5px 0}
@media(max-width:740px){.backup-cards{grid-template-columns:1fr}.backup-heading{flex-wrap:wrap}.backup-time{font-size:16px}}
