.backup-hero,.backup-panel,.backup-result{background:#fff;border:1px solid #dbe4ef;border-radius:16px;box-shadow:0 8px 26px #0f172a0d}.backup-hero{color:#e2e8f0;background:linear-gradient(135deg,#0f172a 0%,#183153 60%,#164e63 100%);justify-content:space-between;align-items:flex-end;gap:24px;padding:30px 32px;display:flex;overflow:hidden}.backup-hero p,.backup-panel__eyebrow{color:#38bdf8;letter-spacing:.12em;margin:0 0 8px;font-size:11px;font-weight:800}.backup-hero h2{color:#fff;margin:0;font-size:clamp(24px,3vw,36px);line-height:1.2}.backup-hero>div>span{color:#cbd5e1;max-width:720px;margin-top:12px;line-height:1.7;display:block}.backup-hero__status{flex:none;gap:8px;display:grid}.backup-hero__status span{color:#e2e8f0;background:#ffffff12;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:8px;margin:0;padding:9px 12px;font-size:12px;display:flex}.backup-hero__status svg,.backup-panel header>svg{width:22px;height:22px}.backup-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:18px;margin-top:18px;display:grid}.backup-panel{padding:24px}.backup-panel header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.backup-panel header>svg{box-sizing:content-box;color:#0369a1;background:#e0f2fe;border-radius:12px;flex:none;padding:11px}.backup-panel h3{color:#0f172a;margin:0;font-size:20px}.backup-panel header p{color:#64748b;margin:7px 0 0;font-size:13px;line-height:1.65}.backup-option{cursor:pointer;background:#f8fafc;border:1px solid #dbe4ef;border-radius:11px;align-items:flex-start;gap:11px;margin-bottom:18px;padding:13px 14px;display:flex}.backup-option input{margin-top:3px}.backup-option span,.backup-option small{display:block}.backup-option strong{color:#334155;font-size:13px}.backup-option small{color:#64748b;margin-top:3px;font-size:11px}.backup-panel--create .library-button{justify-content:center;width:100%}.backup-spin{animation:1s linear infinite backup-spin}@keyframes backup-spin{to{transform:rotate(360deg)}}.backup-path{gap:8px;margin:18px 0 0;display:grid}.backup-path div{grid-template-columns:90px minmax(0,1fr);gap:10px;font-size:11px;display:grid}.backup-path dt{color:#94a3b8}.backup-path dd{overflow-wrap:anywhere;color:#475569;margin:0}.backup-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.backup-steps li{background:#f8fafc;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;display:flex}.backup-steps li>span{color:#0369a1;background:#e0f2fe;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.backup-steps strong,.backup-steps small{display:block}.backup-steps strong{color:#334155;font-size:12px}.backup-steps small{color:#94a3b8;margin-top:2px;font-size:10px}.backup-result{align-items:flex-start;gap:13px;margin-top:18px;padding:16px 18px;display:flex}.backup-result>svg{flex:none;width:24px;height:24px}.backup-result strong{color:#0f172a}.backup-result p{color:#64748b;margin:4px 0 0;font-size:12px}.backup-result--success{background:#ecfdf5;border-color:#a7f3d0}.backup-result--success>svg{color:#059669}.backup-result--danger{background:#fef2f2;border-color:#fecaca}.backup-result--danger>svg{color:#dc2626}.backup-panel--archives,.backup-panel--activity{margin-top:18px}.backup-count{color:#0369a1;background:#e0f2fe;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.backup-archive-list,.backup-activity-list{gap:9px;display:grid}.backup-archive{border:1px solid #e2e8f0;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px;display:grid}.backup-archive__icon{color:#0369a1;background:#f0f9ff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.backup-archive__icon svg{width:19px;height:19px}.backup-archive__main strong,.backup-archive__main span{display:block}.backup-archive__main strong{overflow-wrap:anywhere;color:#334155;font-size:12px}.backup-archive__main span{color:#94a3b8;margin-top:3px;font-size:10px}.backup-archive__actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.backup-archive__actions button,.backup-archive__actions a{color:#475569;background:#fff;border:1px solid #dbe4ef;border-radius:8px;padding:6px 9px;font-size:10px;font-weight:700}.backup-archive__actions button:hover,.backup-archive__actions a:hover{color:#0369a1;border-color:#7dd3fc}.backup-activity-list div{border-bottom:1px solid #f1f5f9;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 2px;display:grid}.backup-activity-list div>span{background:#22c55e;border-radius:50%;width:7px;height:7px}.backup-activity-list strong{color:#475569;font-size:11px}.backup-activity-list small,.backup-activity-list>p{color:#94a3b8;font-size:10px}@media (width<=760px){.backup-hero{flex-direction:column;align-items:flex-start;padding:24px 20px}.backup-hero__status{grid-template-columns:1fr 1fr;width:100%}.backup-grid{grid-template-columns:1fr}.backup-panel{padding:19px}.backup-archive{grid-template-columns:auto minmax(0,1fr)}.backup-archive__actions{grid-column:1/-1;justify-content:stretch}.backup-archive__actions>*{text-align:center;flex:1}}@media (width<=420px){.backup-hero__status{grid-template-columns:1fr}.backup-path div{grid-template-columns:1fr;gap:2px}}.capture-offline-notice{border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 12px;font-size:11px;line-height:1.5;display:flex}.capture-offline-notice--warning{color:#9a3412;background:#fff7ed}.capture-offline-notice--restored{color:#075985;background:#f0f9ff}.capture-offline-notice button{color:inherit;flex:none;font-size:10px;font-weight:750;text-decoration:underline}[x-cloak]{display:none!important}