.track-page{--track-navy:#0b1426;--track-blue:#2563eb;--track-amber:#f59e0b;--track-navy-muted:#1e293b;--track-surface:#ffffff;--track-border:rgba(11,20,38,0.08);--track-text-muted:#64748b;background:#f8fafc}.track-hero{position:relative;padding:120px 24px 64px;overflow:hidden}.track-hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% -10%,rgba(37,99,235,.18),transparent),linear-gradient(165deg,var(--track-navy) 0,#0f1d35 45%,#132a4a 100%)}.track-hero-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,black 40%,transparent);mask-image:linear-gradient(180deg,black 40%,transparent)}.track-hero-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;text-align:center}.track-eyebrow{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--track-amber);margin-bottom:12px}.track-title{font-size:clamp(2rem,5vw,2.75rem);font-weight:700;color:#fff;letter-spacing:-.02em;line-height:1.15;margin-bottom:14px}.track-lead{font-size:1.05rem;color:rgba(255,255,255,.72);line-height:1.6;margin-bottom:32px}.track-search{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.track-search-field{display:flex;align-items:center;gap:12px;background:var(--track-surface);border-radius:14px;padding:6px 6px 6px 18px;box-shadow:0 4px 24px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.08)}.track-search-icon{color:var(--track-text-muted);flex-shrink:0}.track-search-field input{flex:1 1;border:none;background:transparent;font-size:1rem;color:var(--track-navy);outline:none;min-width:0;padding:14px 0}.track-search-field input::placeholder{color:#94a3b8}.track-search-clear{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:10px;background:#f1f5f9;color:var(--track-text-muted);cursor:pointer;transition:background .2s,color .2s;flex-shrink:0}.track-search-clear:hover{background:#e2e8f0;color:var(--track-navy)}.track-search-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 28px;border:none;border-radius:12px;background:var(--track-amber);color:var(--track-navy);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;box-shadow:0 4px 14px rgba(245,158,11,.35)}.track-search-btn:hover:not(:disabled){background:#fbbf24;transform:translateY(-1px);box-shadow:0 6px 20px rgba(245,158,11,.4)}.track-search-btn:disabled{opacity:.85;cursor:not-allowed}.track-spin{animation:track-spin .8s linear infinite}@keyframes track-spin{to{transform:rotate(1turn)}}.track-hero-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px;font-size:.875rem;color:rgba(255,255,255,.55)}.track-hero-meta span{display:inline-flex;align-items:center;gap:6px}.track-hero-link{display:inline-flex;align-items:center;gap:4px;color:var(--track-amber);text-decoration:none;font-weight:500;transition:opacity .2s}.track-hero-link:hover{opacity:.85}.track-results{max-width:var(--max-width);margin:-28px auto 0;padding:0 24px 80px;position:relative;z-index:2}.track-state{background:var(--track-surface);border-radius:20px;border:1px solid var(--track-border);box-shadow:0 8px 32px rgba(11,20,38,.06);padding:48px 32px;text-align:center}.track-state-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:rgba(37,99,235,.08);color:var(--track-blue);margin-bottom:20px}.track-state-icon.error{background:rgba(239,68,68,.08);color:#ef4444}.track-state h2{font-size:1.35rem;font-weight:700;color:var(--track-navy);margin-bottom:8px}.track-state p{color:var(--track-text-muted);max-width:420px;margin:0 auto 20px;line-height:1.6}.track-state-text{margin-top:20px;color:var(--track-text-muted);font-size:.95rem}.track-retry-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;background:var(--track-blue);color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.track-retry-btn:hover{background:#1d4ed8}.track-loading{padding:32px}.track-skeleton-card{text-align:left}.track-skeleton-header{height:48px;border-radius:10px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:track-shimmer 1.4s ease infinite;margin-bottom:28px}.track-skeleton-stepper{display:flex;gap:8px;margin-bottom:28px}.track-skeleton-step{flex:1 1;height:64px;border-radius:10px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:track-shimmer 1.4s ease infinite}.track-skeleton-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.track-skeleton-line{height:20px;border-radius:6px;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background-size:200% 100%;animation:track-shimmer 1.4s ease infinite}.track-skeleton-line.wide{grid-column:1/-1;height:28px}@keyframes track-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.track-dashboard{background:var(--track-surface);border-radius:20px;border:1px solid var(--track-border);box-shadow:0 12px 40px rgba(11,20,38,.08);overflow:hidden}.track-card-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;padding:28px 32px;border-bottom:1px solid var(--track-border);background:linear-gradient(180deg,#fafbfc,#fff)}.track-card-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--track-text-muted);margin-bottom:4px}.track-card-id h2{font-size:1.25rem;font-weight:700;color:var(--track-navy);font-family:ui-monospace,Cascadia Code,monospace;letter-spacing:.02em}.track-card-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.track-status-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;font-size:.8rem;font-weight:600;text-transform:capitalize}.track-status-badge.success{background:rgba(34,197,94,.12);color:#15803d}.track-status-badge.active{background:rgba(37,99,235,.12);color:var(--track-blue)}.track-status-badge.warning{background:rgba(245,158,11,.15);color:#b45309}.track-status-badge.pending{background:rgba(100,116,139,.12);color:var(--track-text-muted)}.track-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--track-border);border-radius:10px;background:#fff;color:var(--track-navy);font-size:.875rem;font-weight:500;cursor:pointer;transition:border-color .2s,background .2s}.track-refresh-btn:hover{border-color:var(--track-blue);background:rgba(37,99,235,.04)}.track-route-banner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:16px;gap:16px;padding:24px 32px;background:var(--track-navy);color:#fff}.track-route-point strong{display:block;font-size:1rem;font-weight:600;margin-top:2px}.track-route-point.align-end{text-align:right}.track-route-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.5)}.track-route-line{position:relative;width:120px;height:3px;background:rgba(255,255,255,.15);border-radius:2px}.track-route-progress{position:absolute;left:0;top:0;height:100%;background:var(--track-amber);border-radius:2px;transition:width .6s ease}.track-route-plane{position:absolute;top:50%;right:-4px;transform:translateY(-50%);color:var(--track-amber)}.track-highlights{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;background:var(--track-border);border-bottom:1px solid var(--track-border)}.track-highlight{display:flex;align-items:flex-start;gap:14px;padding:22px 28px;background:#fff}.track-highlight svg{color:var(--track-blue);flex-shrink:0;margin-top:2px}.track-highlight span{display:block;font-size:.75rem;color:var(--track-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.track-highlight strong{font-size:.95rem;color:var(--track-navy);font-weight:600}.track-stepper-section{padding:28px 32px;border-bottom:1px solid var(--track-border)}.track-stepper-section h3{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--track-text-muted);margin-bottom:24px}.track-stepper{display:flex;justify-content:space-between;position:relative}.track-step{flex-direction:column;flex:1 1;text-align:center}.track-step,.track-step-marker{display:flex;align-items:center;position:relative}.track-step-marker{justify-content:center;width:40px;height:40px;border-radius:50%;background:#f1f5f9;color:var(--track-text-muted);border:2px solid #e2e8f0;z-index:1;transition:all .3s ease}.track-step.complete .track-step-marker{background:var(--track-blue);border-color:var(--track-blue);color:#fff}.track-step.current .track-step-marker{background:var(--track-amber);border-color:var(--track-amber);color:var(--track-navy);box-shadow:0 0 0 4px rgba(245,158,11,.25)}.track-step-label{font-size:.65rem;font-weight:500;color:var(--track-text-muted);margin-top:10px;max-width:72px;line-height:1.3}.track-step.complete .track-step-label,.track-step.current .track-step-label{color:var(--track-navy);font-weight:600}.track-step-connector{position:absolute;top:20px;left:calc(50% + 20px);width:calc(100% - 40px);height:2px;background:#e2e8f0;z-index:0}.track-step-connector.complete{background:var(--track-blue)}.track-card-body{display:grid;grid-template-columns:1fr 1fr}.track-details-panel,.track-timeline-panel{padding:28px 32px}.track-details-panel{border-right:1px solid var(--track-border)}.track-details-panel h3,.track-timeline-panel h3{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--track-text-muted);margin-bottom:20px}.track-details-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.track-detail dt{font-size:.75rem;color:var(--track-text-muted);margin-bottom:4px}.track-detail dd{font-size:.9rem;font-weight:500;color:var(--track-navy);line-height:1.45}.track-detail.full{grid-column:1/-1}.track-timeline{display:flex;flex-direction:column;gap:0;position:relative}.track-timeline:before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:2px;background:#e2e8f0}.track-timeline-item{display:flex;gap:16px;padding:14px 0;position:relative}.track-timeline-dot{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#f1f5f9;color:var(--track-text-muted);border:2px solid #e2e8f0;flex-shrink:0;z-index:1}.track-timeline-item.latest .track-timeline-dot{background:var(--track-blue);border-color:var(--track-blue);color:#fff}.track-timeline-status{display:block;font-weight:600;font-size:.9rem;color:var(--track-navy);text-transform:capitalize}.track-timeline-meta{font-size:.8rem;color:var(--track-text-muted)}.track-timeline-empty{color:var(--track-text-muted);font-size:.9rem}@media (min-width:640px){.track-search{flex-direction:row;align-items:stretch}.track-search-field{flex:1 1}.track-search-btn{flex-shrink:0;white-space:nowrap}}@media (max-width:900px){.track-card-body,.track-highlights{grid-template-columns:1fr}.track-details-panel{border-right:none;border-bottom:1px solid var(--track-border)}.track-stepper{overflow-x:auto;padding-bottom:8px;justify-content:flex-start;gap:0}.track-step{min-width:88px;flex:0 0 auto}}@media (max-width:640px){.track-hero{padding:100px 16px 48px}.track-results{padding:0 16px 60px}.track-route-banner{grid-template-columns:1fr;text-align:center;gap:20px}.track-route-point.align-end{text-align:center}.track-route-line{width:100%;margin:0 auto}.track-card-header,.track-details-panel,.track-stepper-section,.track-timeline-panel{padding:20px}.track-details-grid{grid-template-columns:1fr}.track-state{padding:32px 20px}}