.track-order-page{padding:var(--space-4xl)0;background-color:var(--color-offwhite);background-image:radial-gradient(var(--color-bamboo-beige)1px,transparent 1px);background-size:20px 20px;justify-content:center;align-items:flex-start;min-height:70vh;display:flex}.track-order-container{width:100%;max-width:640px;animation:.5s ease-out fadeInUp}.track-form-card{padding:var(--space-3xl)var(--space-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);text-align:center;background:#fff;border:1px solid #ffffff80;position:relative;overflow:hidden}.track-form-card:before{content:"";background:linear-gradient(90deg,var(--color-muga-gold),var(--color-deep-crimson));width:100%;height:6px;position:absolute;top:0;left:0}.track-title{margin-bottom:var(--space-sm);color:var(--color-deep-crimson);font-size:var(--text-3xl)}.track-subtitle{margin-bottom:var(--space-2xl);color:var(--color-charcoal);opacity:.8;font-size:var(--text-lg)}.track-input-group{gap:var(--space-md);margin-bottom:var(--space-xl);display:flex}.track-input{padding:var(--space-md)var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);transition:all var(--transition-fast);flex:1}.track-input:focus{border-color:var(--color-turquoise);outline:none;box-shadow:0 0 0 3px #2a9d8f1a}.track-result{margin-top:var(--space-2xl);text-align:left;padding:var(--space-2xl);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-md);background:#fff;animation:.5s ease-out fadeInUp}.track-result-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.track-status-timeline{padding-left:var(--space-2xl);margin-top:var(--space-xl);position:relative}.timeline-item{padding-bottom:var(--space-2xl);position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{border:3px solid var(--color-border);z-index:2;width:20px;height:20px;transition:all var(--transition-base);background:#fff;border-radius:50%;position:absolute;top:0;left:-33px;box-shadow:0 0 0 2px #fff}.timeline-item.active .timeline-marker{background:var(--color-success);border-color:var(--color-success);box-shadow:0 0 0 4px #2a9d8f33}.timeline-line{background:var(--color-border-light);z-index:1;width:2px;position:absolute;top:20px;bottom:-4px;left:-24px}.timeline-item.active .timeline-line{background:var(--color-success)}.timeline-item:last-child .timeline-line{display:none}.timeline-content h4{font-size:var(--text-base);margin-bottom:6px;font-weight:700}.timeline-date{font-size:var(--text-sm);color:var(--color-charcoal);opacity:.7;font-style:italic}@media (max-width:600px){.track-input-group{flex-direction:column}.track-result-header{align-items:flex-start;gap:var(--space-md);flex-direction:column}.track-result{padding:var(--space-lg)}}