*{box-sizing:border-box}body{color:#fff;background:#08111f;margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}button,input,select{font:inherit}button,a{cursor:pointer}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08111fc7;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:20px;padding:18px 6vw;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brandIcon{color:#08111f;background:#38bdf8;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.brand b{font-size:22px}.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{width:min(1180px,92vw);margin:auto}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:34px;padding:60px 0;display:grid}.pill{color:#bae6fd;background:#38bdf821;border:1px solid #38bdf840;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:14px;font-weight:800;display:inline-flex}.hero h1{margin:18px 0;font-size:clamp(42px,7vw,82px);line-height:.95}.hero p{color:#b6c4d8;font-size:19px;line-height:1.6}.quickTrack{background:#ffffff14;border:1px solid #ffffff1a;border-radius:22px;gap:12px;margin-top:24px;padding:10px;display:flex}.quickTrack input,.trackInput input{color:#fff;background:0 0;border:0;outline:0;flex:1;padding:14px}.quickTrack button,.trackInput button,.primary{color:#06111f;background:#38bdf8;border:0;border-radius:16px;align-items:center;gap:8px;padding:14px 20px;font-weight:900;display:inline-flex}.heroActions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.wa{color:#04111f;background:#34d399;border-radius:16px;padding:13px 16px;font-weight:900;text-decoration:none}.wa.alt{color:#fff;background:#ffffff1a}.deliveryCard,.panel,.searchBox,.guideResult,.login,.metric{background:#ffffff14;border:1px solid #ffffff1a;border-radius:32px;box-shadow:0 24px 70px #00000040}.deliveryCard{padding:18px}.mapBg,.mapLike{background-color:#dcefd4;background-image:linear-gradient(90deg,#ffffffb3 1px,#0000 1px),linear-gradient(#ffffffb3 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:44px 44px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:24px;height:360px;position:relative;overflow:hidden}.road{background:#fff;border-radius:999px;position:absolute;box-shadow:0 4px 12px #0000001f}.r1{width:120%;height:32px;top:52%;left:-10%;transform:rotate(-10deg)}.r2{width:95%;height:32px;top:18%;left:7%;transform:rotate(25deg)}.routeLine{background:#0284c7;border-radius:999px;width:70%;height:9px;position:absolute;top:58%;left:12%;transform:rotate(-24deg)}.pin{color:#0f172a;background:#fff;border-radius:14px;padding:8px 10px;font-size:12px;font-weight:900;position:absolute;box-shadow:0 10px 25px #0003}.start{bottom:18%;left:7%}.now{background:#38bdf8;top:38%;left:42%}.end{top:17%;right:7%}.truckArt{color:#0284c7;background:#fff;border-radius:26px;place-items:center;width:86px;height:86px;display:grid;position:absolute;top:43%;left:46%;box-shadow:0 18px 40px #00000038}.deliveryInfo{justify-content:space-between;gap:10px;padding:18px;display:flex}.deliveryInfo span{color:#94a3b8}.cards{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.four{grid-template-columns:repeat(4,1fr)}.three{grid-template-columns:repeat(3,1fr)}.metric{padding:24px}.metric b{color:#67e8f9;font-size:42px;display:block}.metric span{color:#cbd5e1}.split{grid-template-columns:1fr 1fr;gap:18px;margin:18px 0 40px;display:grid}.panel{padding:26px}.panel h2{margin-top:0}.step{background:#08111fad;border-radius:18px;align-items:center;gap:14px;margin:12px 0;padding:15px;display:flex}.step b{color:#06111f;background:#38bdf8;border-radius:14px;place-items:center;width:38px;height:38px;display:grid}.carrier{border-radius:20px;margin:12px 0;padding:18px}.carrier b{font-size:28px}.carrier span{display:block}.yellow{color:#111;background:#fc0}.purple{background:#4d148c}.blue{color:#06111f;background:#38bdf8}.page,.loginPage,.admin{padding:40px 0}.searchBox{text-align:center;margin-bottom:20px;padding:38px}.searchBox h1,.admin h1{margin:0;font-size:44px}.trackInput{background:#ffffff14;border:1px solid #ffffff1a;border-radius:22px;max-width:650px;margin:20px auto 0;padding:10px;display:flex}.error{color:#fecaca;background:#f8717126;border:1px solid #f8717140;border-radius:14px;margin-top:14px;padding:12px}.guideResult{padding:24px}.resultHead{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.resultHead span,.info span{color:#94a3b8}.resultHead h2{margin:4px 0}.progress{background:#ffffff1a;border-radius:999px;height:12px;margin:18px 0;overflow:hidden}.progress i{background:#34d399;height:100%;display:block}.info{background:#ffffff14;border-radius:20px;padding:18px}.info b{margin-top:5px;display:block}.timeline{margin-top:18px}.event{color:#94a3b8;background:#ffffff0f;border-radius:18px;align-items:flex-start;gap:12px;margin:10px 0;padding:14px;display:flex}.event.done{color:#fff}.event.done svg{color:#34d399}.event span{color:#94a3b8;font-size:13px;display:block}.login{text-align:center;max-width:430px;margin:40px auto;padding:32px}.login input,.form input,.form select{color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:14px;width:100%;margin:7px 0;padding:13px}.login button{color:#06111f;background:#38bdf8;border:0;border-radius:16px;width:100%;padding:14px;font-weight:900}.adminHead{justify-content:space-between;align-items:center;display:flex}.adminGrid{grid-template-columns:.9fr .75fr;gap:18px;margin-top:18px;display:grid}.wide{grid-column:1/3}.form{grid-template-columns:1fr 1fr;gap:8px;display:grid}.full{justify-content:center;width:100%;margin-top:12px}.list{gap:10px;max-height:430px;display:grid;overflow:auto}.list button{color:#fff;text-align:left;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;padding:14px}.list .selected{background:#38bdf82e;border-color:#38bdf8}.list span{color:#94a3b8;font-size:13px;display:block}.eventEdit{gap:8px;margin:14px 0;display:grid}.eventEdit label{background:#ffffff12;border-radius:12px;padding:11px}footer{color:#94a3b8;border-top:1px solid #ffffff1a;justify-content:space-between;gap:20px;padding:28px 6vw;display:flex}footer b{color:#fff}@media (width<=850px){.hero,.split,.adminGrid,.four,.three,.cards,.resultHead{grid-template-columns:1fr}.wide{grid-column:auto}.quickTrack,.trackInput{flex-direction:column}.topbar{flex-direction:column;align-items:flex-start}.form{grid-template-columns:1fr}.hero h1{font-size:46px}}