*{box-sizing:border-box}body{color:#fff;background:#07111f;margin:0;font-family:Inter,system-ui,Segoe UI,Arial}button,a,input,select,textarea{font:inherit}button,a{cursor:pointer}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#07111fd1;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:20px;padding:18px 5%;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brandIcon{color:#06111f;background:#38bdf8;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.brand b{font-size:22px;display:block}.brand span{color:#94a3b8;font-size:13px;display:block}nav{flex-wrap:wrap;gap:8px;display:flex}nav button,.ghost{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;padding:10px 14px}.active,.primary{font-weight:900;color:#06111f!important;background:#38bdf8!important;border-color:#38bdf8!important}main{max-width:1180px;margin:auto;padding:28px 20px}.hero{background:radial-gradient(circle at 0 0,#38bdf840,#0000 35%),#ffffff12;border:1px solid #ffffff1a;border-radius:34px;grid-template-columns:1.1fr .9fr;align-items:center;gap:28px;padding:42px;display:grid;box-shadow:0 30px 90px #00000059}.pill{color:#bae6fd;background:#38bdf826;border:1px solid #38bdf833;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:800;display:inline-flex}.hero h1{margin:18px 0;font-size:clamp(44px,7vw,78px);line-height:.92}.hero p,.page p{color:#cbd5e1;font-size:18px;line-height:1.5}.quickTrack{background:#07111f;border-radius:20px;gap:10px;margin-top:24px;padding:10px;display:flex}.quickTrack input,.trackInput input{flex:1}.quickTrack input,.trackInput input,input,select,textarea{color:#fff;background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;outline:none;padding:14px}textarea{resize:vertical;min-height:80px}select option{background:#0f172a}.quickTrack button,.trackInput button,.login button{color:#06111f;background:#38bdf8;border:0;border-radius:16px;align-items:center;gap:8px;padding:0 20px;font-weight:900;display:inline-flex}.heroActions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.wa{color:#04130a;background:#22c55e;border-radius:16px;padding:13px 18px;font-weight:900;text-decoration:none}.wa.alt{color:#fff;background:#ffffff1a}.deliveryCard,.panel,.searchBox,.guideResult,.login,.metric{background:#ffffff12;border:1px solid #ffffff1a;border-radius:28px;box-shadow:0 24px 70px #00000040}.deliveryCard{overflow:hidden}.mapPreview,.fallbackMap{background:#dcebd3;height:360px;position:relative;overflow:hidden}.mapPreview:before,.fallbackMap:before{content:"";background-image:linear-gradient(90deg,#ffffffa6 1px,#0000 1px),linear-gradient(#ffffffa6 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.road{background:#fff;border-radius:999px;position:absolute;box-shadow:0 4px 12px #0000001f}.r1{width:120%;height:30px;top:52%;left:-10%;transform:rotate(-9deg)}.r2{width:90%;height:30px;top:22%;left:6%;transform:rotate(24deg)}.routeLine{background:#0284c7;border-radius:999px;width:64%;height:8px;position:absolute;top:57%;left:16%;transform:rotate(-21deg)}.truckArt{color:#06111f;background:#38bdf8;border-radius:24px;padding:18px;position:absolute;top:43%;left:43%;box-shadow:0 18px 38px #0284c759}.pin{color:#0f172a;background:#fff;border-radius:14px;max-width:160px;padding:8px 10px;font-size:12px;font-weight:900;position:absolute;box-shadow:0 12px 30px #00000040}.pin.start{top:62%;left:8%}.pin.now{color:#052e16;background:#22c55e;top:32%;left:42%}.pin.end{top:17%;right:7%}.deliveryInfo{justify-content:space-between;gap:16px;padding:18px;display:flex}.deliveryInfo span{color:#94a3b8}.cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:22px;display:grid}.cards.three{grid-template-columns:repeat(3,1fr)}.metric{padding:22px}.metric b{color:#7dd3fc;font-size:42px;display:block}.metric span{color:#cbd5e1}.split{grid-template-columns:1fr 1fr;gap:18px;margin-top:24px;display:grid}.panel{padding:24px}.step{background:#0f172ac2;border-radius:18px;align-items:center;gap:14px;margin:12px 0;padding:16px;display:flex}.step b{color:#07111f;background:#38bdf8;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.carrier{border-radius:20px;margin:12px 0;padding:18px}.carrier b{font-size:28px;display:block}.yellow{color:#111;background:#fc0}.purple{background:#4d148c}.blue{color:#06111f;background:#38bdf8}.page{max-width:1080px}.searchBox{padding:34px}.trackInput{gap:10px;margin-top:18px;display:flex}.error,.incident{color:#fecaca;background:#ef444424;border:1px solid #ef444440;border-radius:16px;margin-top:14px;padding:14px}.incident{align-items:center;gap:10px;display:flex}.incident span{color:#fecaca}.guideResult{margin-top:24px;padding:24px}.resultHead{border-bottom:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:18px;display:grid}.resultHead span,.info span{color:#94a3b8}.resultHead h2{margin:4px 0 0}.progress{background:#ffffff17;border-radius:999px;height:12px;margin:18px 0;overflow:hidden}.progress i{background:#22c55e;height:100%;display:block}.info{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;padding:18px}.info b{margin-top:6px;display:block}.timeline{gap:10px;margin-top:18px;display:grid}.event{color:#94a3b8;border:1px solid #ffffff1a;border-radius:18px;gap:12px;padding:14px;display:flex}.event.done{color:#fff;background:#22c55e1a}.event span{color:#94a3b8;font-size:13px;display:block}.mapWrap{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;margin-top:20px;overflow:hidden}.mapTitle{border-bottom:1px solid #ffffff1a;align-items:center;gap:8px;padding:14px 18px;display:flex}.googleMap{min-height:420px;position:relative}.fallbackMap{height:420px}.fallbackMap p{color:#fff;background:#07111fe0;border-radius:16px;margin:0;padding:14px;position:absolute;bottom:18px;left:18px;right:18px}.loginPage{place-items:center;min-height:70vh;display:grid}.login{gap:14px;width:min(460px,100%);padding:32px;display:grid}.adminHead{justify-content:space-between;align-items:center;gap:16px;display:flex}.adminGrid{grid-template-columns:1fr .7fr;gap:18px;margin-top:22px;display:grid}.wide{grid-column:1/-1}.form{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.form textarea{grid-column:1/-1}.full{width:100%;margin-top:14px}.list{gap:10px;max-height:410px;margin-top:12px;display:grid;overflow:auto}.list button{text-align:left;color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;padding:13px}.list button span{color:#94a3b8;display:block}.selected{background:#38bdf826!important;border-color:#38bdf8!important}.eventEdit{gap:8px;margin:16px 0;display:grid}.eventEdit label{background:#ffffff0f;border-radius:14px;padding:12px}footer{color:#94a3b8;border-top:1px solid #ffffff14;justify-content:space-between;gap:18px;margin-top:32px;padding:30px 5%;display:flex}footer b{color:#fff}@media (width<=850px){.hero,.split,.adminGrid,.cards,.cards.three,.cards.four,.resultHead{grid-template-columns:1fr}.quickTrack,.trackInput{flex-direction:column}.topbar{flex-direction:column;align-items:flex-start}.form{grid-template-columns:1fr}.hero{padding:24px}.googleMap{min-height:340px}}@media print{.topbar,footer,.login,.adminHead,.quickTrack,.heroActions{display:none}.guideResult,.panel,.searchBox{box-shadow:none;color:#111;background:#fff;border:1px solid #111}.googleMap{height:360px}.event,.info{color:#111;border:1px solid #111}.event span,.info span{color:#333}}