:root{--primary-white:#ffffff;--off-white:#fafbfc;--soft-white:#f8f9fa;--subtle-gray:#f1f3f5;--light-gray:#e9ecef;--border-gray:#dee2e6;--medium-gray:#adb5bd;--text-gray:#495057;--dark-text:#212529;--darker-text:#0c0e10;--accent-blue:#0b76ff;--accent-blue-light:#3aa0ff;--accent-blue-dark:#0a5ecc;--accent-green:#00d26a;--accent-orange:#ff9500;--accent-red:#ff3b30;--accent-purple:#8b5cf6;--accent-yellow:#fbbf24;--status-pending:#f59e0b;--status-in-transit:#3b82f6;--status-delivered:#10b981;--status-cancelled:#ef4444;--status-on-hold:#6b7280;--gradient-blue:linear-gradient(135deg, #0b76ff 0%, #3aa0ff 100%);--gradient-green:linear-gradient(135deg, #00d26a 0%, #00ff87 100%);--gradient-orange:linear-gradient(135deg, #ff9500 0%, #ffaa33 100%);--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.06);--shadow-md:0 3px 8px rgba(0, 0, 0, 0.08);--shadow-lg:0 6px 16px rgba(0, 0, 0, 0.10);--shadow-accent:0 4px 12px rgba(11, 118, 255, 0.16);--space-xs:4px;--space-sm:6px;--space-md:10px;--space-lg:14px;--space-xl:18px;--space-2xl:24px;--space-3xl:32px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:14px;--radius-full:9999px;--timing-fast:0.15s cubic-bezier(0.4, 0, 0.2, 1);--timing-normal:0.2s cubic-bezier(0.4, 0, 0.2, 1);--timing-smooth:0.3s cubic-bezier(0.4, 0, 0.2, 1);--sidebar-width:280px;--sidebar-collapsed:60px}.track-main{margin-left:var(--sidebar-width);padding-top:calc(68px + var(--space-xl));padding-left:var(--space-lg);padding-right:var(--space-lg);padding-bottom:var(--space-xl);min-height:calc(100vh - 68px);background:var(--off-white);transition:margin-left var(--timing-smooth)}.main-nav.collapsed~button#nav-toggle~.track-main{margin-left:var(--sidebar-collapsed)}.track-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:start}.track-card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--timing-normal);position:relative}.track-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-blue)}.track-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-blue-light)}.track-card-compact{padding:var(--space-xl)}.track-form-section{position:sticky;top:var(--space-xl)}.track-form-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-gray)}.track-form-header h1{font-size:1.25rem;font-weight:700;color:var(--darker-text);letter-spacing:-.01em;line-height:1.3;margin:0 0 var(--space-sm) 0;display:flex;align-items:center;gap:var(--space-sm)}.track-form-header h1 svg{width:20px;height:20px;color:var(--accent-blue)}.track-form-header .muted{font-size:.75rem;color:var(--text-gray);margin:0;line-height:1.5}.track-input-group{margin-bottom:var(--space-xl)}.track-input-group label{display:block;font-size:.75rem;font-weight:700;color:var(--text-gray);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-sm)}#awb-input{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--border-gray);border-radius:var(--radius-md);font-family:'Courier New',monospace;font-size:.9375rem;font-weight:600;color:var(--darker-text);background:var(--primary-white);transition:all var(--timing-normal);box-shadow:var(--shadow-xs);min-height:50px;letter-spacing:.05em}#awb-input::placeholder{color:var(--medium-gray);font-weight:500;letter-spacing:0}#awb-input:hover{border-color:var(--accent-blue-light)}#awb-input:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgb(11 118 255 / .1)}.track-button-group{margin-top:var(--space-2xl)}.btn-primary,#track-btn{width:100%;padding:var(--space-md) var(--space-2xl);border:none;border-radius:var(--radius-md);background:var(--gradient-blue);color:var(--primary-white);font-size:.875rem;font-weight:700;cursor:pointer;transition:all var(--timing-normal);box-shadow:var(--shadow-accent);min-height:50px;text-transform:uppercase;letter-spacing:.02em}.btn-primary:hover,#track-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(11 118 255 / .24)}.btn-primary:active,#track-btn:active{transform:translateY(0)}.btn-primary:disabled,#track-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.track-quick-actions{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--border-gray)}.track-quick-actions h3{font-size:.75rem;font-weight:700;color:var(--text-gray);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-md) 0}.quick-action-links{display:flex;flex-direction:column;gap:var(--space-sm)}.quick-action-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--soft-white);border:1px solid var(--border-gray);border-radius:var(--radius-md);color:var(--text-gray);text-decoration:none;font-size:.8125rem;font-weight:600;transition:all var(--timing-normal)}.quick-action-link:hover{background:var(--primary-white);border-color:var(--accent-blue);color:var(--accent-blue);transform:translateX(4px)}.quick-action-link svg{width:16px;height:16px}.track-results-section{position:sticky;top:var(--space-xl);max-height:calc(100vh - 68px - var(--space-2xl) * 2);overflow-y:auto}.track-results-section::-webkit-scrollbar{width:6px}.track-results-section::-webkit-scrollbar-track{background:var(--subtle-gray);border-radius:var(--radius-full)}.track-results-section::-webkit-scrollbar-thumb{background:var(--medium-gray);border-radius:var(--radius-full)}.track-results-section::-webkit-scrollbar-thumb:hover{background:var(--text-gray)}.track-results-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-gray)}.track-results-header h2{font-size:1.125rem;font-weight:700;color:var(--darker-text);letter-spacing:-.01em;line-height:1.3;margin:0 0 var(--space-xs) 0;display:flex;align-items:center;gap:var(--space-sm)}.track-results-header h2 svg{width:18px;height:18px;color:var(--accent-blue)}.track-results-header .muted{font-size:.75rem;color:var(--text-gray);margin:0}.tracking-card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--space-xl);position:relative;overflow:hidden}.tracking-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-blue)}.tracking-card h2{font-size:.875rem;font-weight:700;color:var(--darker-text);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-lg) 0}.shipment-info{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-md)}.shipment-info li{display:grid;grid-template-columns:120px 1fr;gap:var(--space-md);align-items:center;padding:var(--space-sm) 0}.shipment-info strong{font-size:.6875rem;font-weight:700;color:var(--text-gray);text-transform:uppercase;letter-spacing:.04em}.shipment-info span{font-size:.875rem;font-weight:700;color:var(--darker-text);font-family:'Courier New',monospace;letter-spacing:.02em}.status-badge{display:inline-block;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.status-pending{background:var(--status-pending);color:#fff}.status-in-transit{background:var(--status-in-transit);color:#fff}.status-delivered{background:var(--status-delivered);color:#fff}.status-cancelled{background:var(--status-cancelled);color:#fff}.timeline-container{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-sm)}.timeline-container h3{font-size:.875rem;font-weight:700;color:var(--darker-text);text-transform:uppercase;letter-spacing:.06em;margin:0 0 var(--space-xl) 0}.timeline{list-style:none;padding:0;margin:0;position:relative}.timeline::before{content:'';position:absolute;left:12px;top:0;bottom:0;width:2px;background:var(--light-gray)}.timeline li{position:relative;padding-left:48px;padding-bottom:var(--space-2xl)}.timeline li:last-child{padding-bottom:0}.timeline li::before{content:'';position:absolute;left:0;top:0;width:24px;height:24px;border-radius:var(--radius-full);background:var(--primary-white);border:3px solid var(--accent-blue);box-shadow:0 0 0 4px rgb(11 118 255 / .1);z-index:1}.timeline li.active::before{background:var(--accent-blue);box-shadow:0 0 0 4px rgb(11 118 255 / .2),0 0 12px rgb(11 118 255 / .4);animation:pulse 2s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgb(11 118 255 / .2),0 0 12px rgb(11 118 255 / .4)}50%{box-shadow:0 0 0 8px rgb(11 118 255 / .1),0 0 20px rgb(11 118 255 / .6)}}.timeline li p{font-size:.875rem;font-weight:700;color:var(--darker-text);margin:0 0 var(--space-xs) 0;line-height:1.4}.timeline li span{font-size:.75rem;font-weight:600;color:var(--text-gray);display:block;line-height:1.4}.track-error{background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;animation:fadeIn 0.3s ease-out}.track-error p{font-size:.875rem;font-weight:600;color:#dc2626;margin:0}.track-empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-gray)}.track-empty-state svg{width:64px;height:64px;color:var(--medium-gray);margin-bottom:var(--space-lg)}.track-empty-state h3{font-size:1rem;font-weight:700;color:var(--dark-text);margin-bottom:var(--space-sm)}.track-empty-state p{font-size:.8125rem;color:var(--text-gray)}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.track-result{animation:fadeInUp 0.4s ease-out}@media (max-width:1024px){.track-split-grid{grid-template-columns:1fr}.track-form-section,.track-results-section{position:relative;top:0;max-height:none}}@media (max-width:768px){.track-main{margin-left:0;padding:var(--space-md)}.shipment-info li{grid-template-columns:1fr;gap:var(--space-xs)}.timeline li{padding-left:40px}.timeline li::before{width:20px;height:20px}.quick-action-links{display:none}}[hidden]{display:none!important}.muted{color:var(--text-gray)}.small{font-size:.75rem}.track-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 28px;border:2px dashed var(--border-gray);border-radius:var(--radius-lg);background:var(--soft-white);color:var(--text-gray)}.track-placeholder .placeholder-icon{font-size:44px;margin-bottom:var(--space-md);opacity:.85}.track-placeholder h3{font-size:.95rem;font-weight:700;color:var(--darker-text);margin-bottom:var(--space-xs)}.track-placeholder p{font-size:.75rem;line-height:1.6;max-width:300px}.track-placeholder strong{color:var(--accent-blue);font-weight:700}.track-result-content{display:none}