.tracking-progress{display:flex;flex-direction:column;gap:1rem}.tracking-stage{display:flex;align-items:flex-start;gap:1rem}.stage-indicator{flex-direction:column;min-width:30px}.stage-circle,.stage-indicator{display:flex;align-items:center}.stage-circle{width:24px;height:24px;border-radius:50%;justify-content:center;font-weight:700;font-size:12px;margin-bottom:8px}.stage-circle.completed{background-color:#28a745;color:white;border:2px solid #28a745}.stage-circle.current{background-color:#007bff;color:white;border:2px solid #007bff;animation:pulse 2s infinite}.stage-circle.pending{background-color:#f8f9fa;color:#6c757d;border:2px solid #dee2e6}.stage-circle.cancelled{background-color:#dc3545;color:white;border:2px solid #dc3545}.stage-line{width:2px;height:40px;margin-top:-8px}.stage-line.completed{background-color:#28a745}.stage-line.current{background:linear-gradient(180deg,#28a745 50%,#dee2e6 0)}.stage-line.pending{background-color:#dee2e6}.stage-content{flex:1;padding-bottom:1rem}.stage-title{font-weight:600;font-size:14px;margin-bottom:4px}.stage-title.completed{color:#28a745}.stage-title.current{color:#007bff}.stage-title.pending{color:#6c757d}.stage-title.cancelled{color:#dc3545}.stage-description{font-size:12px;color:#6c757d;margin-bottom:4px}.stage-time{font-size:11px;color:#28a745;font-weight:500}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.tracking-stage:last-child .stage-indicator .stage-line{display:none}