.backup-tabs{display:flex;gap:6px;overflow:auto;padding:5px;background:var(--surface-subtle,#f8fafc);border:1px solid var(--border);border-radius:14px;margin-bottom:18px;scrollbar-width:none}.backup-tabs::-webkit-scrollbar{display:none}.backup-tab{border:0;background:transparent;color:var(--gray);font-weight:750;font-size:.78rem;padding:10px 13px;border-radius:10px;white-space:nowrap}.backup-tab.active{background:var(--surface,#fff);color:var(--navy);box-shadow:0 2px 8px rgba(15,23,42,.08)}.backup-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.backup-overview-card{border:1px solid var(--border);border-radius:16px;padding:18px;background:var(--surface,#fff);display:grid;gap:11px;cursor:pointer;transition:.18s}.backup-overview-card:hover{transform:translateY(-2px);border-color:#b9c7dc;box-shadow:0 10px 26px rgba(15,23,42,.07)}.backup-overview-card .icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eff6ff;color:#2563eb}.backup-overview-card h3{font-size:.92rem}.backup-overview-card p{font-size:.74rem;color:var(--gray);line-height:1.5}.backup-overview-card small{font-size:.68rem;color:var(--gray)}.backup-section-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px}.backup-section-intro h3{font-size:1rem}.backup-section-intro p{color:var(--gray);font-size:.76rem;margin-top:4px}.data-import-page{display:grid;gap:15px}.data-import-hero{display:flex;gap:14px;align-items:center}.data-import-hero-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#eef6ff;color:#2563eb;flex:0 0 auto}.data-import-hero h3{font-size:1.02rem;margin-bottom:4px}.data-import-hero p{font-size:.78rem;color:var(--gray);line-height:1.5}.data-import-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.data-import-guide-grid section{position:relative;padding-top:52px}.data-import-guide-grid h4{font-size:.88rem;margin-bottom:7px}.data-import-guide-grid p{font-size:.73rem;color:var(--gray);line-height:1.55;margin-bottom:13px}.data-import-step-number{position:absolute;top:16px;left:16px;width:27px;height:27px;border-radius:9px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:850;font-size:.75rem}.data-import-buttons{display:flex;gap:7px;flex-wrap:wrap}.data-import-ai{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fbfdff}.data-import-ai p{font-size:.73rem;color:var(--gray);margin-top:4px}.data-import-modal{max-width:1100px}.data-import-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px}.data-import-steps span{padding:8px;border-radius:9px;background:var(--surface-subtle,#f8fafc);color:var(--gray);font-size:.68rem;text-align:center;font-weight:750}.data-import-steps span.active{background:#eff6ff;color:#1d4ed8}.data-import-file-summary{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-subtle,#f8fafc);margin-bottom:15px}.data-import-file-summary>div{color:#2563eb}.data-import-file-summary span{flex:1}.data-import-file-summary strong,.data-import-file-summary small{display:block}.data-import-file-summary small{font-size:.68rem;color:var(--gray);margin-top:3px}.data-import-map-heading{display:flex;justify-content:space-between;gap:12px;align-items:end;margin:15px 0 9px}.data-import-map-heading p{font-size:.7rem;color:var(--gray);margin-top:3px}.data-import-map-heading>span{font-size:.68rem;color:var(--gray)}.data-import-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:12px;border:1px solid var(--border);border-radius:13px;max-height:360px;overflow:auto}.data-import-map-field{display:grid;gap:5px}.data-import-map-field>span{font-size:.68rem;font-weight:750}.data-import-map-field b{color:var(--red);margin-left:2px}.data-import-map-field select{width:100%;border:1px solid var(--border);border-radius:9px;padding:9px;background:var(--surface,#fff);font-size:.72rem}.data-import-options{display:grid;grid-template-columns:300px 1fr;gap:10px;align-items:end;margin-top:13px}.data-import-options>label{display:grid;gap:5px}.data-import-options>label span{font-size:.7rem;font-weight:750}.data-import-options select{border:1px solid var(--border);border-radius:9px;padding:10px;background:var(--surface,#fff)}.data-import-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.data-import-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.data-import-summary-grid>div{background:var(--surface-subtle,#f8fafc);border:1px solid var(--border);border-radius:11px;padding:11px}.data-import-summary-grid span,.data-import-summary-grid strong{display:block}.data-import-summary-grid span{font-size:.65rem;color:var(--gray);margin-bottom:5px}.data-import-summary-grid strong{font-size:1.05rem}.data-import-preview{max-height:420px;overflow:auto}.data-import-preview td small{display:block;color:var(--gray);font-size:.65rem;margin-top:3px}.data-import-more{text-align:center;font-size:.7rem;margin-top:8px}.data-import-ai-steps{padding-left:20px;display:grid;gap:6px;font-size:.78rem;margin:14px 0}.data-import-prompt{width:100%;min-height:260px;border:1px solid var(--border);border-radius:12px;padding:13px;background:var(--surface-subtle,#f8fafc);font-size:.72rem;line-height:1.5}.badge-red{background:#fee2e2;color:#b91c1c}.badge-orange{background:#fff7ed;color:#c2410c}@media(max-width:950px){.backup-overview-grid,.data-import-guide-grid{grid-template-columns:1fr 1fr}.data-import-map-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.backup-overview-grid,.data-import-guide-grid,.data-import-map-grid,.data-import-options,.data-import-summary-grid{grid-template-columns:1fr}.data-import-ai,.data-import-file-summary{align-items:flex-start;flex-wrap:wrap}.data-import-steps{grid-template-columns:1fr 1fr}}