.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:var(--space-4);position:relative}.timeline-marker{display:flex;flex-direction:column;align-items:center;width:12px;flex-shrink:0}.timeline-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;position:relative;z-index:1;margin-top:6px}.timeline-dot,.timeline-dot.completed,.timeline-dot.current{background:var(--cyan-500);box-shadow:var(--shadow-focus-ring-light)}.timeline-dot.upcoming{background:var(--slate-500);box-shadow:0 0 0 3px rgba(100,116,139,.1)}.timeline-dot.overdue{background:var(--error);box-shadow:0 0 0 3px rgba(255,77,58,.1)}.timeline-line{flex:1;width:2px;background:var(--slate-200);margin:6px auto 0;min-height:0}.timeline-item:last-child .timeline-line{display:none}.timeline-content{flex:1;padding-bottom:var(--space-6)}.timeline-item:last-child .timeline-content{padding-bottom:0}.timeline-title{font-family:var(--font-display);font-size:var(--font-size-body);font-weight:600;color:var(--slate-900);line-height:1.4;margin-bottom:var(--space-1)}.timeline-description{font-family:var(--font-display);font-size:var(--font-size-body-md);color:var(--slate-500);line-height:1.5}.timeline-description .name{color:var(--slate-700);font-weight:500}.timeline-description .role{color:var(--cyan-500)}.timeline-description.system{color:var(--slate-500);font-style:italic}.timeline-meta{font-family:var(--font-display);font-size:var(--font-size-label);font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-400);margin-top:var(--space-2)}.timeline-duration{font-size:var(--font-size-body-md);color:var(--slate-400);font-style:italic;margin-top:var(--space-1)}.timeline-amount{font-family:var(--font-display);font-size:var(--font-size-label);font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-400);margin-top:var(--space-2)}.card-timeline,.card-timeline .card-header{background:var(--white)!important}.card-timeline .card-header-meta{font-family:var(--font-display);font-size:var(--font-size-body-md);color:var(--slate-500)}