.saas-import-progress{gap:var(--saas-space-md);padding:var(--saas-space-lg);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-xl);background:radial-gradient(circle at 0 0, var(--saas-brand-subtle), transparent 45%), var(--saas-bg-surface);box-shadow:var(--saas-elevation-card);color:var(--saas-text-primary);font-family:var(--saas-font-family);display:grid}.saas-import-progress__hero{align-items:center;gap:var(--saas-space-md);display:flex}.saas-import-progress__badge{border-radius:var(--saas-radius-full);background:var(--saas-brand-primary);block-size:56px;inline-size:56px;color:var(--saas-brand-on-primary);flex:none;place-items:center;display:grid;position:relative}.saas-import-progress[data-running=true] .saas-import-progress__badge:after{border:2px solid var(--saas-brand-primary);border-radius:inherit;animation:saas-import-pulse 1.8s var(--saas-ease-standard) infinite;content:"";position:absolute;inset:0}.saas-import-progress__heading{gap:var(--saas-space-2xs);flex:1;min-inline-size:0;display:grid}.saas-import-progress__title{font-size:var(--saas-font-title);margin:0;font-weight:600}.saas-import-progress__file{color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.saas-import-progress__percent{color:var(--saas-brand-strong);font-size:calc(var(--saas-font-stat) * 1.75);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin:0;font-weight:700;line-height:1}.saas-import-progress__percent-sign{color:var(--saas-text-secondary);font-size:var(--saas-font-title);margin-inline-start:var(--saas-space-2xs);font-weight:600}.saas-import-progress__meta{justify-content:space-between;gap:var(--saas-space-sm);color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;margin:0;display:flex}.saas-import-progress__elapsed{align-items:center;gap:var(--saas-space-xs);display:inline-flex}.saas-import-progress__steps{gap:var(--saas-space-sm);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.saas-import-progress__step{align-items:center;gap:var(--saas-space-sm);padding:var(--saas-space-sm) var(--saas-space-md);border:1px solid var(--saas-border-default);border-radius:var(--saas-radius-lg);background:var(--saas-bg-surface);color:var(--saas-text-secondary);font-size:var(--saas-font-body-sm);transition:border-color var(--saas-motion-panel) var(--saas-ease-standard), background-color var(--saas-motion-panel) var(--saas-ease-standard);display:flex}.saas-import-progress__step[data-state=current]{border-color:var(--saas-brand-primary);background:var(--saas-brand-subtle);color:var(--saas-brand-strong);font-weight:600}.saas-import-progress__step[data-state=done]{color:var(--saas-text-primary)}.saas-import-progress__marker{border:1px solid var(--saas-border-strong);border-radius:var(--saas-radius-full);block-size:24px;inline-size:24px;font-size:var(--saas-font-caption);flex:none;place-items:center;font-weight:700;display:grid}.saas-import-progress__step[data-state=current] .saas-import-progress__marker{border-color:var(--saas-brand-primary);background:var(--saas-bg-surface)}.saas-import-progress__step[data-state=done] .saas-import-progress__marker{border-color:var(--saas-brand-primary);background:var(--saas-brand-primary);color:var(--saas-brand-on-primary)}.saas-import-progress__counters{gap:var(--saas-space-sm);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.saas-import-progress__counter{--saas-counter-bg:var(--saas-status-success-subtle);--saas-counter-fg:var(--saas-status-success);gap:var(--saas-space-2xs);padding:var(--saas-space-sm) var(--saas-space-md);border-radius:var(--saas-radius-lg);background:var(--saas-counter-bg);display:grid}.saas-import-progress__counter[data-tone=info]{--saas-counter-bg:var(--saas-status-info-subtle);--saas-counter-fg:var(--saas-status-info)}.saas-import-progress__counter[data-tone=danger]{--saas-counter-bg:var(--saas-status-danger-subtle);--saas-counter-fg:var(--saas-status-danger)}.saas-import-progress__counter dt{color:var(--saas-text-secondary);font-size:var(--saas-font-caption);font-weight:500}.saas-import-progress__counter dd{color:var(--saas-counter-fg);font-size:var(--saas-font-stat);font-variant-numeric:tabular-nums;margin:0;font-weight:700}.saas-import-progress__hint{color:var(--saas-text-secondary);font-size:var(--saas-font-caption);margin:0}@keyframes saas-import-pulse{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.saas-import-progress[data-running=true] .saas-import-progress__badge:after{animation:none}}@media (width<=599px){.saas-import-progress{padding:var(--saas-space-md)}.saas-import-progress__hero{flex-wrap:wrap}.saas-import-progress__steps{grid-template-columns:minmax(0,1fr)}.saas-import-progress__percent{font-size:calc(var(--saas-font-stat) * 1.4)}}