.backup-panel{background:#f7f9fd;border:1px solid #e9eef7;border-radius:12px;padding:18px;margin-bottom:20px}.backup-panel h3{margin-bottom:13px}.backup-panel p,.backup-section p{font-size:12px;color:#7e8da2;margin:14px 0 0}.backup-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:15px 0}.backup-counts span{background:#f2f5fb;border-radius:8px;padding:11px 8px;color:#7d8ca2;font-size:11px;text-align:center}.backup-counts strong{display:block;color:#283b5a;font-size:18px;margin-top:5px}.backup-section{border-top:1px solid #edf0f5;padding:21px 0}.backup-section:last-child{padding-bottom:0}.backup-section h3{font-size:14px}.backup-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.backup-section .hint,.hint{color:#99a5b5;font-size:11px;line-height:1.65}.file-label{margin-top:15px}.backup-section input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.steps{display:grid;gap:14px;margin:19px 0}.steps>div{display:flex;align-items:flex-start;gap:10px;color:#667891;font-size:12px;line-height:1.6}.steps b{width:23px;height:23px;border-radius:50%;background:#eaf1ff;color:#3d70d7;display:grid;place-items:center;flex-shrink:0}.settings-layout .card-heading{margin-bottom:15px}.modal .backup-counts{grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:700px){.backup-counts,.modal .backup-counts{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-layout{grid-template-columns:1fr}.backup-actions .button{min-height:44px}.modal .backup-counts span{padding:8px 4px;font-size:10px}}
