@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";
@media (max-width:480px){form.tracking-form>div label{font-size:.95rem}}@media (max-width:480px){form.tracking-form>div input{padding:1rem 1.2rem;font-size:.95rem}}form.tracking-form>div input:-webkit-autofill{-webkit-text-fill-color:var(--lg-gold-light);border-color:var(--lg-gold);-webkit-box-shadow:inset 0 0 0 1000px #0b1a2acc}form.tracking-form>div input:-webkit-autofill:hover{-webkit-text-fill-color:var(--lg-gold-light);border-color:var(--lg-gold);-webkit-box-shadow:inset 0 0 0 1000px #0b1a2acc}form.tracking-form>div input:-webkit-autofill:focus{-webkit-text-fill-color:var(--lg-gold-light);border-color:var(--lg-gold);-webkit-box-shadow:inset 0 0 0 1000px #0b1a2acc}@media (max-width:480px){form.tracking-form button{padding:1rem 2rem;font-size:1rem}}@media (max-width:480px){form.tracking-form .result-box{padding:1.5rem}}@media (max-width:480px){form.tracking-form .route-map-container{padding:1.5rem}}@media (max-width:768px){form.tracking-form .route-map-container .route-canvas{height:300px}}@media (max-width:480px){form.tracking-form .location-tracker{padding:1.5rem}}@media (max-width:768px){form.tracking-form .location-tracker .locations-container{grid-template-columns:1fr;gap:1rem}}@media (max-width:768px){form.tracking-form .location-tracker .locations-container .location-separator{flex-direction:row;justify-content:center}}@media (max-width:768px){form.tracking-form .location-tracker .locations-container .location-separator .arrow-icon{transform:rotate(90deg)}}@media (max-width:768px){form.tracking-form .location-tracker .locations-container .location-separator .separator-line{background:linear-gradient(90deg,var(--lg-gold),transparent);width:40px;height:2px}}@media (max-width:640px){form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list{grid-template-columns:1fr}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes pulse-badge{0%,to{box-shadow:0 0 5px #1e40af80}50%{box-shadow:0 0 15px #1e40afcc}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #4a90e280}50%{box-shadow:0 0 20px #4a90e2cc}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes checkmark{0%{opacity:0;transform:scale(0)rotate(-45deg)}50%{transform:scale(1.2)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}form.tracking-form{flex-direction:column;gap:1.5rem;font-family:Montserrat,sans-serif;display:flex}form.tracking-form>div{flex-direction:column;gap:.6rem;display:flex}form.tracking-form>div label{color:var(--lg-gold-light);letter-spacing:.5px;font-size:1rem;font-weight:600;transition:color .3s}@media (max-width:480px){form.tracking-form>div label{font-size:.95rem}}form.tracking-form>div input{color:var(--lg-gold-light);background:#0b1a2a99;border:2px solid #d4af374d;border-radius:12px;outline:none;padding:1.1rem 1.3rem;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;transition:all .3s}@media (max-width:480px){form.tracking-form>div input{padding:1rem 1.2rem;font-size:.95rem}}form.tracking-form>div input::placeholder{color:#e6c76f80;font-weight:400}form.tracking-form>div input:focus{border-color:var(--lg-gold);background:#0b1a2acc;transform:translateY(-2px);box-shadow:0 0 20px #d4af374d,inset 0 0 10px #d4af371a}form.tracking-form>div input:hover{border-color:var(--lg-gold-light)}form.tracking-form>div input:-webkit-autofill{-webkit-text-fill-color:var(--lg-gold-light);border-color:var(--lg-gold);-webkit-box-shadow:inset 0 0 0 1000px #0b1a2acc}form.tracking-form>div input:-webkit-autofill:hover{-webkit-text-fill-color:var(--lg-gold-light);border-color:var(--lg-gold);-webkit-box-shadow:inset 0 0 0 1000px #0b1a2acc}form.tracking-form>div input:-webkit-autofill:focus{-webkit-text-fill-color:var(--lg-gold-light);border-color:var(--lg-gold);-webkit-box-shadow:inset 0 0 0 1000px #0b1a2acc}form.tracking-form>div:focus-within label{color:var(--lg-gold)}form.tracking-form button{background:linear-gradient(135deg,var(--lg-gold)0%,var(--lg-gold-dark)100%);color:var(--lg-dark-navy);letter-spacing:.8px;text-transform:uppercase;cursor:pointer;border:none;border-radius:50px;padding:1.1rem 2.5rem;font-family:Montserrat,sans-serif;font-size:1.05rem;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;box-shadow:0 8px 25px #d4af3766}@media (max-width:480px){form.tracking-form button{padding:1rem 2rem;font-size:1rem}}form.tracking-form button:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}form.tracking-form button:hover:not(:disabled){background:linear-gradient(135deg,var(--lg-gold-light)0%,var(--lg-gold)100%);transform:translateY(-3px)scale(1.02);box-shadow:0 12px 35px #d4af3799,0 0 30px #d4af374d}form.tracking-form button:hover:not(:disabled):before{left:100%}form.tracking-form button:active:not(:disabled){transform:translateY(-1px)scale(1.01);box-shadow:0 6px 20px #d4af3780}form.tracking-form button:disabled{opacity:.6;cursor:not-allowed;animation:1.5s ease-in-out infinite pulse;transform:none}form.tracking-form .error-box{color:#ff6b6b;background:linear-gradient(135deg,#fd212126,#fd212114);border:2px solid #fd212166;border-radius:12px;margin-top:.5rem;padding:1rem 1.3rem;animation:.3s ease-out slideIn}form.tracking-form .error-box p{margin:0;font-size:.95rem;font-weight:500}form.tracking-form .result-box{background:linear-gradient(135deg,#d4af371a,#a7892814);border:2px solid #d4af3766;border-radius:15px;margin-top:.5rem;padding:2rem;animation:.4s ease-out slideIn;position:relative;overflow:hidden;box-shadow:0 10px 30px #d4af3733}@media (max-width:480px){form.tracking-form .result-box{padding:1.5rem}}form.tracking-form .result-box:after{content:"✓";color:var(--lg-gold);font-size:1.5rem;font-weight:700;animation:.5s ease-out .2s both checkmark;position:absolute;top:15px;right:15px}form.tracking-form .result-box h3{color:var(--lg-gold);border-bottom:2px solid #d4af374d;margin:0 0 1.5rem;padding-bottom:1rem;font-family:Playfair Display,serif;font-size:1.4rem;font-weight:700}form.tracking-form .result-box .info-grid{gap:.75rem;display:grid}form.tracking-form .result-box .info-item{border-bottom:1px solid #d4af3726;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}form.tracking-form .result-box .info-item.full-width{flex-direction:column;grid-column:1/-1;align-items:flex-start;gap:.5rem}form.tracking-form .result-box .info-item:last-child{border-bottom:none}form.tracking-form .result-box .info-item .label{color:var(--lg-gold-light);font-size:.95rem;font-weight:600}form.tracking-form .result-box .info-item .value{color:#e6c76fcc;text-align:right;font-size:.95rem}form.tracking-form .result-box .info-item .value.highlight{color:var(--lg-gold);font-weight:600}form.tracking-form .result-box .status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.35rem .9rem;font-size:.8rem;font-weight:700}form.tracking-form .result-box .status-badge.status-pending{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a)}form.tracking-form .result-box .status-badge.status-picked-up{color:#3730a3;background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}form.tracking-form .result-box .status-badge.status-in-transit{color:#1e40af;background:linear-gradient(135deg,#dbeafe,#bfdbfe);animation:2s ease-in-out infinite pulse-badge}form.tracking-form .result-box .status-badge.status-customs{color:#854d0e;background:linear-gradient(135deg,#fef3c7,#fde047)}form.tracking-form .result-box .status-badge.status-out-for-delivery{color:#065f46;background:linear-gradient(135deg,#d1fae5,#6ee7b7)}form.tracking-form .result-box .status-badge.status-delivered{color:#065f46;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}form.tracking-form .result-box .status-badge.status-cancelled{color:#991b1b;background:linear-gradient(135deg,#fee2e2,#fecaca)}form.tracking-form .route-map-container{background:linear-gradient(135deg,#0b1a2af2,#1a1a1ae6);border:2px solid #d4af374d;border-radius:20px;margin-top:1.5rem;padding:2rem;animation:.5s ease-out slideIn}@media (max-width:480px){form.tracking-form .route-map-container{padding:1.5rem}}form.tracking-form .route-map-container .map-header{border-bottom:2px solid #d4af3733;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}form.tracking-form .route-map-container .map-header .header-icon{width:28px;height:28px;color:var(--lg-gold)}form.tracking-form .route-map-container .map-header h3{color:var(--lg-gold);flex:1;margin:0;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}form.tracking-form .route-map-container .map-header .live-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:20px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700;display:flex}form.tracking-form .route-map-container .map-header .live-badge .live-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite live-pulse}form.tracking-form .route-map-container .route-canvas{background:#0b1a2a80;border:1px solid #d4af3733;border-radius:12px;width:100%;height:400px}@media (max-width:768px){form.tracking-form .route-map-container .route-canvas{height:300px}}form.tracking-form .location-tracker{background:linear-gradient(135deg,#0b1a2af2,#1a1a1ae6);border:2px solid #d4af374d;border-radius:20px;margin-top:1.5rem;padding:2rem;animation:.5s ease-out .1s both slideIn}@media (max-width:480px){form.tracking-form .location-tracker{padding:1.5rem}}form.tracking-form .location-tracker .tracker-header{border-bottom:2px solid #d4af3733;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}form.tracking-form .location-tracker .tracker-header .header-icon{width:28px;height:28px;color:var(--lg-gold);animation:3s linear infinite spin}form.tracking-form .location-tracker .tracker-header h3{color:var(--lg-gold);flex:1;margin:0;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700}form.tracking-form .location-tracker .tracker-header .truck-icon{color:#4a90e2;width:32px;height:32px;animation:2s ease-in-out infinite truck-drive}form.tracking-form .location-tracker .progress-container{margin-bottom:2.5rem}form.tracking-form .location-tracker .progress-container .progress-info{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}form.tracking-form .location-tracker .progress-container .progress-info .progress-label{color:var(--lg-gold-light);font-size:.9rem;font-weight:600}form.tracking-form .location-tracker .progress-container .progress-info .progress-percentage{color:var(--lg-gold);font-size:1.2rem;font-weight:700}form.tracking-form .location-tracker .progress-container .progress-bar{background:#2e3540cc;border-radius:10px;height:12px;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}form.tracking-form .location-tracker .progress-container .progress-bar .progress-fill{background:linear-gradient(90deg,var(--lg-gold-dark),var(--lg-gold),var(--lg-gold-light));border-radius:10px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);animation:2s infinite shimmer;position:relative}form.tracking-form .location-tracker .progress-container .progress-bar .progress-fill .progress-glow{background:linear-gradient(90deg,#0000,#fff9);width:30px;height:100%;animation:1.5s ease-in-out infinite glowMove;position:absolute;top:0;right:0}form.tracking-form .location-tracker .progress-container .checkpoint-info{text-align:center;color:#e6c76fb3;margin-top:.5rem;font-size:.85rem}form.tracking-form .location-tracker .locations-container{grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;margin-bottom:2.5rem;display:grid}@media (max-width:768px){form.tracking-form .location-tracker .locations-container{grid-template-columns:1fr;gap:1rem}}form.tracking-form .location-tracker .locations-container .location-card{background:linear-gradient(135deg,#d4af3714,#a789280d);border:2px solid #d4af3740;border-radius:16px;padding:1.5rem;transition:all .3s;animation:.6s ease-out fadeInUp;position:relative;overflow:hidden}form.tracking-form .location-tracker .locations-container .location-card:hover{border-color:var(--lg-gold);transform:translateY(-5px);box-shadow:0 10px 30px #d4af374d}form.tracking-form .location-tracker .locations-container .location-card.current{animation-delay:.2s}form.tracking-form .location-tracker .locations-container .location-card.current .location-icon{background:linear-gradient(135deg,var(--lg-gold),var(--lg-gold-light))}form.tracking-form .location-tracker .locations-container .location-card.current .location-icon .icon-pulse{border:3px solid var(--lg-gold);border-radius:50%;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring;position:absolute;inset:-5px}form.tracking-form .location-tracker .locations-container .location-card.next{animation-delay:.4s}form.tracking-form .location-tracker .locations-container .location-card.next .location-icon{background:linear-gradient(135deg,#4a90e2,#357abd)}form.tracking-form .location-tracker .locations-container .location-card.next .location-icon .icon-glow{background:radial-gradient(circle,#4a90e266,#0000);border-radius:50%;animation:2s ease-in-out infinite glow-pulse;position:absolute;inset:0}form.tracking-form .location-tracker .locations-container .location-card .location-icon{border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1rem;display:flex;position:relative;box-shadow:0 5px 20px #d4af3766}form.tracking-form .location-tracker .locations-container .location-card .location-icon .icon{width:30px;height:30px;color:var(--lg-dark-navy);z-index:1}form.tracking-form .location-tracker .locations-container .location-card .location-content .location-badge{color:var(--lg-gold);text-transform:uppercase;letter-spacing:.5px;background:#d4af3726;border:1px solid #d4af374d;border-radius:20px;align-items:center;gap:.4rem;margin-bottom:.75rem;padding:.35rem .8rem;font-size:.75rem;font-weight:600;display:inline-flex}form.tracking-form .location-tracker .locations-container .location-card .location-content .location-badge .badge-icon{width:14px;height:14px}form.tracking-form .location-tracker .locations-container .location-card .location-content .location-badge.next-badge{color:#4a90e2;background:#4a90e226;border-color:#4a90e24d}form.tracking-form .location-tracker .locations-container .location-card .location-content .location-name{color:var(--lg-gold-light);margin:0 0 .75rem;font-size:1.1rem;font-weight:700;line-height:1.3}form.tracking-form .location-tracker .locations-container .location-card .location-content .location-details{flex-direction:column;gap:.4rem;margin-bottom:.75rem;display:flex}form.tracking-form .location-tracker .locations-container .location-card .location-content .location-details .detail-item{color:#e6c76fcc;font-size:.85rem}form.tracking-form .location-tracker .locations-container .location-card .location-content .location-details .detail-item.coords{color:#e6c76f99;font-family:Courier New,monospace;font-size:.75rem}form.tracking-form .location-tracker .locations-container .location-card .location-content .timestamp{color:#e6c76fb3;border-top:1px solid #d4af3726;align-items:center;gap:.4rem;margin-top:.5rem;padding-top:.5rem;font-size:.8rem;display:flex}form.tracking-form .location-tracker .locations-container .location-card .location-content .timestamp .time-icon{width:14px;height:14px}form.tracking-form .location-tracker .locations-container .location-separator{flex-direction:column;align-items:center;gap:.5rem;display:flex}@media (max-width:768px){form.tracking-form .location-tracker .locations-container .location-separator{flex-direction:row;justify-content:center}}form.tracking-form .location-tracker .locations-container .location-separator .arrow-icon{width:40px;height:40px;color:var(--lg-gold);filter:drop-shadow(0 0 10px #d4af3780);animation:2s ease-in-out infinite bounce-horizontal}@media (max-width:768px){form.tracking-form .location-tracker .locations-container .location-separator .arrow-icon{transform:rotate(90deg)}}form.tracking-form .location-tracker .locations-container .location-separator .separator-line{background:linear-gradient(180deg,var(--lg-gold),transparent);width:2px;height:40px}@media (max-width:768px){form.tracking-form .location-tracker .locations-container .location-separator .separator-line{background:linear-gradient(90deg,var(--lg-gold),transparent);width:40px;height:2px}}form.tracking-form .location-tracker .locations-container .location-separator .distance-badge{color:#4a90e2;background:#4a90e233;border:1px solid #4a90e266;border-radius:15px;padding:.3rem .75rem;font-size:.75rem;font-weight:700}form.tracking-form .location-tracker .checkpoints-grid{background:#d4af370d;border:1px solid #d4af3733;border-radius:12px;margin-top:2rem;padding:1.5rem}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-header{color:var(--lg-gold);align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.1rem;font-weight:700;display:flex}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-header .header-icon{width:24px;height:24px}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}@media (max-width:640px){form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list{grid-template-columns:1fr}}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list .checkpoint-card{background:#0b1a2a80;border:1px solid #d4af3726;border-radius:10px;gap:1rem;padding:1rem;transition:all .3s;animation:.5s ease-out fadeIn;display:flex}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list .checkpoint-card:hover{background:#d4af3714;border-color:#d4af374d;transform:translate(5px)}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list .checkpoint-card.passed .checkpoint-marker{background:var(--lg-gold);box-shadow:0 0 15px #d4af3780}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list .checkpoint-card.passed .checkpoint-marker .marker-icon{width:18px;height:18px;color:var(--lg-dark-navy)}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list .checkpoint-card.current{background:#4a90e21a;border-color:#4a90e2}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list .checkpoint-card.current .checkpoint-marker{background:linear-gradient(135deg,#4a90e2,#357abd);animation:2s ease-in-out infinite pulse-glow}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list .checkpoint-card.current .checkpoint-marker .marker-icon{color:#fff;width:18px;height:18px}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list .checkpoint-card.upcoming{opacity:.6}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list .checkpoint-card.upcoming .checkpoint-marker{background:#d4af3733;border:2px solid #d4af3766}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list .checkpoint-card.upcoming .checkpoint-marker .marker-dot{width:20px;height:20px;color:var(--lg-gold);justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list .checkpoint-card .checkpoint-marker{border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;transition:all .3s;display:flex}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list .checkpoint-card .checkpoint-content{flex-direction:column;flex:1;gap:.25rem;display:flex}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list .checkpoint-card .checkpoint-content .checkpoint-title{color:var(--lg-gold-light);font-size:.95rem;font-weight:600}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list .checkpoint-card .checkpoint-content .checkpoint-subtitle{color:#e6c76fb3;font-size:.85rem}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list .checkpoint-card .checkpoint-content .checkpoint-time{color:#e6c76f80;margin-top:.25rem;font-size:.75rem}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list .checkpoint-card .checkpoint-content .checkpoint-time.eta{color:#4a90e2}form.tracking-form .location-tracker .checkpoints-grid .checkpoints-list .checkpoint-card .checkpoint-content .checkpoint-distance{color:#4a90e2cc;font-size:.75rem}form.tracking-form .location-tracker .tracking-history{background:#1a1a1a80;border:1px solid #d4af3733;border-radius:12px;margin-top:2rem;padding:1.5rem}form.tracking-form .location-tracker .tracking-history .history-header{color:var(--lg-gold);align-items:center;gap:.5rem;margin:0 0 1.5rem;font-size:1.1rem;font-weight:700;display:flex}form.tracking-form .location-tracker .tracking-history .history-header .header-icon{width:24px;height:24px}form.tracking-form .location-tracker .tracking-history .history-list{flex-direction:column;gap:1rem;display:flex}form.tracking-form .location-tracker .tracking-history .history-list .history-item{background:#d4af370d;border:1px solid #d4af3726;border-radius:10px;padding:1rem;transition:all .3s;animation:.5s ease-out fadeIn}form.tracking-form .location-tracker .tracking-history .history-list .history-item:hover{background:#d4af3714;border-color:#d4af374d;transform:translate(5px)}form.tracking-form .location-tracker .tracking-history .history-list .history-item .history-time{color:#e6c76f99;margin-bottom:.5rem;font-size:.75rem}form.tracking-form .location-tracker .tracking-history .history-list .history-item .history-content .history-status{text-transform:uppercase;border-radius:12px;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}form.tracking-form .location-tracker .tracking-history .history-list .history-item .history-content .history-description{color:var(--lg-gold-light);margin:.5rem 0;font-size:.9rem;line-height:1.5}form.tracking-form .location-tracker .tracking-history .history-list .history-item .history-content .history-location{color:#e6c76fb3;font-size:.8rem}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}@keyframes glowMove{0%,to{opacity:.5}50%{opacity:1}}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes glow-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes bounce-horizontal{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes truck-drive{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.vertical-timeline-container{background:#fff;border-radius:12px;margin-top:24px;padding:24px;box-shadow:0 2px 8px #0000001a}.timeline-header{border-bottom:2px solid #f0f0f0;align-items:center;gap:12px;margin-bottom:32px;padding-bottom:16px;display:flex}.timeline-header .header-icon{color:#d4af37}.timeline-header h3{color:#0b1a2a;flex:1;margin:0;font-size:20px}.timeline-header .live-badge{color:#fff;background:#f44;border-radius:12px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.timeline-header .live-badge .live-dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.vertical-timeline{padding-left:20px;position:relative}.timeline-step{gap:24px;min-height:120px;display:flex;position:relative}.timeline-step:last-child{min-height:auto}.timeline-left{flex-direction:column;align-items:center;display:flex;position:relative}.timeline-node{z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.timeline-node.passed{color:#fff;background:#d4af37;box-shadow:0 4px 12px #d4af3766}.timeline-node.current{color:#fff;background:#4a90e2;animation:2s infinite pulse;box-shadow:0 4px 12px #4a90e266}.timeline-node.current:after{content:"";border:2px solid #4a90e2;border-radius:50%;width:100%;height:100%;animation:2s infinite ripple;position:absolute}.timeline-node.pending{background:#f0f0f0;border:2px solid #ddd}.timeline-node.pending .node-circle{background:#bbb;border-radius:50%;width:16px;height:16px}.timeline-right{flex:1;padding-bottom:24px}.timeline-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:16px 20px;transition:all .3s}.timeline-card.passed{background:linear-gradient(135deg,#fffef7 0%,#fff 100%);border-color:#d4af37}.timeline-card.current{background:linear-gradient(135deg,#f0f7ff 0%,#fff 100%);border-color:#4a90e2;transform:scale(1.02);box-shadow:0 4px 16px #4a90e233}.timeline-card.pending{opacity:.7}.card-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-header h4{color:#0b1a2a;flex:1;margin:0;font-size:18px;font-weight:600}.card-header .current-label{color:#fff;text-transform:uppercase;background:#4a90e2;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600}.card-header .origin-label{color:#fff;text-transform:uppercase;background:#10b981;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600}.card-header .destination-label{color:#fff;text-transform:uppercase;background:#ef4444;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:600}.card-details{flex-direction:column;gap:8px;display:flex}.detail-row{color:#666;align-items:center;gap:8px;font-size:14px;display:flex}.detail-row svg{color:#999;flex-shrink:0}.detail-row.time-row{color:#10b981;font-weight:500}.detail-row.time-row svg{color:#10b981}.detail-row.time-row.eta,.detail-row.time-row.eta svg{color:#f59e0b}.detail-row.distance-row{color:#4a90e2;font-size:13px}.detail-row.distance-row svg{color:#4a90e2}.progress-summary{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;justify-content:space-around;align-items:center;margin-top:32px;padding:20px;display:flex}.summary-item{text-align:center}.summary-item .summary-value{color:#0b1a2a;margin-bottom:4px;font-size:32px;font-weight:700}.summary-item .summary-label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.summary-item.highlight .summary-value{color:#d4af37}.summary-divider{background:#d0d0d0;width:2px;height:40px}@keyframes ripple{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.node-empty-space{width:24px;height:24px}.timeline-line{flex:1;width:4px;margin-top:4px;margin-bottom:4px;position:relative}.timeline-line.completed{background:linear-gradient(#d4af37 0%,#c4a137 100%)}.timeline-line.incomplete{background:#e0e0e0}.moving-vehicle{z-index:10;transition:top .5s ease-out;position:absolute;left:50%;transform:translate(-50%)translateY(-50%)}.vehicle-icon{color:#0b1a2a;background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;animation:3s ease-in-out infinite float;display:flex;position:relative;box-shadow:0 8px 24px #4a90e280}.vehicle-icon .plane-icon{color:#0b1a2a;filter:drop-shadow(0 2px 4px #0003);animation:2s ease-in-out infinite tilt}.vehicle-pulse{border:3px solid #4a90e2;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite pulse-ring;position:absolute}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes tilt{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.next-label{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#4a90e2 0%,#357abd 100%);border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;animation:2s ease-in-out infinite pulse-glow;display:flex}.current-label{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.progress-row{color:#4a90e2;background:linear-gradient(135deg,#e0f2fe 0%,#f0f9ff 100%);border-radius:8px;margin-top:4px;padding:8px 12px;font-weight:600}.progress-row svg{color:#4a90e2}