.track-module__c5JP-a__page{padding:var(--space-10) var(--space-4);min-height:80vh}.track-module__c5JP-a__title{font-family:var(--font-heading);font-size:var(--text-3xl);text-align:center;margin-bottom:var(--space-2);font-weight:700}.track-module__c5JP-a__subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-8)}.track-module__c5JP-a__searchForm{gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.track-module__c5JP-a__searchInput{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text);font-size:var(--text-base);flex:1}.track-module__c5JP-a__searchInput:focus{border-color:var(--color-primary);outline:none}.track-module__c5JP-a__error{color:#ef4444;padding:var(--space-4);border-radius:var(--radius-md);text-align:center;font-size:var(--text-sm);margin-bottom:var(--space-6);background:#dc26261a;border:1px solid #dc26264d}.track-module__c5JP-a__result{animation:.4s track-module__c5JP-a__fadeInUp}.track-module__c5JP-a__orderHeader{padding:var(--space-6);border-radius:var(--radius-lg);background:var(--gradient-card);border:1px solid var(--color-border);margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.track-module__c5JP-a__orderNumber{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-accent);font-weight:700}.track-module__c5JP-a__orderDate{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:4px}.track-module__c5JP-a__orderTotal{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700}.track-module__c5JP-a__timeline{margin-bottom:var(--space-8);padding:0 var(--space-2);justify-content:space-between;display:flex;position:relative}.track-module__c5JP-a__timelineStep{align-items:center;gap:var(--space-2);z-index:1;flex-direction:column;flex:1;display:flex;position:relative}.track-module__c5JP-a__timelineDot{background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .3s;display:flex}.track-module__c5JP-a__dotEmpty{background:var(--color-border);border-radius:50%;width:10px;height:10px}.track-module__c5JP-a__done .track-module__c5JP-a__timelineDot{background:#22c55e26;border-color:#22c55e}.track-module__c5JP-a__current .track-module__c5JP-a__timelineDot{background:#3b82f626;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f633}.track-module__c5JP-a__timelineLine{background:var(--color-border);z-index:-1;width:100%;height:2px;position:absolute;top:20px;left:55%}.track-module__c5JP-a__lineDone{background:#22c55e}.track-module__c5JP-a__timelineLabel{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.track-module__c5JP-a__done .track-module__c5JP-a__timelineLabel{color:#22c55e;font-weight:600}.track-module__c5JP-a__current .track-module__c5JP-a__timelineLabel{color:#3b82f6;font-weight:600}.track-module__c5JP-a__cancelled{text-align:center;padding:var(--space-4);border-radius:var(--radius-md);color:#ef4444;margin-bottom:var(--space-6);background:#ef44441a;border:1px solid #ef44444d;font-weight:600}.track-module__c5JP-a__details{padding:var(--space-5);border-radius:var(--radius-lg);background:var(--gradient-card);border:1px solid var(--color-border)}.track-module__c5JP-a__detailRow{padding:var(--space-3) 0;font-size:var(--text-sm);border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;display:flex}.track-module__c5JP-a__detailRow:last-child{border-bottom:none}.track-module__c5JP-a__detailRow span{color:var(--color-text-muted)}.track-module__c5JP-a__detailRow strong{color:var(--color-text)}@keyframes track-module__c5JP-a__fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.track-module__c5JP-a__searchForm{flex-direction:column}.track-module__c5JP-a__timeline{gap:var(--space-1)}.track-module__c5JP-a__timelineDot{width:32px;height:32px;font-size:14px}.track-module__c5JP-a__timelineLabel{font-size:10px}.track-module__c5JP-a__orderHeader{text-align:center;gap:var(--space-3);flex-direction:column}}