.backup-grid{max-width:1420px;margin:0 auto 14px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:12px}.backup-card,.backup-history{background:#151b22;border:1px solid #2c3540;border-radius:7px;padding:17px}.backup-card-heading,.backup-history>header{display:flex;align-items:flex-start;gap:15px;border-bottom:1px solid #2b3540;padding-bottom:12px;margin-bottom:13px}.backup-card-heading h3,.backup-history h3{margin:3px 0 0;font-size:15px}.backup-card-heading small,.backup-history small{color:#778696;font-size:8px;font-weight:800;letter-spacing:1.2px}.backup-switch{margin-left:auto!important;display:flex!important;align-items:center;gap:8px;color:#b9c3cc!important}.backup-switch input{width:auto!important;margin:0!important}.backup-fields{display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px}.backup-fields label{color:#83919e;font-size:8px;font-weight:800;letter-spacing:.6px}.backup-fields input,.backup-fields select{display:block;width:100%;margin-top:6px;background:#0c1116;color:#eef4f8;border:1px solid #35414d;border-radius:4px;padding:9px}.backup-card p{color:#83919e;font-size:10px;line-height:1.55}.backup-actions{display:flex;justify-content:flex-end}.backup-card button,.backup-history button{border:1px solid #35414d;background:#202832;color:#b6c1ca;border-radius:4px;padding:9px 12px;font-size:9px;font-weight:800;cursor:pointer}.backup-card button.primary{background:var(--red);border-color:var(--red);color:#fff}.manual-backup dl{display:grid;gap:8px;margin:15px 0}.manual-backup dl div{background:#11171d;border:1px solid #29333d;border-radius:4px;padding:10px}.manual-backup dt{color:#718090;font-size:7px;letter-spacing:.8px}.manual-backup dd{margin:4px 0 0;font:10px monospace;word-break:break-all}.manual-backup>button{width:100%;margin-top:8px}.backup-history{max-width:1420px;margin:0 auto;padding:0}.backup-history>header{padding:14px 16px;margin:0}.backup-history>header button{margin-left:auto}.backup-history-head,.backup-history-row{display:grid;grid-template-columns:145px 80px 90px minmax(260px,1fr) 90px 150px 90px;gap:10px;align-items:center;padding:9px 14px}.backup-history-head{color:#718090;font-size:7px;font-weight:800;letter-spacing:.7px;background:#11171d}.backup-history-row{border-top:1px solid #28313b;font-size:9px}.backup-history-row b,.backup-history-row small{display:block}.backup-history-row small{color:#788694;margin-top:3px}.backup-history-row code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#91a0ad;font-size:8px}.backup-state{width:max-content;border-radius:10px;padding:4px 7px;background:#332b17;color:#e8bc58;font-size:7px;font-weight:900;text-transform:uppercase}.backup-state.completed{background:#153928;color:#5ce09d}.backup-state.failed{background:#421821;color:#ff91a0}.backup-settings-disabled .backup-fields{opacity:.48}.backup-settings-disabled .backup-fields input,.backup-settings-disabled .backup-fields select{pointer-events:none}@media(max-width:1050px){.backup-grid{grid-template-columns:1fr}.backup-history{overflow:auto}.backup-history-head,.backup-history-row{min-width:900px}}@media(max-width:650px){.backup-fields{grid-template-columns:1fr}.settings-section-tabs{overflow:auto}.backup-card,.backup-history{border-radius:0}}

.backup-load-status{max-width:1420px;margin:0 auto 12px;padding:10px 12px;border:1px solid #35414d;border-radius:5px;background:#11171d;color:#93a1ad;font-size:10px}.backup-load-status.ok{border-color:#245f43;color:#63d99f}.backup-load-status.loading,.backup-load-status.queued{border-color:#67531e;color:#e1bc58}.backup-load-status.error{border-color:#7b2936;color:#ff9aa8;background:#281218}

.backup-active{max-width:1420px;margin:0 auto 12px;background:#151b22;border:1px solid #66531d;border-radius:7px;padding:14px}.backup-active header{display:flex;align-items:baseline;gap:12px;margin-bottom:8px}.backup-active header small{color:#e1bc58;font-size:8px;font-weight:800;letter-spacing:1px}.backup-active header h3{margin:0;font-size:14px}.backup-active-row{display:grid;grid-template-columns:minmax(220px,1fr) 100px minmax(180px,.7fr);gap:12px;align-items:center;padding:9px 10px;border-top:1px solid #2b3540;font-size:9px}.backup-active-row small{color:#8492a1}.backup-restore-button{border:1px solid #3c6b58;background:#17382b;color:#79e0ae;border-radius:4px;padding:6px 9px;font-size:8px;font-weight:800;cursor:pointer}@media(max-width:650px){.backup-active-row{grid-template-columns:1fr auto}.backup-active-row small{grid-column:1/-1}}