[hidden]{display:none!important}.track-hero{padding:calc(var(--space-3xl) + 2rem) 0 var(--space-lg);text-align:center}.track-hero-content{max-width:720px;margin:0 auto var(--space-xl)}.track-hero-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--color-text-dark);line-height:1.2;margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.track-hero-subtitle{font-size:clamp(1rem,1.4vw,1.1rem);color:var(--color-text-light);line-height:1.65}.track-form{max-width:780px;margin:0 auto;background:var(--color-bg-card);padding:var(--space-md);border-radius:var(--radius-xl);border:1px solid rgba(99,102,241,.12);box-shadow:var(--shadow-md)}.track-form-grid{display:grid;grid-template-columns:minmax(0,1fr) 140px auto;gap:var(--space-sm);align-items:end}.track-field{display:flex;flex-direction:column;text-align:left;gap:.4rem}.track-field label{font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-light)}.track-field-hint{font-weight:500;text-transform:none;letter-spacing:0;color:var(--color-text-light);opacity:.75;margin-left:.25rem}.track-field input{font-family:var(--font-sans);font-size:1rem;font-weight:500;color:var(--color-text-dark);background:var(--color-bg-alt);border:1.5px solid transparent;border-radius:var(--radius-md);padding:.85rem 1rem;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);width:100%}.track-field input::placeholder{color:var(--color-text-light);opacity:.6}.track-field input:focus{outline:none;background:var(--color-bg-card);border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow)}.track-field-phone input{letter-spacing:.3em;text-align:center}.track-submit{height:50px;padding:0 1.5rem;white-space:nowrap}.track-submit svg{width:18px;height:18px}.track-submit[disabled]{opacity:.6;cursor:not-allowed}.track-form-error{margin-top:.85rem;padding:.65rem .9rem;font-size:.88rem;color:#b91c1c;background:#ef444414;border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.18)}@media (max-width: 640px){.track-form-grid{grid-template-columns:1fr}.track-field-phone input{text-align:left;letter-spacing:.2em}.track-submit{width:100%;justify-content:center}}.track-result-section{padding:var(--space-md) 0 var(--space-3xl)}.track-result-card{max-width:780px;margin:0 auto;background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid rgba(99,102,241,.12);box-shadow:var(--shadow-lg);padding:var(--space-lg)}.track-result-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.track-result-awb{display:flex;flex-direction:column;gap:.2rem}.track-result-label{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-light)}.track-result-awb-value{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--color-text-dark);letter-spacing:.02em}.track-status-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;background:#6366f11a;color:var(--color-primary);border:1px solid rgba(99,102,241,.25)}.track-status-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #6366f126}.track-status-pill.delivered{background:#14b8a61f;color:#0f766e;border-color:#14b8a64d}.track-status-pill.delivered:before{box-shadow:0 0 0 4px #14b8a62e}.track-status-pill.pending{background:#f59e0b1f;color:#b45309;border-color:#f59e0b4d}.track-status-pill.pending:before{box-shadow:0 0 0 4px #f59e0b2e}.track-route{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-md);align-items:center;background:var(--gradient-card);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg)}.track-route-end{display:flex;flex-direction:column;gap:.25rem;min-width:0}.track-route-end:last-child{text-align:right}.track-route-label{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-light)}.track-route-value{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--color-text-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-route-line{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-bg-card);color:var(--color-primary);box-shadow:var(--shadow-sm)}.track-route-line svg{width:18px;height:18px}@media (max-width: 540px){.track-route{grid-template-columns:1fr;text-align:left}.track-route-end:last-child{text-align:left}.track-route-line{transform:rotate(90deg);margin:0}}.track-timeline{display:flex;flex-direction:column;gap:0;position:relative}.track-timeline-item{display:grid;grid-template-columns:28px 1fr auto;gap:var(--space-md);align-items:flex-start;padding-bottom:var(--space-lg);position:relative}.track-timeline-item:last-child{padding-bottom:0}.track-timeline-item:before{content:"";position:absolute;left:13px;top:24px;bottom:0;width:2px;background:#6366f12e}.track-timeline-item:last-child:before{display:none}.track-timeline-dot{width:28px;height:28px;border-radius:50%;background:var(--color-bg-card);border:2px solid rgba(99,102,241,.25);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.track-timeline-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:#6366f166}.track-timeline-item.current .track-timeline-dot{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-glow)}.track-timeline-item.current .track-timeline-dot:after{background:var(--color-primary)}.track-timeline-item.delivered .track-timeline-dot{border-color:var(--color-secondary);background:var(--color-secondary)}.track-timeline-item.delivered .track-timeline-dot:after{background:#fff;width:6px;height:6px}.track-timeline-content{display:flex;flex-direction:column;gap:.2rem;min-width:0}.track-timeline-remark{font-family:var(--font-display);font-size:.98rem;font-weight:600;color:var(--color-text-dark);line-height:1.4}.track-timeline-location{font-size:.88rem;color:var(--color-text-light)}.track-timeline-date{font-size:.82rem;color:var(--color-text-light);white-space:nowrap;text-align:right}@media (max-width: 560px){.track-timeline-item{grid-template-columns:24px 1fr}.track-timeline-item:before{left:11px}.track-timeline-dot{width:24px;height:24px}.track-timeline-date{grid-column:2;text-align:left;margin-top:.1rem}}.track-empty-card,.track-loading{max-width:520px;margin:0 auto;background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid rgba(99,102,241,.12);box-shadow:var(--shadow-md);padding:var(--space-xl);text-align:center}.track-empty-icon{width:56px;height:56px;margin:0 auto var(--space-sm);background:#6366f114;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.track-empty-icon svg{width:28px;height:28px}.track-empty-card h3{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text-dark);margin-bottom:.4rem}.track-empty-card p{color:var(--color-text-light);font-size:.95rem;line-height:1.55}.track-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:var(--color-text-light);font-size:.95rem}.track-loading-spinner{width:36px;height:36px;border-radius:50%;border:3px solid rgba(99,102,241,.2);border-top-color:var(--color-primary);animation:track-spin .8s linear infinite}@keyframes track-spin{to{transform:rotate(360deg)}}