.backup-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:15px}.backup-kpis article{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:15px}.backup-kpis span{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:#e3f5fa;color:#168ab4;font-size:20px}.backup-kpis article:nth-child(2) span{background:#ddf7ea;color:#07884d}.backup-kpis article:nth-child(3) span{background:#fff0cf;color:#966700}.backup-kpis article:nth-child(4) span{background:#ece9ff;color:#6550c2}.backup-kpis small,.backup-kpis strong{display:block}.backup-kpis small{font-size:10px;color:var(--muted);font-weight:800;margin-bottom:4px}.backup-kpis strong{font-size:18px}
.backup-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.backup-toolbar>div{display:flex;gap:8px}.backup-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr);gap:15px;align-items:start}.backup-list,.backup-control{margin-top:0}.backup-table td small{display:block;color:var(--muted);margin-top:4px}.backup-id{color:#168ab4}.backup-actions{display:flex;gap:5px}.backup-actions button{border:0;border-radius:4px;padding:7px 9px;color:#fff;background:#168ab4;cursor:pointer}.backup-actions .danger{background:#dc5a4e}.backup-control{display:grid;gap:15px;background:transparent;border:0;padding:0}.backup-panel{margin-top:0}.backup-panel p{color:var(--muted);line-height:1.45}.backup-drop{position:relative;border:2px dashed #b8cbd2;border-radius:7px;background:#f8fbfc;padding:22px 14px;text-align:center}.backup-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.backup-drop span,.backup-drop b,.backup-drop small{display:block}.backup-drop span{font-size:30px;color:#168ab4}.backup-drop b{margin:7px 0 4px}.backup-file-state{margin-top:10px;padding:10px;border-radius:5px;background:#f4f8fa;color:var(--muted);font-size:12px}.backup-file-state.ready{background:#e1f7ea;color:#08733f}.backup-file-state.error{background:#ffe4e2;color:#9b312a}.backup-schedule-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.backup-warning{margin-top:12px;padding:11px;background:#fff4d6;border-left:3px solid #e7ae16;color:#71560d;font-size:12px;line-height:1.45}.backup-panel .button{width:100%;margin-top:12px}.backup-panel .button+.button{margin-top:7px}.button.danger{background:#d9534f;border-color:#d9534f;color:#fff}
@media(max-width:1050px){.backup-kpis{grid-template-columns:repeat(2,1fr)}.backup-layout{grid-template-columns:1fr}.backup-control{grid-template-columns:1fr 1fr}}@media(max-width:720px){.backup-kpis,.backup-control,.backup-schedule-grid{grid-template-columns:1fr}.backup-toolbar{align-items:stretch;flex-direction:column}.backup-toolbar>div{display:grid;grid-template-columns:1fr 1fr}}

.db-restore-card { max-width: 980px; }
.db-restore-card h2 { margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid #e6ecee; color: #333; font-size: 22px; font-weight: 500; }
.db-restore-card > p { margin: 0 0 6px; color: #444; font-size: 15px; }
.db-restore-card > p span { color: #666; }
.db-restore-ext { color: #00a65a !important; font-style: italic; font-weight: 700; }
.db-restore-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 14px 0 8px; }
.db-restore-actions input[type="file"] { max-width: 100%; }
.db-restore-go, .db-backup-go { border: 0; color: #fff; font-size: 14px; font-weight: 700; padding: 8px 12px; cursor: pointer; }
.db-restore-go { background: #00a65a; }
.db-backup-go { background: #3c8dbc; }
.db-restore-go:disabled, .db-backup-go:disabled { opacity: .6; cursor: wait; }
.db-restore-tools { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 18px 0 8px; color: #444; }
.db-restore-tools select, .db-restore-tools input { height: 32px; border: 1px solid #d2d6de; border-radius: 2px; padding: 0 8px; background: #fff; }
.db-restore-table { width: 100%; border-collapse: collapse; }
.db-restore-table th { padding: 10px 8px; border-bottom: 3px solid #00c0ef; color: #333; font-size: 14px; font-weight: 650; text-align: left; }
.db-restore-table td { padding: 11px 8px; border-bottom: 1px solid #f0f0f0; color: #444; }
.db-restore-table th:nth-child(2), .db-restore-table td:nth-child(2),
.db-restore-table th:nth-child(3), .db-restore-table td:nth-child(3) { text-align: right; }
.db-restore-foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 12px; color: #666; }
.db-restore-foot div { display: flex; flex-wrap: wrap; gap: 4px; }
.db-restore-foot button { min-width: 34px; height: 32px; padding: 0 8px; border: 1px solid #ddd; background: #fff; color: #333; cursor: pointer; }
.db-restore-foot button.active { background: #f4f4f4; font-weight: 700; }
.db-restore-foot button:disabled { color: #bbb; cursor: default; }