.timeline-with-icons{border-left:1px solid var(--surface-border-strong);position:relative;list-style:none}.timeline-with-icons .timeline-item{position:relative;background-color:color-mix(in srgb,var(--surface-elevated) 84%,var(--surface-card));border:1px solid var(--surface-border-strong);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-surface-sm)}.timeline-with-icons .timeline-item:after{position:absolute;display:block;top:0}.timeline-with-icons .timeline-icon{position:absolute;left:-48px;background:var(--accent-gradient);color:var(--text-color);border-radius:50%;height:31px;width:31px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px color-mix(in srgb,var(--accent-glow) 24%,transparent)}.timeline-with-icons .timeline-icon.bg-success{background:linear-gradient(135deg,#22c55e 0,#16a34a 100%) !important;box-shadow:0 8px 20px rgba(34,197,94,0.35)}.timeline-with-icons .timeline-icon.bg-danger{background:linear-gradient(135deg,#ef4444 0,#b91c1c 100%) !important;box-shadow:0 8px 20px rgba(239,68,68,0.38)}