:root{--c-bg:#fff;--c-card-shadow:0 4px 12px rgba(0,0,0,.05);--c-rail:#e2e8f0;--c-muted:#94a3b8;--c-title:#0f172a;--c-ring:#0f172a;--c-done-bg:#0f172a;--c-badge-done-bg:#dcfce7;--c-badge-done-t:#166534;--c-badge-prog-bg:#dbeafe;--c-badge-prog-t:#1d4ed8;--c-badge-pend-bg:#f1f5f9;--c-badge-pend-t:#64748b;--c-badge-warn-bg:#fff7ed;--c-badge-warn-t:#b45309;--c-badge-err-bg:#fee2e2;--c-badge-err-t:#b91c1c}.stepper-box{background:var(--c-bg);border-radius:12px;padding:32px;width:400px;box-shadow:var(--c-card-shadow);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}.stepper-step{display:flex;margin-bottom:32px;position:relative}.stepper-step:last-child{margin-bottom:0}.stepper-line{position:absolute;left:19px;top:40px;bottom:-32px;width:2px;background:var(--c-rail);z-index:1}.stepper-step:last-child .stepper-line{display:none}.stepper-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;z-index:2;font-weight:600}.stepper-content{flex:1}.stepper-title{font-weight:600;margin-bottom:4px}.stepper-meta,.stepper-time{font-size:12px;color:var(--c-muted);margin-top:4px}.stepper-status{font-size:13px;display:inline-block;padding:2px 8px;border-radius:12px;margin-top:4px}.stepper-completed .stepper-circle{background:var(--c-done-bg);color:#fff}.stepper-in-progress .stepper-circle{border:2px solid var(--c-ring);color:var(--c-ring)}.stepper-pending .stepper-circle{border:2px solid var(--c-rail);color:var(--c-muted)}.stepper-warning .stepper-circle{border:2px solid #fed7aa;color:#b45309;background:#fff7ed}.stepper-error .stepper-circle{border:2px solid #fecaca;color:#b91c1c;background:#fee2e2}.stepper-completed .stepper-title,.stepper-in-progress .stepper-title{color:var(--c-title)}.stepper-pending .stepper-title{color:var(--c-muted)}.stepper-warning .stepper-title{color:#b45309}.stepper-error .stepper-title{color:#b91c1c}.stepper-completed .stepper-status{background:var(--c-badge-done-bg);color:var(--c-badge-done-t)}.stepper-in-progress .stepper-status{background:var(--c-badge-prog-bg);color:var(--c-badge-prog-t)}.stepper-pending .stepper-status{background:var(--c-badge-pend-bg);color:var(--c-badge-pend-t)}.stepper-warning .stepper-status{background:var(--c-badge-warn-bg);color:var(--c-badge-warn-t)}.stepper-error .stepper-status{background:var(--c-badge-err-bg);color:var(--c-badge-err-t)}.stepper-controls{display:flex;justify-content:space-between;margin-top:32px}.stepper-button{padding:8px 16px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;display:flex;align-items:center;gap:6px}.stepper-button-primary{background:var(--c-title);color:#fff;border-color:var(--c-title)}