.track-hero{background:var(--navy)}.track-section{padding:3rem 1.5rem 5rem}.track-input-card{max-width:550px;margin:0 auto 2rem;padding:2rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.input-group{display:flex;gap:.75rem;margin-bottom:.75rem}.input-group input{flex:1;padding:.85rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-sm);font-size:1rem;font-family:var(--font-main);transition:border-color .2s}.input-group input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #99700014}.input-hint{font-size:.8rem;color:var(--gray-400);text-align:center;margin-top:.5rem}.track-result{max-width:700px;margin:0 auto;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:2rem;box-shadow:var(--shadow-sm)}.order-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.order-meta h3{font-size:1.2rem;color:var(--navy)}.order-meta .order-date{font-size:.9rem;color:var(--gray-500)}.status-badge{padding:.3rem .7rem;border-radius:50px;font-size:.8rem;font-weight:600;display:inline-block;text-transform:capitalize}.status-pending{background:#f3e5f5;color:#7b1fa2}.status-confirmed{background:#e3f2fd;color:#1565c0}.status-processing{background:#fff3e0;color:#e65100}.status-packaging{background:#fce4ec;color:#c62828}.status-shipped{background:#e8f5e9;color:#2e7d32}.status-delivered{background:#e0f2f1;color:#00695c}.status-cancelled{background:#ffebee;color:#b71c1c}.timeline{position:relative;padding-left:2.5rem;margin:2rem 0}.timeline:before{content:"";position:absolute;left:14px;top:10px;bottom:10px;width:3px;background:var(--gray-200);border-radius:2px}.timeline-step{position:relative;margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1rem}.timeline-step:last-child{margin-bottom:0}.step-icon{position:absolute;left:-2.5rem;width:32px;height:32px;border-radius:50%;background:var(--white);border:3px solid var(--gray-200);display:flex;align-items:center;justify-content:center;z-index:2;transition:all .3s ease}.step-icon.completed{background:var(--gold);border-color:var(--gold);color:var(--white)}.step-icon.current{background:var(--white);border-color:var(--gold);color:var(--gold);box-shadow:0 0 0 4px #99700026}.step-icon svg{width:16px;height:16px}.step-content{flex:1}.step-title{font-weight:700;color:var(--navy);margin-bottom:.2rem}.step-date{font-size:.8rem;color:var(--gray-400)}.step-description{font-size:.85rem;color:var(--gray-500);margin-top:.2rem}.step.completed .step-title{color:var(--navy)}.step.current .step-title{color:var(--gold)}.step.pending .step-title{color:var(--gray-400)}.order-summary-mini{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.order-summary-mini h4{font-size:1rem;margin-bottom:.75rem;color:var(--navy)}.mini-item{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.9rem;color:var(--gray-500)}.mini-total{display:flex;justify-content:space-between;font-weight:700;color:var(--navy);margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--gray-200)}.error-message{text-align:center;color:#c0392b;padding:2rem;font-weight:600}@media (max-width: 600px){.input-group{flex-direction:column}.timeline{padding-left:2rem}.order-meta{flex-direction:column}}