.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}}