.backup-page{max-width:1120px;margin-inline:auto}.backup-page .page-head{gap:16px;flex-wrap:wrap}.backup-page .page-head h1{font-size:clamp(27px,4vw,36px)}.backup-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.backup-stat{display:flex;flex-direction:column;gap:9px;padding:18px;border:1px solid #dbe5f0;border-radius:18px;background:#f7faff;min-width:0}.backup-stat>small{color:#5f7288;font-weight:700}.backup-stat>strong{font-size:20px;color:#132b48}.backup-stat>span{font-size:12px;color:#5d6e82;overflow-wrap:anywhere}.backup-stat .monitoring-state{align-self:flex-start;font-size:13px;flex-wrap:wrap}.backup-primary-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.backup-key-note{padding:13px 16px;border-radius:12px;background:#edf4ff;color:#365879;font-size:13px;line-height:1.6}.backup-job{padding:18px;margin:18px 0;border:1px solid #b7d6f5;border-radius:14px;background:#f2f8ff}.backup-job>div{display:flex;flex-direction:column;gap:7px}.backup-job progress{width:100%;height:10px;margin:12px 0;accent-color:#1465c8}.backup-job small{color:#5d6f84}.backup-page h2{margin-top:26px}.backup-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.backup-page label{min-width:0}.backup-page input,.backup-page select{max-width:100%;min-width:0;width:100%;box-sizing:border-box}.backup-page input[type=checkbox]{width:auto;max-width:none}.backup-check{margin:14px 0;align-items:flex-start}.backup-check small{display:block;margin-top:5px;line-height:1.5;color:#63758a}.backup-page .hint{line-height:1.6}.backup-advanced,.backup-history{padding:16px;border:1px solid #dce5ef;border-radius:14px;margin:18px 0}.backup-page summary{cursor:pointer;font-weight:700;color:#284c72}.backup-advanced .grid{margin-top:18px}.backup-copies{display:grid;gap:10px}.backup-copy{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #dce5ef;border-radius:14px;padding:15px;background:#fafcff;min-width:0}.backup-copy>div:first-child{min-width:0}.backup-copy b{display:block;color:#193858;font-size:14px}.backup-copy small{display:block;color:#68788b;line-height:1.5;margin-top:5px;overflow-wrap:anywhere}.backup-copy-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}.backup-source{display:inline-block;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;color:#205c9b;background:#e8f2ff;margin-right:7px}.backup-source.local{color:#617287;background:#edf0f4}.backup-recovery{margin-top:26px;padding:20px;border:1px solid #dae4ef;border-radius:18px;background:#f6f9fd}.backup-recovery h2{margin-top:0}.backup-recovery p{line-height:1.6;color:#5c7088}.backup-dialog{width:min(620px,calc(100vw - 24px));max-height:90dvh;padding:0;border:1px solid #dce5ef;border-radius:20px;box-sizing:border-box;overflow:auto;color:#183450}.backup-dialog article{padding:24px}.backup-dialog label{display:block;margin:14px 0}.backup-dialog label.check{display:flex}.backup-dialog input:not([type=checkbox]){width:100%;box-sizing:border-box;min-width:0}.backup-dialog .notice{line-height:1.55;font-size:14px}.backup-dialog .actions{gap:10px;flex-wrap:wrap}.backup-restore-details{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px 16px;font-size:14px}.backup-restore-details dt{color:#647890}.backup-restore-details dd{margin:0;overflow-wrap:anywhere}.backup-page [hidden],.backup-dialog [hidden]{display:none!important}.backup-page .form-status:not(:empty){margin:12px 0;padding:12px;border-radius:10px;background:#eaf4ff;color:#235d92}.backup-page .form-status.err,.backup-dialog .form-status.err{background:#fff0f0;color:#9b3535}.backup-page .form-status.ok{background:#edf8f0;color:#2d7144}.backup-page button,.backup-dialog button{font-family:inherit}.backup-page button:disabled{opacity:.5;cursor:default}.backup-history .backup-copy{margin-top:10px}
@media(max-width:800px){.backup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.backup-overview{grid-template-columns:1fr}.backup-stat{padding:15px}.backup-copy{align-items:flex-start;flex-direction:column}.backup-copy-actions{width:100%}.backup-copy-actions button{flex:1}.backup-primary-actions button{flex:1 1 220px}}@media(max-width:480px){.backup-grid{grid-template-columns:1fr}.backup-recovery{padding:14px}.backup-dialog article{padding:18px}.backup-dialog .actions button{width:100%}.backup-restore-details{grid-template-columns:1fr;gap:5px}.backup-restore-details dd{margin-bottom:7px}.backup-page .page-head>a{width:100%;text-align:center}.backup-page .actions button{flex:1 1 200px}.backup-copy-actions{flex-direction:column}.backup-copy-actions button{width:100%}}

.backup-dialog{height:auto;margin:auto}.backup-dialog article{height:auto;overflow:visible}.backup-dialog::backdrop{background:rgba(9,29,64,.48);backdrop-filter:blur(3px)}