.official-import-center{direction:inherit;border:1px solid color-mix(in srgb,var(--primary,#1769a5) 24%,transparent);border-radius:18px;background:var(--card,#fff);box-shadow:0 16px 40px rgba(15,23,42,.08);padding:clamp(16px,2.5vw,28px);margin-block-end:24px;color:var(--text,#172033);box-sizing:border-box;min-width:0;max-width:100%;width:100%;overflow:hidden}
.official-import-center.hidden{display:none!important}.official-import-center>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;border-block-end:1px solid var(--border,#e2e8f0);padding-block-end:16px}.official-import-center>header h3{margin:8px 0 4px;font-size:clamp(1.2rem,2vw,1.55rem)}.official-import-center>header p{margin:0;max-width:780px;color:var(--muted,#64748b)}.official-import-center>header>strong{padding:9px 12px;border-radius:10px;background:#eff6ff;color:#075985;white-space:nowrap}.import-center-status-pill{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:.76rem;font-weight:800}.import-center-status-pill.operational{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.import-center-status-pill.review{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
.import-center-steps{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(80px,1fr));gap:8px;padding:18px 0;margin:0;overflow-x:auto}.import-center-steps li{color:var(--muted,#64748b);font-size:.77rem;min-width:90px}.import-center-steps button{display:flex;align-items:center;gap:7px;width:100%;border:0;background:transparent;color:inherit;padding:3px;text-align:start}.import-center-steps button:not(:disabled){cursor:pointer}.import-center-steps button:disabled{opacity:1;cursor:default}.import-center-steps span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e2e8f0;flex:0 0 auto}.import-center-steps li.active{color:#075985}.import-center-steps li.active span{background:#1769a5;color:#fff}.import-center-steps li.done span{background:#dcfce7;color:#166534}.import-center-steps li.done{color:#166534}
.import-center-stage{display:grid;gap:16px}.import-center-stage>h4{font-size:1.05rem;margin:0}.import-center-stage>label{display:grid;gap:7px;max-width:320px;font-weight:700}.import-center-stage input[type="month"],.import-center-stage input[type="file"],.import-center-stage select{min-height:44px;border:1px solid var(--border,#cbd5e1);border-radius:10px;background:var(--card,#fff);color:inherit;padding:8px 11px}.import-center-stage button{justify-self:start}.import-center-stage button.danger{background:#9f1239;color:#fff;border-color:#9f1239}.import-center-metrics,.import-center-reconcile-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:10px}.import-center-metric{border:1px solid var(--border,#e2e8f0);border-radius:12px;padding:12px;background:color-mix(in srgb,var(--card,#fff) 92%,#eff6ff)}.import-center-metric small{display:block;color:var(--muted,#64748b);margin-block-end:5px}.import-center-metric strong{font-size:1rem}.import-center-metric.warning{border-color:#fdba74;background:#fff7ed}.import-center-note{border-inline-start:4px solid #1769a5;background:#eff6ff;padding:11px 13px;border-radius:8px;margin:0}.import-center-note.success{border-color:#16a34a;background:#f0fdf4}.import-center-note.warning{border-color:#f59e0b;background:#fffbeb;color:#92400e}
.import-center-table-wrap{overflow:auto;border:1px solid var(--border,#e2e8f0);border-radius:12px;max-height:430px}.official-import-center table{width:100%;border-collapse:collapse;min-width:610px}.official-import-center th,.official-import-center td{text-align:start;padding:10px 12px;border-block-end:1px solid var(--border,#e2e8f0);vertical-align:middle}.official-import-center th{position:sticky;inset-block-start:0;background:#f8fafc;z-index:1;font-size:.78rem}.official-import-center td small{display:block;color:var(--muted,#64748b)}.import-center-error{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3;border-radius:10px;padding:12px;margin-block-end:15px;text-align:start}.import-center-error details{margin-block-start:8px}.import-center-error code{direction:ltr;display:block}.import-center-loading{display:grid;place-items:center;min-height:160px;color:#1769a5;font-weight:800}.import-center-success{text-align:center;justify-items:center;padding:35px}.import-center-success>span{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#dcfce7;color:#166534;font-size:2rem}
.import-center-zero-option{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;max-width:720px!important;border:1px solid var(--border,#cbd5e1);border-radius:12px;padding:13px;background:var(--card,#fff)}.import-center-zero-option input{margin-block-start:4px}.import-center-zero-option span{display:grid;gap:4px}.import-center-zero-option small,.import-center-note small{display:block;color:var(--muted,#64748b);margin-block-start:4px}
.import-center-reconcile-tabs{display:flex;flex-wrap:wrap;gap:8px;border-block-end:1px solid var(--border,#e2e8f0);padding-block-end:10px}.import-center-reconcile-tab{border:1px solid var(--border,#cbd5e1);background:var(--card,#fff);color:var(--text,#172033);border-radius:999px;padding:8px 13px}.import-center-reconcile-tab.active{background:#1769a5;border-color:#1769a5;color:#fff}.import-center-status{display:inline-flex;border-radius:999px;padding:4px 8px;font-size:.75rem;font-weight:800;white-space:nowrap}.import-center-status.open{background:#fff1f2;color:#9f1239}.import-center-status.rounding_tolerance{background:#fff7ed;color:#9a3412}.import-center-status.accepted_system,.import-center-status.matched{background:#ecfdf5;color:#047857}.import-center-reconcile-complete{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border:1px solid #86efac;border-radius:12px;background:#f0fdf4;color:#166534;padding:14px}.import-center-reconcile-complete>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#dcfce7}.import-center-reconcile-complete button{margin-inline-start:auto}.import-center-readiness{border:1px solid var(--border,#dbeafe);border-radius:14px;background:color-mix(in srgb,var(--card,#fff) 94%,#eff6ff);padding:14px}.import-center-readiness h4{margin:0 0 10px}.import-center-readiness ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:0}.import-center-readiness li{display:flex;align-items:center;gap:8px;font-weight:800}.import-center-readiness li span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%}.import-center-readiness li.ready{color:#166534}.import-center-readiness li.ready span{background:#dcfce7}.import-center-readiness li.blocked{color:#9f1239}.import-center-readiness li.blocked span{background:#ffe4e6}.import-center-readiness-reasons{margin-block-start:10px;color:#9f1239}.import-center-readiness-reasons p{margin:4px 0}.import-center-stage button:disabled{opacity:.5;cursor:not-allowed}.import-center-success .import-center-metrics{width:100%;text-align:start}.import-center-success-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:9px}
html[dir="ltr"] .official-import-center{direction:ltr}@media(max-width:760px){.official-import-center>header{display:grid}.official-import-center>header>strong{justify-self:start}.import-center-steps{grid-template-columns:repeat(7,110px)}.import-center-stage button{width:100%;justify-content:center}.import-center-reconcile-complete button{margin-inline-start:0}.import-center-readiness ul{grid-template-columns:1fr}.import-center-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.import-center-metrics{grid-template-columns:1fr}.official-import-center{border-radius:12px;padding:13px}}