:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#18362b;background:#f4f7f3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.loginWrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at top left,#e1f1e4,transparent 48%),#f5f8f4}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;font-size:18px}.brand small{display:block;color:#6a7f73;margin-top:3px}.mark{width:44px;height:44px;border-radius:14px;background:#13583e;color:#fff;display:grid;place-items:center;font-weight:900;font-size:22px}.loginCard{width:min(100%,440px);margin-top:24px;background:#fff;border:1px solid #dce8df;border-radius:24px;padding:28px;box-shadow:0 18px 50px #163e2412}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:#258057}.loginCard h1,.welcome h1{margin:8px 0;font-size:clamp(27px,5vw,36px);letter-spacing:-.04em}.muted{color:#6b7c72;line-height:1.55}.loginCard label,.filters label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;margin-top:17px}input,select{width:100%;min-height:44px;border:1px solid #d7e2d9;border-radius:11px;background:#fff;padding:10px 12px;font:inherit;color:#18362b}button,.linkButton{border:0;border-radius:11px;padding:12px 15px;background:#155b40;color:#fff;font:inherit;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center}button:disabled{opacity:.55;cursor:wait}.primary{width:100%;margin:20px 0 10px}.secondary{background:#eaf2ec;color:#24553d}.error{margin:14px 0;padding:12px;border-radius:10px;background:#fff0ef;color:#a3312b;font-size:14px}.workspace{max-width:1000px;margin:auto;padding:20px}.top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.user{display:flex;align-items:center;gap:12px}.welcome{margin:28px 0 20px;padding:26px;border-radius:22px;background:linear-gradient(125deg,#164f38,#267c52);color:#fff}.welcome .eyebrow{color:#b9ebc9}.welcome p:last-child{margin-bottom:0;color:#e1f3e7}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid #e0e8e0;border-radius:16px;padding:16px;margin-bottom:16px}.filters label{flex:1;min-width:150px;margin-top:0}.filters button{min-height:44px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.stats div{padding:18px;background:#fff;border:1px solid #e0e8e0;border-radius:16px}.stats small,.stats strong{display:block}.stats small{color:#708176}.stats strong{font-size:28px;margin-top:6px}.stopList{display:grid;gap:12px}.stop{background:#fff;border:1px solid #e0e8e0;border-radius:18px;padding:18px}.stopHead{display:flex;align-items:center;gap:12px}.number{width:34px;height:34px;border-radius:12px;background:#e3f2e7;color:#1d7049;display:grid;place-items:center;font-weight:850;flex:none}.stopTitle{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.stop h2{font-size:18px;margin:0}.status{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:6px 9px;border-radius:999px;background:#fff0d8;color:#895315}.status.done{background:#dff4e6;color:#176b3f}.status.picked{background:#dceeff;color:#1d5685}.stop p{line-height:1.5;color:#56695e}.phone{display:inline-block;color:#176b48;font-weight:700;text-decoration:none;margin-bottom:12px}.stopActions{display:flex;gap:8px;flex-wrap:wrap}.linkButton{background:#eaf2ec;color:#24553d}.empty{text-align:center;background:#fff;border:1px dashed #cbd9ce;border-radius:18px;padding:32px;margin-top:18px}.empty h2{margin-top:0}@media(max-width:560px){.workspace{padding:14px}.welcome{padding:21px}.stats div{padding:13px}.stats strong{font-size:23px}.stop{padding:14px}.stopActions>*{flex:1;min-width:120px}.filters>*{width:100%}.user{width:100%;justify-content:space-between}}.routePreview{margin:18px 0 20px;padding:18px;background:#fff;border:1px solid #dfe9e1;border-radius:22px;box-shadow:0 12px 36px #193d2410;overflow:hidden}.routePreviewHead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.routePreviewHead h2{font-size:21px;letter-spacing:-.035em;margin:5px 0}.routePreviewHead p{font-size:12px;color:#6c7d72;margin:0;line-height:1.5}.routeLive{display:inline-flex;align-items:center;gap:7px;background:#e4f5e9;color:#176d3e;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;white-space:nowrap}.routeLive i{width:7px;height:7px;border-radius:50%;background:#24934f}.routeMapCanvas{position:relative;height:310px;overflow:hidden;border-radius:17px;background-color:#e9f1e8;background-image:linear-gradient(30deg,transparent 48%,#d4e4d3 49%,#d4e4d3 50%,transparent 51%),linear-gradient(120deg,transparent 48%,#d8e5d6 49%,#d8e5d6 50%,transparent 51%),linear-gradient(#dce8d9 1px,transparent 1px),linear-gradient(90deg,#dce8d9 1px,transparent 1px);background-size:130px 110px,170px 140px,36px 36px,36px 36px}.mapRoad{position:absolute;height:15px;border:4px solid #fffdf5;background:#d6dfd3;border-left:0;border-right:0;border-radius:99px;opacity:.95}.roadOne{width:125%;left:-10%;top:43%;transform:rotate(-18deg)}.roadTwo{width:115%;left:-5%;top:69%;transform:rotate(14deg)}.roadThree{width:90%;left:20%;top:26%;transform:rotate(47deg)}.roadFour{width:90%;left:-8%;top:83%;transform:rotate(-48deg)}.mapRiver{position:absolute;right:-8%;top:-25%;width:18%;height:150%;background:#c9e5e8;transform:rotate(12deg);border-left:4px solid #f8fff8;border-radius:50%}.routeLine{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 1px 0 #fff)}.mapStop{position:absolute;z-index:2;display:flex;align-items:center;gap:5px;transform:translate(-8%,-50%);max-width:42%}.mapStopPin{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50% 50% 50% 5px;transform:rotate(-45deg);box-shadow:0 2px 6px #163b2530;border:2px solid white;background:#2879bf;color:#fff;font-size:11px;font-weight:900}.mapStopPin:first-letter{transform:rotate(45deg)}.mapStopDone .mapStopPin{background:#17864a}.mapStopPending .mapStopPin{background:#277dbd}.mapStopLabel{display:flex;flex-direction:column;gap:2px;max-width:120px;padding:5px 8px;border:1px solid #e0e9df;border-radius:9px;background:#ffffffed;box-shadow:0 2px 7px #203b2810}.mapStopLabel b{font-size:10px;color:#234433;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mapStopLabel small{font-size:9px;color:#738176}.mapStopDone .mapStopLabel small{color:#168047;font-weight:800}.mapOrigin{position:absolute;left:4%;bottom:5%;z-index:3;display:flex;align-items:center;gap:6px;padding:7px 10px;background:#173f2d;color:#fff;border:2px solid white;border-radius:11px;box-shadow:0 3px 10px #183b2630;font-size:10px}.mapOrigin span{font-size:15px}.mapCompass{position:absolute;top:10px;right:12px;padding:6px 8px;border-radius:8px;background:#ffffffdc;color:#3c6550;font-size:10px;font-weight:900}.mapAttribution{position:absolute;right:8px;bottom:7px;font-size:8px;color:#718174;background:#ffffffc9;padding:4px 6px;border-radius:5px}.mapLegend{display:flex;flex-wrap:wrap;gap:14px;padding:14px 2px 12px;color:#637468;font-size:11px}.mapLegend span{display:flex;align-items:center;gap:6px}.mapLegend i{display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;font-size:10px;font-style:normal;font-weight:900}.legendGreen{background:#dff4e6;color:#13713b}.legendBlue{background:#e1effb;color:#277dbd}.legendDark{background:#173f2d;color:#fff}.routePreviewFoot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-top:12px;border-top:1px solid #edf1ed}.routePreviewFoot>div{display:flex;flex-direction:column;gap:4px}.routePreviewFoot strong{font-size:13px;color:#1c5035}.routePreviewFoot small{font-size:10px;color:#7a887d}@media(max-width:560px){.routePreview{padding:12px;border-radius:18px}.routePreviewHead{gap:8px}.routePreviewHead h2{font-size:18px}.routePreviewHead p{max-width:250px}.routeLive{font-size:9px;padding:6px 7px}.routeMapCanvas{height:270px}.mapStop{gap:3px;max-width:45%}.mapStopPin{width:23px;height:23px;font-size:9px}.mapStopLabel{padding:4px 5px;max-width:95px}.mapStopLabel b{font-size:9px}.mapStopLabel small{font-size:8px}.mapLegend{gap:9px;font-size:10px}.routePreviewFoot strong{font-size:11px}.routePreviewFoot small{font-size:9px}}.deliveryHome{min-height:100vh;background:#f7faf6;color:#173b2d}.deliveryNav{max-width:1200px;margin:auto;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.navActions,.heroActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.deliveryHero{max-width:1200px;margin:18px auto 48px;padding:48px 28px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:42px}.heroPill{display:inline-flex;padding:9px 13px;border-radius:99px;background:#e4f3e8;color:#237447;font-size:11px;font-weight:800;letter-spacing:1.2px}.heroCopy h1{font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-2.5px;margin:22px 0 18px}.heroCopy h1 em{font-style:normal;color:#25804b}.heroCopy>p{max-width:560px;color:#63776a;line-height:1.8;font-size:16px}.heroActions{margin-top:26px}.heroActions button{min-height:46px}.heroTrust{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px;color:#587263;font-size:12px}.heroTrust span:first-letter{color:#23814b}.heroArtwork{height:390px;position:relative;border-radius:32px;overflow:hidden;background:linear-gradient(145deg,#d9efdd,#eff6df 65%,#f9e9c7)}.artSun{position:absolute;width:190px;height:190px;border-radius:50%;background:#f5d78e;right:45px;top:36px}.artRoad{position:absolute;width:140%;height:155px;left:-15%;bottom:50px;background:#c2d5bf;transform:rotate(-17deg);border-radius:50%;border:18px solid #fff9e9;box-shadow:0 0 0 2px #bdd1b9}.artRoad i{position:absolute;top:50%;width:34px;border-top:3px dashed #fff;transform:translateY(-50%)}.artRoad i:nth-child(1){left:10%}.artRoad i:nth-child(2){left:35%}.artRoad i:nth-child(3){left:60%}.artRoad i:nth-child(4){left:85%}.artBike{position:absolute;left:42%;top:39%;font-size:70px;filter:drop-shadow(0 9px 5px #78977b66);transform:rotate(-12deg)}.artCard{position:absolute;background:#fff;border:1px solid #ffffffb8;border-radius:17px;padding:17px 19px;box-shadow:0 14px 36px #21452c18;display:flex;flex-direction:column;gap:6px}.artCardTop{top:25px;left:25px;max-width:245px}.artCardTop span{font-size:9px;letter-spacing:1.3px;color:#2a8750;font-weight:800}.artCardTop strong{font-size:16px}.artCard small{font-size:11px;color:#728174}.artCardBottom{right:18px;bottom:18px}.artCardBottom b{font-size:12px}.onlineDot{width:7px;height:7px;background:#35a562;border-radius:50%;display:inline-block}.artPin{position:absolute;display:grid;place-items:center;width:38px;height:38px;border-radius:50% 50% 50% 6px;transform:rotate(-45deg);background:#23804a;color:#fff;font-weight:800;box-shadow:0 8px 16px #245a3640}.artPin:first-letter{transform:rotate(45deg)}.pinOne{top:48%;left:17%}.pinTwo{top:28%;right:22%;background:#f1a64d}.deliverySteps{max-width:1144px;margin:0 auto 65px;padding:0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.deliverySteps article{background:#fff;border:1px solid #e6eee5;border-radius:20px;padding:25px}.deliverySteps article>span{color:#25804b;font-size:12px;font-weight:900;letter-spacing:1px}.deliverySteps h3{margin:12px 0 7px}.deliverySteps p,.accessIntro p{color:#697b6e;font-size:14px;line-height:1.75;margin:0}.accessSection{max-width:1144px;margin:0 auto;padding:24px 28px 78px;display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start}.accessIntro{padding-top:28px}.accessIntro h2{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:14px 0}.textButton{border:0;background:transparent;color:#247b49;font-weight:750;padding:12px 0;cursor:pointer;text-align:left}.accessCard{background:#fff;border:1px solid #e5eee5;border-radius:24px;padding:30px;box-shadow:0 16px 44px #23472d0b}.accessCard h2{font-size:25px;margin:8px 0 18px}.accessCard form>label{margin:14px 0}.accessCard label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#3e5848}.accessCard input,.accessCard select{width:100%;min-height:44px;border:1px solid #dce6dc;border-radius:10px;background:#fbfdfb;padding:10px 12px;color:#183b2c;font:inherit;font-size:14px;outline:none}.accessCard input:focus,.accessCard select:focus{border-color:#35965a;box-shadow:0 0 0 3px #35965a20}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formGrid label{margin:0}.formGrid small,.formFootnote{font-size:11px;color:#78887b;font-weight:400;line-height:1.6}.fullButton{width:100%;margin-top:18px;min-height:47px}.successNotice{background:#eaf7ed;border:1px solid #cce9d3;color:#1f6a3d;border-radius:10px;padding:12px;font-size:13px;margin-top:14px;line-height:1.5}.formFootnote{display:block;margin-top:13px}.deliveryFooter{border-top:1px solid #e4ece2;max-width:1200px;margin:auto;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#718074;font-size:11px}.deliveryFooter .brand{display:flex;align-items:center;gap:10px}.deliveryFooter .brand>div{display:flex;flex-direction:column;gap:3px}.deliveryFooter .brand strong{font-size:13px;color:#183b2c}.deliveryFooter .brand small{font-size:11px}@media(max-width:800px){.deliveryNav{padding:17px 18px}.deliveryNav .brand small{display:none}.deliveryNav .navActions{gap:7px}.deliveryNav button{padding:10px 12px;font-size:12px}.deliveryHero{margin:0 auto 30px;padding:28px 20px 35px;grid-template-columns:1fr;gap:28px}.heroCopy h1{font-size:43px;letter-spacing:-1.8px}.heroCopy>p{font-size:14px}.heroTrust{gap:9px 14px}.heroArtwork{height:300px;border-radius:24px}.artBike{font-size:56px}.artCardTop{top:15px;left:15px}.artCardBottom{right:12px;bottom:12px}.deliverySteps{padding:0 20px;margin-bottom:35px;grid-template-columns:1fr;gap:12px}.deliverySteps article{padding:20px}.accessSection{padding:10px 20px 48px;grid-template-columns:1fr;gap:18px}.accessIntro{padding-top:0}.accessIntro h2{font-size:29px}.accessCard{padding:22px 18px;border-radius:18px}.formGrid{grid-template-columns:1fr}.deliveryFooter{padding:22px 20px;align-items:flex-start;flex-direction:column}.heroActions{align-items:stretch;flex-direction:column}.heroActions button{width:100%}}