.backup-center{display:grid;gap:16px}.backup-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px;border:1px solid #dfe7f0;border-radius:16px;background:linear-gradient(135deg,#f8fbff,#f3f7fb)}.backup-hero h1{margin:0 0 5px}.backup-hero p{margin:0;color:#64748b}.backup-actions{display:flex;gap:8px;flex-wrap:wrap}.backup-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.backup-kpis article{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.backup-kpis span{display:block;color:#64748b;font-size:12px}.backup-kpis strong{display:block;font-size:23px;margin-top:3px}.backup-tabs{display:flex;gap:6px;border-bottom:1px solid #e2e8f0}.backup-tabs button{border:0;background:none;padding:10px 14px;border-bottom:2px solid transparent}.backup-tabs button.active{color:#2563eb;border-color:#2563eb;font-weight:700}.backup-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.backup-status{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:12px;font-weight:700}.backup-status.ok{background:#ecfdf5;color:#047857}.backup-status.bad{background:#fef2f2;color:#b91c1c}.backup-status.warn{background:#fff7ed;color:#c2410c}.backup-muted{color:#64748b}.backup-table{width:100%;border-collapse:collapse}.backup-table th,.backup-table td{padding:10px;border-bottom:1px solid #edf2f7;text-align:left;vertical-align:top}.backup-table th{font-size:12px;color:#64748b}.backup-form{display:grid;gap:12px}.backup-form .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.backup-form label{display:grid;gap:6px}.backup-form input,.backup-form select,.backup-form textarea{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid #cbd5e1;border-radius:9px}.backup-form footer{display:flex;justify-content:flex-end;gap:8px}.backup-note{padding:10px 12px;border-radius:10px;background:#f8fafc;color:#475569;font-size:13px}.backup-danger{background:#fff1f2;color:#9f1239}.backup-empty{padding:24px;text-align:center;color:#64748b}@media(max-width:900px){.backup-kpis{grid-template-columns:repeat(2,1fr)}.backup-hero{flex-direction:column}.backup-form .grid{grid-template-columns:1fr}}