.import-start-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.import-step-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:24px}.import-step-heading h2{font-size:17px;margin:0 0 8px}.import-step-heading p{font-size:12px;line-height:1.7;margin:0;color:var(--muted)}.import-upload{padding:22px;background:var(--canvas);border:1px dashed #9dafbc;border-radius:10px;gap:13px}.import-upload input{background:white}.import-guide{padding:26px;background:#f5f9fb}.import-guide ol{list-style:none;margin:22px 0 0;padding:0;counter-reset:import-step}.import-guide li{position:relative;padding:0 0 20px 35px;counter-increment:import-step}.import-guide li:before{content:counter(import-step);position:absolute;left:0;top:0;width:23px;height:23px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;font-size:10px;color:var(--accent);background:white}.import-guide strong{font-size:13px}.import-guide p{font-size:11px;line-height:1.8;margin-top:8px}.import-guide .notice{font-size:11px;margin:0 0 15px}.import-mapping-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.import-step-nav{display:flex;list-style:none;margin:0 0 24px;padding:0;border:1px solid var(--border);background:white;border-radius:10px;overflow:hidden}.import-step-nav li{flex:1;display:flex;align-items:center;gap:10px;padding:18px;font-size:12px;color:var(--muted);border-right:1px solid var(--border)}.import-step-nav li:last-child{border:0}.import-step-nav span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;border:1px solid #cdd9e1;flex-shrink:0;font-size:10px}.import-step-nav .current{background:var(--accent-light);color:var(--accent);font-weight:600}.import-step-nav .current span{background:var(--accent);border-color:var(--accent);color:white}.import-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:24px}.import-metrics>div{background:white;border:1px solid var(--border);border-radius:9px;padding:18px}.import-metrics span{display:block;font-size:10px;color:var(--muted);margin-bottom:10px;line-height:1.5}.import-metrics strong{font-size:26px;font-weight:550;color:var(--ink)}.import-row-table td{max-width:240px;overflow-wrap:anywhere;white-space:normal;min-width:100px;font-size:11px}.import-row-table th:first-child,.import-row-table td:first-child{min-width:50px}.import-row-table td:last-child{min-width:240px}.import-errors{padding:0;margin:0;list-style:none;font-size:10px;color:var(--danger);line-height:1.8}.import-progress{appearance:none;width:100%;height:10px;border:0;border-radius:5px;overflow:hidden;margin:10px 0 15px;accent-color:var(--accent)}.import-progress::-webkit-progress-bar{background:var(--canvas)}.import-progress::-webkit-progress-value{background:var(--accent);border-radius:5px}.import-progress::-moz-progress-bar{background:var(--accent);border-radius:5px}
@media(max-width:1100px){.import-start-layout{grid-template-columns:1fr}.import-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.import-guide li{padding-bottom:5px}.import-guide .notice{margin-top:15px}.import-metrics>div{padding:14px}}
@media(max-width:700px){.import-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.import-metrics>div:first-child{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.import-metrics>div:first-child span{margin:0}.import-metrics strong{font-size:23px}.import-step-nav{margin-bottom:20px}.import-step-nav li{flex-direction:column;align-items:flex-start;padding:13px 10px;font-size:10px;gap:9px}.import-step-nav span{width:23px;height:23px}.import-mapping-grid{grid-template-columns:1fr;gap:16px}.import-guide ol{display:block}.import-guide li{padding-bottom:18px}.import-start-layout{gap:18px}.import-upload{padding:17px}.import-step-heading{gap:12px}.import-step-heading h2{font-size:15px}.import-step-heading p{font-size:11px}.import-row-table td{min-width:0;max-width:none}.import-row-table td:last-child{min-width:0}.import-row-table td:first-child{min-width:0}.import-row-table td:last-child:has(.import-errors:empty){display:none}.import-row-table td:last-child .import-errors{max-width:65%}}