.backup-panel{margin-top:18px;padding:24px}.backup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.backup-grid article{display:flex;gap:14px;padding:18px;border:1px solid #e3e8e0;border-radius:14px;background:#fafbf8}.backup-grid article>span{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;background:#e9f0e6;color:#567051;font-size:20px}.backup-grid h3,.backup-grid p{margin:0}.backup-grid h3{font-size:14px}.backup-grid p{min-height:46px;margin:7px 0 12px;color:#7a837d;font-size:10px;line-height:1.5}.backup-file-label{display:inline-block;cursor:pointer}.backup-preview{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:14px;padding:14px;border:1px solid #efc0b3;border-radius:12px;background:#fff9f7}.backup-preview p,.backup-preview h3,.backup-preview small{margin:0}.backup-preview p,.backup-preview small{color:#7d8580;font-size:9px}.backup-preview h3{margin:4px 0;color:var(--navy);font-size:13px}.backup-status{margin:13px 0 0;color:#7e8780;font-size:9px}@media(max-width:760px){.backup-grid{grid-template-columns:1fr}.backup-preview{align-items:flex-start;flex-direction:column}}