.track-container{background:#fff;border:1px solid #f0dde180;border-radius:12px;max-width:600px;margin:0 auto;padding:40px;box-shadow:0 10px 40px #4a3a3b0d}.track-form{border:1px solid var(--color-border);background:#f8fafc;border-radius:8px;padding:24px}.timeline-container{padding:20px 0;position:relative}.timeline-container:before{content:"";background:var(--color-border);z-index:1;width:2px;position:absolute;top:30px;bottom:50px;left:20px}.timeline-item{z-index:2;margin-bottom:30px;padding-left:60px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-icon{border:2px solid var(--color-border);width:42px;height:42px;color:var(--color-text-muted);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:all .3s;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 10px #0000000d}.timeline-content{border:1px solid var(--color-border);background:#fff;border-radius:8px;padding:16px 20px;box-shadow:0 2px 10px #00000005}.timeline-content h4{color:var(--color-primary);margin:0 0 6px;font-size:1.05rem}.timeline-content p{color:var(--color-text-body);margin:0 0 8px;font-size:.9rem}.timeline-content .time{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.timeline-item.completed .timeline-icon{background:var(--color-cta);border-color:var(--color-cta);color:#fff}.timeline-item.completed .timeline-content{border-left:4px solid var(--color-cta)}.timeline-item.active .timeline-icon{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 0 4px #4a3a3b1a}.timeline-item.active .timeline-content{border-left:4px solid var(--color-primary);border-color:var(--color-primary)}.timeline-item.pending .timeline-icon{border-color:var(--color-border);color:var(--color-text-muted);background:#f1f5f9}.timeline-item.pending .timeline-content{opacity:.6}@media (max-width:600px){.track-container{padding:24px 16px}}