.track-page{padding-top:70px}.track-hero{background:var(--dark-gradient);text-align:center;color:var(--white);padding:60px 0 40px}.track-hero h1{font-family:var(--font-heading);margin-bottom:10px;font-size:2.2rem}.track-hero p{opacity:.8;font-size:1rem}.track-form{max-width:700px;margin:0 auto 40px}.track-inputs{gap:10px;display:flex}.track-inputs input{border:2px solid var(--light-gray);border-radius:var(--radius-full);font-family:var(--font-body);outline:none;flex:1;padding:14px 20px;font-size:.9rem}.track-inputs input:focus{border-color:var(--gold)}.track-inputs .btn{white-space:nowrap}.track-error{text-align:center;color:#e74c3c;margin-top:12px;font-size:.9rem}.status-timeline{justify-content:center;gap:0;margin-bottom:40px;padding:0 20px;display:flex;position:relative}.timeline-step{z-index:1;flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.timeline-step:before{content:"";background:var(--light-gray);z-index:-1;width:100%;height:3px;position:absolute;top:20px;left:-50%}.timeline-step:first-child:before{display:none}.timeline-step.active:before{background:var(--gold)}.timeline-icon{background:var(--light-gray);width:42px;height:42px;color:var(--gray);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex}.timeline-step.active .timeline-icon{background:var(--gold-light);color:var(--gold-dark)}.timeline-step.current .timeline-icon{background:var(--gold-gradient);color:var(--white);box-shadow:0 3px 15px #c9b89680}.timeline-step span{color:var(--gray);text-align:center;font-size:.75rem}.timeline-step.active span{color:var(--dark);font-weight:600}.status-cancelled{text-align:center;color:#e74c3c;border-radius:var(--radius-sm);background:#fdeaea;justify-content:center;align-items:center;gap:10px;margin-bottom:30px;padding:15px;font-size:1.1rem;display:flex}.status-cancelled svg{font-size:1.3rem}.track-details{max-width:800px;margin:0 auto}.track-detail-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px;display:grid}.track-info-card{background:var(--off-white);border-radius:var(--radius-sm);padding:20px}.track-info-card h3{font-family:var(--font-heading);color:var(--dark);margin-bottom:12px;font-size:1rem}.info-row{color:var(--gray);justify-content:space-between;margin-bottom:8px;font-size:.85rem;display:flex}.info-row strong{color:var(--dark);text-align:right;max-width:60%}.track-items{margin-bottom:20px}.track-items h3{font-family:var(--font-heading);margin-bottom:15px;font-size:1rem}.track-item{border-bottom:1px solid var(--light-gray);align-items:center;gap:12px;padding:12px 0;display:flex}.track-item img{object-fit:cover;border-radius:6px;width:50px;height:50px}.track-item-info{flex:1}.track-item-info strong{font-size:.9rem;display:block}.track-item-info span{color:var(--gray);font-size:.8rem}.track-item-price{font-weight:600}.track-total{background:var(--off-white);border-radius:var(--radius-sm);padding:20px}.track-total .info-row.total{border-top:1px solid var(--light-gray);margin-top:10px;padding-top:10px;font-size:1rem}.track-total .info-row.total strong{font-size:1.2rem}@media (max-width:768px){.track-inputs{flex-direction:column}.track-detail-grid{grid-template-columns:1fr}.status-timeline{padding:0}.timeline-step span{font-size:.65rem}.timeline-icon{width:35px;height:35px;font-size:.75rem}.track-hero h1{font-size:1.6rem}}