.order-app{color:#173e32;background:#f5f5ef;min-height:100vh;font-family:system-ui,sans-serif}.order-header{justify-content:space-between;align-items:center;max-width:1120px;margin:auto;padding:24px;display:flex}.order-header>a:last-child{color:#315749;font-size:14px;text-decoration:none}.order-main{max-width:1060px;margin:auto;padding:16px 24px 60px}.order-intro{justify-content:space-between;align-items:center;gap:24px;margin:20px 0 36px;display:flex}.order-eyebrow{letter-spacing:.08em;color:#5c7764;font-size:12px;font-weight:700}.order-intro h1{letter-spacing:-.04em;margin:14px 0;font-size:clamp(34px,5vw,58px);line-height:1.25}.order-intro p{color:#66766b;line-height:1.8}.tank-art{text-align:center;background:#dfebd7;border-radius:50% 50% 20px 20px;flex-shrink:0;place-content:center;width:210px;height:220px;display:grid;transform:rotate(5deg)}.tank-art img{width:112px;margin:auto auto 15px}.tank-art span{font-size:12px}.order-layout{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.order-fields{gap:18px;display:grid}.order-card{background:#fff;border:1px solid #e4e8df;border-radius:24px;padding:26px;box-shadow:0 6px 24px #183e3104}.order-card h2{align-items:center;gap:12px;margin:0 0 23px;font-size:20px;display:flex}.order-card h2>span{color:#61735c;border:1px solid #d8e3d1;border-radius:50%;place-content:center;width:32px;height:32px;font-size:12px;display:grid}.order-card label{font-size:14px;font-weight:600;display:block}.order-card select,.order-card input[type=number]{box-sizing:border-box;width:100%;font:inherit;color:#173e32;background:#fafbf7;border:1px solid #dce3d8;border-radius:12px;min-height:49px;margin:8px 0 0;padding:14px 12px}.order-muted{color:#6a786e;font-size:14px;line-height:1.8}.order-text-link{color:#316449;font-size:13px}.tank-row{grid-template-columns:1fr 100px;gap:16px;display:grid}.order-card fieldset{border:0;min-width:0;margin:25px 0 20px;padding:0}.order-card legend{margin-bottom:12px;font-size:14px;font-weight:600}.order-card legend small{color:#768074;margin-left:6px;font-weight:400}.fill-options{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.choice{cursor:pointer;position:relative}.choice input{opacity:0;width:1px;height:1px;position:absolute}.choice>span{text-align:center;border:1px solid #dce3d8;border-radius:12px;padding:15px 6px;font-size:13px;transition:background .15s;display:block}.choice input:checked+span{color:#1a5036;background:#edf5e7;border-color:#42765c;box-shadow:inset 0 0 0 1px #42765c}.choice input:focus-visible+span{outline-offset:3px;outline:3px solid #b5cf89}.service-options{gap:10px;display:grid}.service-choice>span{text-align:left;padding:16px}.service-choice strong,.service-choice small{display:block}.service-choice small{color:#657563;margin-top:5px;font-weight:400}.order-summary{position:sticky;top:24px}.order-summary h2{margin-top:12px}.summary-item{border-bottom:1px dashed #dce3d8;gap:8px;padding:0 0 22px;font-size:14px;display:grid}.summary-item span{color:#6a786e}.order-summary dl>div{justify-content:space-between;gap:12px;margin:18px 0;font-size:14px;display:flex}.order-summary dd{white-space:nowrap;margin:0}.order-summary .order-total{border-top:1px solid #e0e6dd;padding-top:20px;font-size:20px;font-weight:700}.order-primary{color:#fff;box-sizing:border-box;width:100%;min-height:52px;font:inherit;cursor:pointer;background:#174d38;border:0;border-radius:14px;justify-content:center;align-items:center;gap:16px;padding:15px 18px;font-weight:600;text-decoration:none;display:flex}.order-primary:disabled{opacity:.5;cursor:wait}.order-primary:hover{background:#246246}.order-footnote{color:#7b8479;text-align:center;font-size:12px;line-height:1.7}.order-footer{text-align:center;color:#7a887c;padding:28px;font-size:12px}.order-empty,.order-success{text-align:center;max-width:520px;margin:20px auto;padding:40px 26px}.order-empty h2,.order-success h2{justify-content:center}.order-code{color:#1c5b3b;margin:16px 0;font-size:clamp(20px,5vw,28px);display:block}.success-mark{color:#315e39;background:#e8f2df;border-radius:50%;place-content:center;width:64px;height:64px;margin:0 auto 24px;font-size:32px;display:grid}.order-app [hidden]{display:none!important}#order-message{color:#a4422d;font-size:14px;line-height:1.7}.order-app :focus-visible{outline-offset:3px;outline:3px solid #86a45e}@media (width<=700px){.order-header{padding:18px 20px}.order-main{padding:8px 16px 30px}.order-intro{gap:10px;margin:12px 4px 28px}.order-intro h1{font-size:34px}.order-intro p{font-size:13px}.order-eyebrow{font-size:10px}.tank-art{border-radius:50px 50px 15px 15px;width:95px;height:140px}.tank-art img{width:65px}.tank-art span{font-size:9px}.order-layout{grid-template-columns:1fr;gap:18px}.order-card{border-radius:20px;padding:22px 18px}.order-summary{position:static}.order-card h2{font-size:18px}.fill-options{grid-template-columns:repeat(2,1fr)}.order-header .brand{font-size:22px}}.order-promo{margin-top:20px}.order-promo input{width:100%;font:inherit;text-transform:uppercase;background:#fafbf7;border:1px solid #dce3d8;border-radius:10px;margin-top:8px;padding:12px;display:block}.line-main{max-width:900px}.line-menu-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.line-service{color:#193f32;background:#fff;border:1px solid #dce5d8;border-radius:24px;align-items:center;gap:18px;padding:26px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.line-service:hover{transform:translateY(-2px);box-shadow:0 6px 20px #173e3210}.line-service:focus-visible{outline-offset:3px;outline:3px solid #609d61}.line-service-featured{color:#fff;background:#194d3a;grid-column:1/-1}.line-service h2{margin:0 0 8px;font-size:20px}.line-service p{opacity:.8;margin:0;font-size:14px;line-height:1.7}.line-service-icon{flex-shrink:0;font-size:30px}.line-service-arrow{margin-left:auto;font-size:22px}.contact-card{text-align:center;max-width:620px;margin:auto}.contact-card p{color:#66766b;line-height:1.9}.contact-symbol{background:#e9f1df;border-radius:28px;place-items:center;width:88px;height:88px;margin:0 auto 24px;font-size:36px;display:grid}.contact-card .order-text-link{margin-top:24px;display:inline-block}#contact-action{margin-top:26px}.history-list{gap:16px;display:grid}.history-top,.history-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.history-top strong{overflow-wrap:anywhere;font-size:17px}.history-status{background:#eff1e9;border-radius:999px;padding:8px 12px;font-size:12px}.history-status[data-done=true]{color:#23572f;background:#dceecf}.history-card p{color:#697969;font-size:13px}.history-bottom{border-top:1px solid #edf0e7;margin:18px 0;padding-top:18px}.history-bottom strong{font-size:22px}.history-pagination{justify-content:space-between;align-items:center;gap:10px;margin-top:24px;display:flex}.history-pagination button{min-height:44px}.history-pagination button:disabled{opacity:.4}.history-pagination span{font-size:13px}#address-title{scroll-margin-top:100px}@media (width<=600px){.line-menu-grid{grid-template-columns:1fr}.line-service{padding:22px}.line-service h2{font-size:18px}.line-service p{font-size:13px}.line-main .order-intro{margin-top:10px}.history-card{padding:22px}}.line-service-featured p{color:#e1eedb;opacity:1}body.has-app-navigation{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}body.app-menu-open{overflow:hidden}header.app-header{flex-wrap:nowrap;min-height:84px}.app-header .brand{min-width:0}.app-header .brand small{font-size:12px}.app-header .app-menu-trigger{color:#1c513c;background:#fff;border:1px solid #dae4d7;border-radius:13px;flex-shrink:0;place-items:center;width:46px;height:46px;min-height:46px;padding:10px;display:grid}.app-menu-trigger svg{width:25px;height:25px}.app-bottom-nav{z-index:1000;padding:0 max(12px,calc((100vw - 800px)/2)) env(safe-area-inset-bottom,0px);background:#fff;border-top:1px solid #e2e8dd;justify-content:center;gap:0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 28px #203b3210}.app-bottom-nav>a,.app-bottom-nav>button{color:#748078;min-width:0;max-width:180px;min-height:76px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;margin:0;padding:12px 3px 9px;font-size:12px;font-weight:600;line-height:1.5;text-decoration:none;display:flex;position:relative}.app-bottom-nav svg{width:25px;height:25px}.app-bottom-nav [aria-current=page]{color:#176448;background:linear-gradient(#edf5e9,#fff)}.app-bottom-nav [aria-current=page]:before{content:"";background:#176448;border-radius:0 0 5px 5px;width:38px;height:4px;position:absolute;top:0}.app-bottom-nav [aria-current=page] svg{stroke-width:2.3px}.app-bottom-nav>a:hover,.app-bottom-nav>button:hover{color:#176448;background:#f1f6ee}.app-menu{color:#254538;overscroll-behavior:contain;background:#fff;border:0;width:min(420px,100%);max-width:100%;height:100dvh;max-height:100%;margin:0;padding:0;position:fixed;inset:0 0 0 auto;overflow:auto;box-shadow:-16px 0 60px #17332b26}.app-menu::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#102c245c}.app-menu[open]{flex-direction:column;animation:.18s ease-out app-menu-in;display:flex}.app-menu-profile{z-index:1;min-height:130px;padding:24px 22px;padding-top:max(24px,env(safe-area-inset-top,0px));color:#fff;background:#176448;align-items:center;gap:14px;display:flex;position:sticky;top:0}.app-menu-avatar{background:#ffffff15;border:1px solid #ffffff65;border-radius:50%;flex-shrink:0;place-items:center;width:58px;height:58px;display:grid}.app-menu-avatar svg{width:42px;height:42px}.app-menu-profile>div{flex:1;min-width:0}.app-menu-profile h2{overflow-wrap:anywhere;margin:0 0 5px;font-size:22px;line-height:1.4}.app-menu-role{color:#dbefe1;margin:0;font-size:12px}.app-menu .app-menu-close{color:#fff;background:#ffffff12;border:1px solid #ffffff35;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;min-height:42px;margin-left:auto;padding:9px;display:grid}.app-menu-close svg{width:23px;height:23px}.app-menu-links{padding:10px 0}.app-menu-links a{color:#68786f;border-bottom:1px solid #edf0e9;align-items:center;gap:18px;min-height:78px;padding:18px 26px;font-size:16px;font-weight:600;text-decoration:none;display:flex}.app-menu-links svg{flex-shrink:0;width:27px;height:27px}.app-menu-links a[aria-current=page]{color:#176448;background:#f0f6ec;box-shadow:inset 4px 0 #176448}.app-menu-chevron{color:#a8b2a7;margin-left:auto;font-size:24px}.app-menu-footer{padding:22px 24px max(24px,env(safe-area-inset-bottom,0px));margin-top:auto}.app-menu .app-menu-logout,.app-menu .app-menu-login{color:#fff;width:100%;min-height:54px;font:inherit;background:#176448;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px;font-weight:700;text-decoration:none;display:flex}.app-menu-logout svg{width:22px;height:22px}.app-menu-caption{text-align:center;color:#89948b;margin:18px 0 0;font-size:11px}.app-menu-error{color:#a34636;font-size:13px}.app-menu-error:empty{display:none}.app-menu a:focus-visible,.app-menu button:focus-visible,.app-bottom-nav a:focus-visible,.app-bottom-nav button:focus-visible{outline-offset:-4px;outline:3px solid #c89534}@keyframes app-menu-in{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.app-menu[open]{animation:none}}@media (width<=640px){header.app-header{min-height:78px;padding-top:16px;padding-bottom:16px}.app-header .brand span{display:none}.app-bottom-nav{padding-left:5px;padding-right:5px}.app-bottom-nav>a,.app-bottom-nav>button{font-size:11px}.app-menu{width:100%}}:root{color:#193c34;font-synthesis:none;background:#f7f8f2;font-family:Tahoma,system-ui,sans-serif;line-height:1.7}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1100px;margin:auto;padding:24px}header{border-bottom:1px solid #dce3da;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:inherit;align-items:center;gap:10px;font-size:24px;font-weight:700;text-decoration:none;display:flex}.brand span{color:#65756b;margin-left:12px;font-size:12px;font-weight:400}.badge{white-space:nowrap;border:1px solid #cbd6ca;border-radius:30px;padding:6px 12px;font-size:12px}.hero{max-width:800px;padding:70px 0 56px}.eyebrow{letter-spacing:1px;color:#597262;font-size:12px;font-weight:700}h1{letter-spacing:-2px;margin:18px 0 22px;font-size:clamp(38px,6.6vw,70px);line-height:1.35}h1 span{color:#50815a}p{color:#617168;font-size:15px}h2{font-size:22px;line-height:1.5}h3{margin:12px 0 6px;font-size:19px}.notice{background:#e8eddf;border-radius:12px;align-items:center;gap:10px;margin-top:18px;padding:12px 16px;font-size:13px;display:inline-flex}.dot{background:#648557;border-radius:50%;flex-shrink:0;width:7px;height:7px}.steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.steps article{background:#fff;border:1px solid #e2e7dd;border-radius:18px;padding:28px}.number{color:#52704c;background:#edf1e6;border-radius:50%;place-items:center;width:40px;height:40px;font-size:13px;display:inline-grid}.steps p{margin:0;font-size:14px}.foundation{background:#e8eee3;border-radius:18px;justify-content:space-between;gap:24px;margin-top:42px;padding:30px;display:flex}.foundation h2{margin:8px 0}.foundation p{margin:0}.system{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-width:240px;font-size:13px;display:flex}.system strong{font-size:15px}.system strong[data-state=error]{color:#8a491c}button{font:inherit;color:#154e42;cursor:pointer;background:#fff;border:1px solid #bdcdb7;border-radius:9px;min-height:44px;padding:10px 16px}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #5284b9}footer{color:#748073;justify-content:space-between;gap:14px;padding-top:36px;padding-bottom:36px;font-size:12px;display:flex}@media (width<=640px){header,main,footer{padding-left:20px;padding-right:20px}.brand span{display:none}.brand{font-size:21px}.badge{font-size:10px}.hero{padding:42px 0 36px}h1{letter-spacing:-1px}.desktop{display:none}.steps{grid-template-columns:1fr}.steps article{padding:22px}.foundation{flex-direction:column;padding:24px}.system{border-top:1px solid #cdd8c7;padding-top:18px}footer{flex-direction:column}.notice{font-size:12px}}.home,.home-header,.home-footer{--h-ink:#10352c;--h-muted:#5d6f66;--h-green:#176448;--h-green-2:#2f9c74;--h-lime:#e7efc8;--h-line:#e1e8de;--h-card:#fff;font-family:Noto Sans Thai,Tahoma,system-ui,sans-serif}body:has(.home){background:radial-gradient(1200px 520px at 85% -10%,#dcefd9 0,#0000 60%),radial-gradient(900px 480px at -10% 20%,#eef3dc 0,#0000 55%),#f7f8f2}.home-header{z-index:2;border-bottom:0;position:relative}.home-header .brand{letter-spacing:-.3px}.home-header .brand img{border-radius:11px;box-shadow:0 6px 18px #154e4233}.home{color:var(--h-ink);padding-top:8px}.home h1,.home h2,.home h3{color:var(--h-ink)}.home .dot{background:#3fae7f;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2.4s ease-in-out infinite home-pulse;box-shadow:0 0 0 4px #3fae7f2e}.home-hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;padding:36px 0 48px;display:grid}.home-pill{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#2c5c49;background:#ffffffb3;border:1px solid #cfe0cc;border-radius:99px;align-items:center;gap:10px;padding:7px 14px 7px 12px;font-size:13px;font-weight:600;display:inline-flex}.home-hero h1{letter-spacing:-1.5px;margin:20px 0 18px;font-size:clamp(38px,5.6vw,64px);font-weight:800;line-height:1.3}.home-hero h1 span{background:linear-gradient(100deg,var(--h-green) 0,var(--h-green-2) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-left:.15em;display:inline-block}.home-lead{color:var(--h-muted);max-width:34em;margin:0 0 28px;font-size:17px;line-height:1.8}.home-cta{flex-wrap:wrap;gap:12px;display:flex}.home-btn{border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:12px 22px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.home-btn svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:transform .15s}.home-btn:hover{transform:translateY(-2px)}.home-btn:hover svg{transform:translate(3px)}.home-btn-primary{color:#fff;background:linear-gradient(135deg,#1c7453,#145a41);box-shadow:0 10px 24px #17644840,inset 0 1px #ffffff30}.home-btn-primary:hover{box-shadow:0 14px 30px #17644855}.home-btn-ghost{color:var(--h-green);background:#fff;border:1px solid #d3e0cf;box-shadow:0 4px 14px #1b3d3010}.home-trust{color:#46604f;flex-wrap:wrap;gap:8px 20px;margin:26px 0 0;padding:0;font-size:13px;font-weight:600;list-style:none;display:flex}.home-trust li{align-items:center;gap:7px;display:flex}.home-trust svg{fill:none;width:18px;height:18px;stroke:var(--h-green);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;background:#dcefdc;border-radius:50%;padding:3px}.home-visual{place-items:center;min-height:400px;display:grid;position:relative}.home-orb{background:radial-gradient(circle at 30% 25%,#fff 0,#e3f1dc 35%,#c9e5cf 100%);border-radius:46% 54% 50% 50%/52% 46% 54% 48%;position:absolute;inset:6% 4%;box-shadow:inset 0 -20px 60px #17644822,0 30px 60px #17644818}.home-tank{filter:drop-shadow(0 22px 28px #0f3a2c40);width:min(200px,48%);height:auto;margin:-60px 0 0 -90px;animation:6s ease-in-out infinite home-float;position:relative}.home-track-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff;border-radius:18px;width:min(250px,64%);padding:16px 18px;position:absolute;bottom:6px;right:-6px;box-shadow:0 18px 40px #133a2e26}.home-track-label{letter-spacing:.4px;color:#7c8c83;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.home-track-card ol{gap:9px;margin:0;padding:0;list-style:none;display:grid}.home-track-card li{color:#9aa69f;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex;position:relative}.home-track-card li:before{content:"";background:#fff;border:2px solid #cdd8d0;border-radius:50%;flex-shrink:0;width:12px;height:12px}.home-track-card li.done{color:var(--h-ink)}.home-track-card li.done:before{background:var(--h-green);border-color:var(--h-green)}.home-track-card li.active{color:var(--h-green)}.home-track-card li.active:before{border-color:var(--h-green-2);animation:2.4s ease-in-out infinite home-pulse;box-shadow:0 0 0 4px #2f9c7426}.home-quick{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:64px;display:grid}.home-quick a{background:var(--h-card);border:1px solid var(--h-line);color:var(--h-ink);border-radius:20px;flex-direction:column;gap:2px;padding:20px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 6px 20px #1a3a2f0a}.home-quick a:hover{border-color:#bfd9c6;transform:translateY(-3px);box-shadow:0 16px 32px #1a3a2f18}.home-quick strong{margin-top:12px;font-size:16px}.home-quick small{color:var(--h-muted);font-size:13px}.home-ico{width:46px;height:46px;color:var(--h-green);background:linear-gradient(140deg,#e6f3e2,#d3ead6);border-radius:14px;place-items:center;display:grid}.home-ico svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.home-section-head{margin-bottom:22px}.home-kicker{letter-spacing:1px;color:var(--h-green-2);text-transform:uppercase;font-size:12px;font-weight:700;display:inline-block}.home-section-head h2,.home-band h2{letter-spacing:-.5px;margin:6px 0 0;font-size:clamp(24px,3.2vw,32px);line-height:1.4}.home-steps-grid{counter-reset:step;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.home-steps-grid article{background:var(--h-card);border:1px solid var(--h-line);border-radius:22px;padding:28px;position:relative;overflow:hidden;box-shadow:0 6px 20px #1a3a2f0a}.home-step-no{color:#eef3ea;letter-spacing:-2px;font-size:56px;font-weight:800;line-height:1;position:absolute;top:10px;right:18px}.home-steps-grid h3{margin:18px 0 6px;font-size:19px;position:relative}.home-steps-grid p{color:var(--h-muted);margin:0;font-size:14px;line-height:1.75;position:relative}.home-band{color:#fff;background:radial-gradient(500px 260px at 100% 0,#2f9c7466,#0000 70%),linear-gradient(135deg,#185a43,#0f3a2c);border-radius:28px;grid-template-columns:1fr auto;align-items:center;gap:28px;margin-top:64px;padding:40px;display:grid;box-shadow:0 24px 50px #0f3a2c33}.home-band h2{color:#fff}.home-band .home-kicker{color:#b9e3c7}.home-band p{color:#d4e7dc;max-width:32em;margin:10px 0 22px;font-size:15px}.home-btn-light{background:var(--h-lime);color:#123d2f}.home-btn-outline{color:#fff;background:#ffffff10;border:1px solid #fff5}.home-system{color:#b9d6c6;background:#ffffff12;border:1px solid #ffffff26;border-radius:20px;flex-direction:column;align-items:flex-start;gap:8px;min-width:250px;padding:20px 22px;font-size:12px;display:flex}.home-system strong{color:#fff;align-items:center;gap:8px;font-size:15px;display:flex}.home-system strong:before{content:"";background:#e6c35a;border-radius:50%;width:9px;height:9px}.home-system strong[data-state=ready]:before{background:#58d39a;box-shadow:0 0 0 4px #58d39a33}.home-system strong[data-state=error]{color:#ffd9c2}.home-system strong[data-state=error]:before{background:#ff8a65}.home-system button{color:#fff;background:0 0;border-color:#ffffff4d;min-height:40px;padding:8px 14px;font-size:13px}.home-system button:hover:not(:disabled){background:#ffffff1a}.home-footer{border-top:1px solid var(--h-line);margin-top:48px}.home a:focus-visible,.home button:focus-visible{outline-offset:3px;outline:3px solid #c89534}@keyframes home-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes home-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.home *,.home :before{transition:none!important;animation:none!important}}@media (width<=900px){.home-hero{grid-template-columns:1fr;gap:12px;padding-top:24px}.home-visual{width:100%;max-width:440px;min-height:320px;margin:0 auto}.home-quick{grid-template-columns:repeat(2,1fr)}.home-band{grid-template-columns:1fr}.home-system{min-width:0}}@media (width<=640px){.home-hero h1{letter-spacing:-.8px}.home-lead{font-size:15px}.home-cta .home-btn{flex:100%}.home-quick{gap:10px;margin-bottom:48px}.home-quick a{padding:16px}.home-quick strong{font-size:15px}.home-steps-grid{grid-template-columns:1fr}.home-steps-grid article{padding:22px}.home-band{border-radius:22px;margin-top:48px;padding:26px 22px}.home-visual{min-height:240px;margin-top:4px}.home-orb{inset:4% 10%}.home-tank{width:118px;margin:-36px 0 0 -120px}.home-track-card{width:min(220px,62%);padding:12px 14px;bottom:4px;right:0}.home-track-card li{font-size:12px}}.tracking-main{max-width:1060px;padding:32px 24px 50px}.tracking-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.tracking-heading h1{letter-spacing:-.035em;margin:10px 0;font-size:clamp(30px,4vw,44px)}.tracking-heading p{color:#657368;margin:0}.tracking-assurance{white-space:nowrap;border:1px solid #d9e3d3;border-radius:40px;padding:10px 16px;font-size:12px}.tracking-toolbar{justify-content:space-between;align-items:center;gap:15px;margin:24px 0 18px;display:flex}.tracking-toolbar p{color:#526856;margin:0;font-size:12px}.tracking-toolbar p[data-stale=true]{color:#a04b21}.tracking-toolbar button{background:#fff;border-radius:12px;flex-shrink:0;font-size:12px}.tracking-selector{background:#e9eee2;border:1px solid #dce3d5;border-radius:18px;justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px;padding:18px 20px;display:flex}.tracking-selector>div{flex:1;min-width:0}.tracking-selector label{justify-content:space-between;gap:12px;margin-bottom:7px;font-size:13px;font-weight:700;display:flex}.tracking-selector label span{color:#62715d;font-size:11px;font-weight:400}.tracking-selector select{width:100%;font:inherit;color:#244c38;background:#fff;border:1px solid #cbd7c4;border-radius:10px;min-height:48px;padding:10px 35px 10px 14px;font-size:14px;font-weight:600}.tracking-selector nav{white-space:nowrap;align-items:center;gap:9px;font-size:12px;display:flex}.tracking-selector button{min-width:44px;padding:8px 12px}.tracking-layout{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px;display:grid}.tracking-overview{gap:18px;min-width:0;display:grid}.tracking-status-card{color:#fff;background:#164a39;border-radius:24px;padding:28px;box-shadow:0 12px 25px #1d503511}.tracking-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.tracking-card-top>span{color:#c4dccb;font-size:11px}.tracking-truck{color:#dbeaaf;flex-shrink:0;width:64px;height:48px}.tracking-status-card h2{color:#fff;margin:20px 0 12px;font-size:27px;line-height:1.4}.tracking-status-card p{color:#d0e0d2;margin:0;font-size:13px;line-height:1.9}.tracking-progress{gap:5px;margin:25px 0 8px;display:flex}.tracking-progress span{background:#ffffff29;border-radius:6px;flex:1;height:5px}.tracking-progress .complete{background:#c4dd9f}.tracking-progress .current{background:#efd295}.tracking-status-card small{color:#cadac9;font-size:11px}.tracking-exception{background:#694630}.tracking-receipt{background:#fff;border:1px solid #e0e5da;border-radius:20px;padding:22px}.tracking-receipt h3{letter-spacing:.015em;overflow-wrap:anywhere;margin:7px 0;font-size:17px}.tracking-receipt>p{color:#6b796c;margin:0;font-size:11px}.tracking-receipt dl{border-top:1px dashed #dce3d7;margin:18px 0;padding-top:8px;font-size:12px}.tracking-receipt dl>div{justify-content:space-between;gap:15px;margin:10px 0;display:flex}.tracking-receipt dt{color:#677665}.tracking-receipt dd{margin:0;font-weight:600}.tracking-tanks{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.tracking-tanks>span{background:#f2f5ed;border:1px solid #e2e8dc;border-radius:6px;padding:4px 8px;font-size:10px}.tracking-receipt>a{color:#315e43;font-size:12px}.tracking-journey{background:#fff;border:1px solid #e2e7dc;border-radius:24px;min-width:0;padding:26px 28px}.tracking-journey-heading{justify-content:space-between;align-items:center;gap:12px;margin:0 0 24px;display:flex}.tracking-journey-heading h2{margin:0;font-size:19px}.tracking-journey-heading>span{color:#6d7b69;white-space:nowrap;font-size:10px}.tracking-timeline{margin:0;padding:0;list-style:none}.tracking-timeline li{gap:18px;min-height:87px;padding:0 0 23px;display:flex;position:relative}.tracking-timeline li:before{content:"";background:#e6eade;width:2px;position:absolute;top:34px;bottom:0;left:17px}.tracking-timeline li[data-state=complete]:before{background:#bdceb1}.tracking-timeline li:last-child{min-height:65px}.tracking-timeline li:last-child:before{display:none}.tracking-marker{color:#94a18d;z-index:1;background:#f9faf6;border:1px solid #e2e7da;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:20px;font-weight:500;display:grid;position:relative}.tracking-timeline [data-state=complete] .tracking-marker{color:#32603d;background:#e7efdc;border-color:#c5d6b6}.tracking-timeline [data-state=current] .tracking-marker{color:#94702c;background:#f7e9c7;border:5px solid #fff6df;font-size:16px;box-shadow:0 0 0 1px #e4cb99}.tracking-step-title{align-items:center;gap:12px;min-height:30px;display:flex}.tracking-step-title h3{margin:2px 0;font-size:16px;font-weight:600;line-height:1.4}.tracking-timeline li[data-state=upcoming] h3{color:#81907b;font-weight:400}.tracking-now{color:#7d5d21;background:#fbf0d5;border-radius:5px;padding:2px 7px;font-size:10px}.tracking-timeline p{color:#64735f;margin:3px 0 0;font-size:11px;line-height:1.8}.tracking-help{background:#f4f6ee;border-radius:14px;gap:13px;padding:17px 18px;display:flex}.tracking-help>span{color:#78925f;font-size:27px;line-height:1.2}.tracking-help strong{font-size:12px}.tracking-help p{margin:3px 0 7px;font-size:11px}.tracking-help a{color:#315e43;font-size:11px}.tracking-empty{text-align:center;max-width:520px;margin:28px auto}.tracking-empty h2{margin:18px 0 10px;display:block}.tracking-empty p{margin-bottom:25px;line-height:1.9}@media (width<=700px){.tracking-main{padding:20px 16px 32px}.tracking-heading h1{font-size:30px}.tracking-heading p{font-size:13px}.tracking-assurance{display:none}.tracking-toolbar{gap:12px;margin:20px 0 14px}.tracking-toolbar p{max-width:200px;font-size:10px}.tracking-toolbar button{padding:8px 11px;font-size:11px}.tracking-selector{flex-wrap:wrap;gap:12px;margin-bottom:18px;padding:14px}.tracking-selector>div{flex-basis:100%}.tracking-selector label span{font-size:10px}.tracking-selector nav{margin-left:auto}.tracking-selector select{font-size:12px}.tracking-layout{grid-template-columns:1fr;gap:18px}.tracking-overview{display:contents}.tracking-status-card{border-radius:20px;grid-row:1;padding:22px}.tracking-status-card h2{margin:5px 0 10px;font-size:26px}.tracking-status-card p{max-width:360px}.tracking-progress{margin-top:18px}.tracking-journey{border-radius:20px;grid-row:2;padding:23px 20px}.tracking-receipt{grid-row:3}.tracking-journey-heading h2{font-size:17px}.tracking-timeline li{gap:16px;min-height:85px}.tracking-step-title h3{font-size:15px}.tracking-timeline p{font-size:11px}.tracking-receipt h3{font-size:20px}}.tracking-page{--st-pickup:#2563eb;--st-pickup-soft:#eaf1ff;--st-pickup-deep:#1e40af;--st-fill:#ea6c0a;--st-fill-soft:#fff2e5;--st-fill-deep:#b45309;--st-care:#8b3fd9;--st-care-soft:#f4ecfe;--st-care-deep:#6b21a8;--st-return:#16955a;--st-return-soft:#e4f6ec;--st-return-deep:#116c43;background:radial-gradient(900px 420px at 90% -5%,#dcefd9 0,#0000 60%),radial-gradient(700px 380px at -10% 20%,#eef3dc 0,#0000 55%),#f5f7f2;font-family:Noto Sans Thai,Tahoma,system-ui,sans-serif}.tracking-page [data-stage=pickup],.tracking-page .st-pickup{--sc:var(--st-pickup);--sc-soft:var(--st-pickup-soft);--sc-deep:var(--st-pickup-deep)}.tracking-page [data-stage=fill],.tracking-page .st-fill{--sc:var(--st-fill);--sc-soft:var(--st-fill-soft);--sc-deep:var(--st-fill-deep)}.tracking-page [data-stage=care],.tracking-page .st-care{--sc:var(--st-care);--sc-soft:var(--st-care-soft);--sc-deep:var(--st-care-deep)}.tracking-page [data-stage=return],.tracking-page [data-stage=done],.tracking-page .st-return{--sc:var(--st-return);--sc-soft:var(--st-return-soft);--sc-deep:var(--st-return-deep)}.tracking-page [data-stage=idle]{--sc:#6b7c73;--sc-soft:#eef2ef;--sc-deep:#3f5a4d}.tracking-page .order-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f7f2d9;position:sticky;top:0}.tracking-page .tracking-main{padding-bottom:40px}.tk-hero{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin:8px 0 22px;display:flex}.tk-hero h1{letter-spacing:-1px;color:#10352c;margin:8px 0 4px;font-size:clamp(30px,4.6vw,46px);line-height:1.3}.tk-hero p{color:#61756b;margin:0}.tk-live{background:#fff;border:1px solid #e1e8e2;border-radius:99px;align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex;box-shadow:0 8px 20px -16px #10352c}.tk-live p{color:#4f6459;margin:0;font-size:12.5px}.tk-live-dot{background:#22b573;border-radius:50%;width:9px;height:9px;animation:2s infinite tk-live;box-shadow:0 0 #22b57366}.tk-live:has([data-stale=true]) .tk-live-dot{background:#e0a33a;animation:none}.tk-live.is-loading .tk-live-dot{background:#2563eb}.tracking-page .tk-live button{color:#fff;min-height:36px;font:inherit;cursor:pointer;background:#176448;border:0;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:700}@keyframes tk-live{0%{box-shadow:0 0 #22b57366}70%{box-shadow:0 0 0 9px #22b57300}to{box-shadow:0 0 #22b57300}}.tk-orders{margin-bottom:18px}.tk-orders-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.tk-orders-head strong{color:#10352c;font-size:15px}.tk-orders-head span{color:#7a887f;font-size:12px}.tk-order-row{scroll-snap-type:x mandatory;gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.tracking-page .tk-order{scroll-snap-align:start;text-align:left;color:#10352c;min-width:180px;font:inherit;cursor:pointer;background:#fff;border:1.5px solid #e1e8e2;border-radius:18px;flex:none;grid-template-columns:12px auto;align-items:center;column-gap:8px;padding:12px 14px;display:grid;box-shadow:0 6px 16px -14px #10352c}.tk-order-dot{background:var(--sc);border-radius:50%;grid-row:1/3;width:10px;height:10px}.tk-order strong{font-size:14px}.tk-order small{color:#6a7a71;grid-column:2;font-size:12px}.tracking-page .tk-order[aria-pressed=true]{border-color:var(--sc);background:var(--sc-soft);box-shadow:0 10px 22px -14px var(--sc)}.tk-orders nav{justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.tracking-page .tk-orders nav button{font:inherit;cursor:pointer;background:#fff;border:1px solid #d7e2d9;border-radius:99px;padding:6px 12px}.tk-status{color:#fff;background:radial-gradient(420px 240px at 100% 0,#ffffff2e,transparent 70%),linear-gradient(135deg,var(--sc-deep),var(--sc));box-shadow:0 22px 44px -24px var(--sc);border-radius:26px;padding:26px;position:relative;overflow:hidden}.tk-status-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.tk-status-label{background:#ffffff26;border-radius:99px;padding:4px 12px;font-size:12.5px;font-weight:700;display:inline-block}.tk-status .tk-ago{color:#ffffffd9;font-size:12.5px}.tk-status h2{color:#fff;margin:14px 0 6px;font-size:clamp(26px,4vw,34px);line-height:1.35}.tk-status p{color:#ffffffe0;margin:0;line-height:1.7}.tk-next{background:#ffffff1f;border-radius:16px;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:12px 14px;font-size:14px;display:flex;margin-top:14px!important}.tk-next b{color:var(--sc-deep);background:#fff;border-radius:99px;padding:2px 10px;font-size:12px}.tk-success{align-items:center;gap:18px;display:flex}.tk-success-check{width:68px;height:68px;color:var(--st-return);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;display:grid;box-shadow:0 0 0 8px #ffffff2e}.tk-success svg,.tk-track svg,.tk-timeline .tracking-marker svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.tk-success-check svg{stroke-width:3px;width:36px;height:36px}.tk-success small{color:#dff5e8;margin-top:8px;display:block}.tk-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 22px;padding:0;list-style:none;display:grid}.tk-track li{color:#8a968f;text-align:center;background:#fff;border:1.5px solid #e3e9e4;border-radius:18px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;font-size:13px;font-weight:700;display:flex}.tk-track li>span{background:var(--sc-soft);width:38px;height:38px;color:var(--sc);border-radius:13px;place-items:center;display:grid}.tk-track svg{width:20px;height:20px}.tk-track .is-todo{opacity:.65}.tk-track .is-done{color:var(--st-return-deep);background:#f6fbf8}.tk-track .is-done>span{color:var(--st-return);background:#dcefe4}.tk-track .is-current{background:var(--sc);border-color:var(--sc);color:#fff;box-shadow:0 12px 24px -12px var(--sc);transform:translateY(-3px)}.tk-track .is-current>span{color:#fff;background:#ffffff2e}.tracking-page .tk-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:start}.tracking-page .tracking-journey,.tracking-page .tk-receipt{background:#fff;border:1px solid #e3e9e4;border-radius:24px;box-shadow:0 10px 30px -22px #10352c}.tk-bar{background:#edf1ee;border-radius:99px;height:8px;margin:4px 0 18px;overflow:hidden}.tk-bar i{background:linear-gradient(90deg,var(--st-pickup),var(--st-fill),var(--st-care),var(--st-return));background-size:500px 100%;border-radius:99px;height:100%;display:block}.tracking-page .tk-timeline .tracking-marker{place-items:center;font-size:13px;display:grid}.tracking-page .tk-timeline .tracking-marker svg{width:16px;height:16px}.tracking-page .tk-timeline li[data-state=complete] .tracking-marker{background:var(--sc-soft);color:var(--sc);border-color:#0000}.tracking-page .tk-timeline li[data-state=current] .tracking-marker{background:var(--sc);border-color:var(--sc);box-shadow:0 0 0 6px color-mix(in srgb,var(--sc) 20%,transparent)}.tracking-page .tk-timeline li[data-state=current] .tracking-marker i{background:#fff;border-radius:50%;width:10px;height:10px}.tracking-page .tk-timeline li[data-state=current] h3{color:var(--sc-deep)}.tracking-page .tk-timeline .tracking-now{background:var(--sc);color:#fff}.tracking-page .tk-timeline .tk-ago{color:#8a968f}.tk-receipt .order-primary{margin-top:16px}.tk-links{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.tk-links a{color:#1f4a3b;background:#f1f6f0;border-radius:99px;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none}.tracking-page .tracking-tanks span{background:#eef6ef;border-radius:99px;font-weight:600}.tk-loading{color:#61756b}.tk-toast{left:50%;top:calc(88px + env(safe-area-inset-top,0px));z-index:1100;box-sizing:border-box;text-align:center;color:#fff;background:#0f3a2c;border-radius:16px;width:min(92vw,420px);padding:12px 18px;font-weight:700;animation:.3s ease-out tk-toast;position:fixed;transform:translate(-50%);box-shadow:0 18px 40px -12px #0f3a2c}@keyframes tk-toast{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@media (width<=760px){.tracking-page .tk-layout{grid-template-columns:1fr}.tk-hero{align-items:flex-start}.tk-live{justify-content:space-between;width:100%}.tk-status{border-radius:22px;padding:22px 20px}.tk-track{gap:5px}.tk-track li{border-radius:14px;padding:10px 2px;font-size:11.5px}.tk-track li>span{border-radius:11px;width:32px;height:32px}.tk-success-check{width:54px;height:54px}}@media (prefers-reduced-motion:reduce){.tk-live-dot,.tk-toast{animation:none}}.tracking-page .tk-receipt a.order-primary{color:#fff;background:linear-gradient(135deg,#1c7453,#145a41);border-radius:16px;min-height:52px;font-weight:700;text-decoration:none}.rt-page{color:#183e33}.rt-toolbar,.rt-actions,.rt-card-head,.rt-card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.rt-toolbar{margin:0 0 24px}.rt-toolbar h2{margin:0}.rt-button,.rt-page button{color:#214d3b;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd9cd;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:12px 17px;font-weight:650;text-decoration:none;display:inline-flex}.rt-button.primary,.rt-page button.primary{color:#fff;background:#19533e;border-color:#19533e}.rt-page button:disabled{opacity:.45;cursor:not-allowed}.rt-page button:hover:not(:disabled),.rt-button:hover{box-shadow:0 3px 12px #183e3312}.rt-page label{gap:8px;font-size:14px;font-weight:650;display:grid}.rt-page input,.rt-page select,.rt-page textarea{box-sizing:border-box;width:100%;min-width:0;font:inherit;color:#244a3b;background:#fff;border:1px solid #cbd9cd;border-radius:10px;min-height:46px;padding:12px}.rt-page input[type=checkbox]{accent-color:#19533e;width:20px;height:20px;min-height:20px}.rt-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.rt-card,.rt-panel{background:#fff;border:1px solid #d8e1d8;border-radius:22px;padding:24px}.rt-card{color:inherit;text-decoration:none;transition:transform .15s;display:block}.rt-card:hover{border-color:#86a890;transform:translateY(-2px)}.rt-card p{margin:8px 0;font-size:14px}.rt-code{font-size:19px;font-weight:800}.rt-tag{white-space:nowrap;background:#eaf2e5;border-radius:30px;padding:5px 10px;font-size:12px;font-weight:700}.rt-count{margin:24px 0 16px;font-size:16px}.rt-count strong{letter-spacing:-2px;font-size:44px;line-height:1}.rt-count span,.rt-muted{color:#708077}.rt-card-foot{border-top:1px solid #e7ece6;margin-top:18px;padding-top:16px;font-size:13px}.rt-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.rt-panel{margin-bottom:20px}.rt-panel h3{margin:0 0 16px}.rt-error{color:#a83228;white-space:pre-line}.rt-banner{color:#fff;background:#19533e;border-radius:24px;margin:0 0 24px;padding:28px}.rt-banner h2{margin:10px 0;font-size:30px}.rt-banner p{margin:8px 0}.rt-eyebrow{letter-spacing:1px;font-size:12px}.rt-columns{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.rt-select-card{cursor:pointer;border:1px solid #dbe4db;border-radius:14px;align-items:start;margin:10px 0;padding:16px;grid-template-columns:none!important;gap:14px!important;display:flex!important}.rt-select-card input{flex-shrink:0}.rt-select-card span{min-width:0}.rt-select-card strong,.rt-select-card small{display:block}.rt-select-card small{color:#6c7e72;margin-top:5px;font-weight:400}.rt-select-card:has(input:checked){background:#f0f6ea;border-color:#78a081}.rt-selected{background:#f1f6eb;border:1px solid #dbe4d3;border-radius:15px;align-items:center;gap:12px;margin-bottom:9px;padding:16px;display:flex}.rt-selected .rt-actions{flex-wrap:nowrap;gap:4px;margin-left:auto}.rt-selected button{padding:4px 11px}.rt-selected small{color:#698071;display:block}.rt-selection-total{margin:12px 0;font-size:20px;font-weight:750}.rt-stops{margin:0;padding:0;list-style:none}.rt-stop{border-bottom:1px solid #e0e7dd;gap:18px;padding:24px 0;display:flex;position:relative}.rt-stop:last-child{border:0}.rt-stop-num{background:#fff;border:1px solid #bfcfc1;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-weight:750;display:grid}.rt-stop.done .rt-stop-num{background:#dcebd7;border-color:#dcebd7}.rt-stop.next{background:#f1f6eb;border-radius:16px;padding:22px 14px}.rt-stop.next .rt-stop-num{color:#fff;background:#1c573f}.rt-stop h3{margin:5px 0;font-size:20px}.rt-stop p{overflow-wrap:anywhere;margin:6px 0;font-size:14px}.rt-stop small,.rt-stop time{color:#637c6b;font-size:12px;display:block}.rt-stop time{margin:8px 0 12px}.rt-map-link{color:#205c42;font-size:14px;font-weight:700}.rt-capacity{color:#667b69;font-size:13px}.rt-form-footer{z-index:3;background:#fffefa;border:1px solid #d9e3d5;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex;position:sticky;bottom:0;box-shadow:0 -5px 18px #17382708}.rt-empty{text-align:center;color:#6a7b70;padding:40px 16px}.rt-check{align-items:center;gap:12px;margin:14px 0;display:flex!important}.rt-driver{max-width:920px;margin:auto;padding:28px 22px 60px}.rt-driver .rt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rt-driver .rt-stops{padding:0 8px}.rt-driver .rt-banner button{color:#19533e;background:#fff}.rt-phase-work{background:#f4f7ef;border-left:4px solid #8eaf6d;margin:16px 0;padding:16px}.rt-phase-work a{margin:10px 0;display:block}.rt-page :focus-visible{outline-offset:3px;outline:3px solid #a1bc58}@media (width<=1000px){.rt-grid,.rt-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.rt-grid,.rt-driver .rt-grid,.rt-columns,.rt-form-grid{grid-template-columns:1fr}.rt-card,.rt-panel{padding:18px}.rt-toolbar{align-items:stretch}.rt-banner{padding:22px}.rt-form-footer{flex-wrap:wrap}.rt-form-footer button{width:100%}.rt-stop{gap:12px}.rt-stop h3{font-size:18px}.rt-driver{padding:24px 16px 40px}.rt-select-card{padding:14px}.rt-selected{padding:12px}.rt-page h2{font-size:25px}.rt-count strong{font-size:38px}}.rt-banner p,.rt-banner small{color:#f2f8ee}.rt-banner .rt-muted{color:#cddfd3}.rt-actions .rt-map-link{box-sizing:border-box;background:#f0f5e9;border:1px solid #cbd9cd;border-radius:12px;align-items:center;min-height:44px;padding:10px 16px;text-decoration:none;display:inline-flex}.rt-auto-guide{background:#edf4e5;border:1px solid #d6e4cb;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:26px;display:flex}.rt-auto-guide h2{margin:14px 0 10px;font-size:25px}.rt-auto-guide p{color:#58735e;margin:0;font-size:14px;line-height:1.9}.rt-auto-guide>a{white-space:nowrap;flex-shrink:0}.rt-extra-trip{border-top:1px solid #d8e1d8;justify-content:space-between;align-items:center;gap:18px;margin:26px 0 8px;padding:22px 0;display:flex}.rt-extra-trip h3{margin:0 0 6px;font-size:16px}.rt-extra-trip p{color:#708077;margin:0;font-size:13px;line-height:1.8}.rt-extra-trip button{flex-shrink:0;font-size:14px}.rt-empty p{margin:10px 0 14px;font-size:14px;line-height:1.9}@media (width<=700px){.rt-auto-guide{flex-direction:column;align-items:stretch;padding:22px}.rt-auto-guide h2{font-size:23px}.rt-auto-guide p{font-size:13px}.rt-auto-guide p br{display:none}.rt-extra-trip{flex-direction:column;align-items:stretch}.rt-extra-trip button{align-self:flex-start}}.rt-vehicle-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.rt-vehicle-capacity{background:#f0f6e9;border:1px solid #dce7d3;border-radius:16px;margin-top:18px;padding:18px}.rt-vehicle-capacity>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.rt-vehicle-capacity span{font-size:14px}.rt-vehicle-capacity progress{accent-color:#3f7450;background:#dde8d5;border:0;border-radius:10px;width:100%;height:9px;margin-top:14px;display:block;overflow:hidden}.rt-vehicle-capacity progress::-webkit-progress-bar{background:#dde8d5}.rt-vehicle-capacity progress::-webkit-progress-value{background:#3f7450;border-radius:10px}.rt-vehicle-capacity p{margin:10px 0 0;font-size:13px;line-height:1.7}.rt-vehicle-capacity:has(.rt-error){background:#fff5ef;border-color:#e3bba8}.rt-vehicle-capacity:has(.rt-error) progress::-webkit-progress-value{background:#bb6545}.rt-auto-trip{color:#23634d;font-weight:700}.rt-auto-next{background:linear-gradient(120deg,#e6efdb,#f5f8ee);border:1px solid #b9d2bb;border-radius:24px;margin:20px 0;padding:24px}.rt-auto-next h3{margin:12px 0 8px}.rt-auto-next p{line-height:1.7}.rt-auto-next .rt-button{white-space:normal;display:inline-flex}.rt-load-banner{background:linear-gradient(135deg,#123f33,#22664b);position:relative;overflow:hidden}.rt-load-banner .rt-tag{color:#174c39;background:#e5f0de}.rt-load-banner h1{color:#fff;letter-spacing:-.5px;margin:20px 0 8px;font-size:30px;line-height:1.45}.rt-load-count{border-top:1px solid #ffffff2b;align-items:center;gap:18px;margin-top:22px;padding-top:18px;display:flex}.rt-load-count>strong{letter-spacing:-3px;font-size:68px;line-height:1}.rt-load-count>span{font-size:18px}.rt-load-count small{color:#d5e6d8;margin-top:6px;font-size:13px;display:block}.rt-workflow{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 22px;padding:0;list-style:none;display:grid}.rt-workflow li{color:#66766b;border-radius:14px;flex-direction:column;align-items:center;gap:9px;padding:10px 2px;font-size:14px;display:flex}.rt-workflow li>span{background:#fff;border:1px solid #d0dbce;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.rt-workflow li.current{color:#174e3a;background:#e4eedc;font-weight:800}.rt-workflow li.current>span{color:#fff;background:#19533e;border-color:#19533e}.rt-workflow li.done>span{color:#285a3d;background:#dfead8;border-color:#dfead8}.rt-current-task h2{margin:10px 0;font-size:26px}.rt-current-task>p{color:#63776a;font-size:15px;line-height:1.8}.rt-batch-action{width:100%;margin-top:12px;line-height:1.6;border-radius:15px!important;padding:18px!important;font-size:18px!important}.rt-batch-note{text-align:center;margin:8px 0 0;font-size:12px!important}.rt-report-issue{margin-top:14px;color:#9b4d28!important;background:0 0!important;border-color:#e7c9b9!important;font-size:14px!important}.rt-manifest h3{margin:7px 0;font-size:21px}.rt-house-load{border-top:1px solid #e1e8dd;margin-top:20px;padding:20px 0}.rt-house-load:last-child{padding-bottom:0}.rt-house-load ul{margin:12px 0;padding:0;list-style:none}.rt-house-load li{background:#f3f6ef;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:7px 0;padding:13px;display:flex}.rt-house-load li strong{overflow-wrap:anywhere;font-size:14px}.rt-house-load li small{color:#687b6b;margin-top:4px;font-size:12px;display:block}.rt-house-load li b{white-space:nowrap;font-size:17px}.rt-hold-warning{color:#743d23;background:#fff3e9;border:1px solid #e6c2a8;border-radius:16px;margin:18px 0;padding:18px}.rt-hold-warning p{font-size:14px;line-height:1.8}.rt-hold-warning>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:12px 0;font-size:14px;display:flex}.rt-hold-warning button{font-size:13px}.rt-issue-dialog{box-sizing:border-box;color:#234737;border:1px solid #d6dfd2;border-radius:24px;width:min(440px,100% - 40px);padding:26px;box-shadow:0 24px 80px #16332644}.rt-issue-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#15322588}.rt-issue-dialog h2{margin:0 0 12px;font-size:24px}.rt-issue-dialog p{font-size:14px;line-height:1.8}.rt-issue-dialog label{margin-top:16px}.rt-issue-dialog .rt-actions{justify-content:flex-end;margin-top:20px}.rt-driver details>summary{cursor:pointer;min-height:30px;font-weight:700}.rt-driver #rt-station-map{margin-top:18px}.rt-driver [aria-busy=true]{opacity:.7}@media (width<=650px){.rt-load-banner h1{font-size:25px}.rt-load-count>strong{font-size:58px}.rt-workflow{gap:4px}.rt-workflow li{font-size:12px}.rt-batch-action{font-size:16px!important}.rt-house-load li{gap:8px;padding:11px}.rt-manifest .rt-card-head{align-items:start}.rt-manifest h3{font-size:19px}.rt-issue-dialog{padding:22px}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.account{max-width:1000px;padding-bottom:64px}.account-heading{padding:30px 0}.account-heading h1 span{color:#64805b}.account-panel,.address-card{background:#fff;border:1px solid #dce3da;border-radius:18px}.account-panel{margin-bottom:24px;padding:28px}.account-panel h2{margin-top:0}.account label{flex-direction:column;gap:6px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.account input,.account textarea,.account select{font:inherit;color:#193c34;background:#fff;border:1px solid #b9c8bd;border-radius:9px;width:100%;min-width:0;min-height:46px;padding:12px;font-weight:400}.account input[readonly]{color:#617168;background:#f3f5ef}.account textarea{resize:vertical;min-height:88px}.account input:focus,.account textarea:focus,.account select:focus{outline-offset:2px;outline:2px solid #52866a}.field-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.account small{color:#617168;font-size:12px}.primary{color:#fff;background:#154e42;border-color:#154e42}.account .danger{color:#9e3029}.form-error{color:#9e3029;white-space:pre-line;font-size:14px}.form-error:empty{display:none}.account-notice:not(:empty){background:#e5eedb;border-radius:12px;margin-bottom:20px;padding:14px}.account-notice[data-error=true]{color:#9e3029;background:#fff0e9}.pickup-card{background:#e8eee3;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:26px;display:flex}.pickup-card h2{margin:8px 0}.pickup-card p{overflow-wrap:anywhere;margin:0}.pickup-card button{flex-shrink:0}.section-bar{justify-content:space-between;align-items:center;gap:14px;display:flex}.section-bar h2{margin:0}.section-bar p{margin:4px 0 18px}.count{background:#e5ecdf;border-radius:24px;padding:4px 10px;font-size:14px}.address-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.address-card{overflow:hidden}.address-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.address-title h3{overflow-wrap:anywhere;margin:0}.address-content p{overflow-wrap:anywhere}.address-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.address-actions button,.coordinates{font-size:12px}.house-photo{object-fit:cover;width:100%;height:170px;display:block}.empty-address{text-align:center;border:1px dashed #aebfae;border-radius:18px;grid-column:1/-1;padding:30px}.account dialog{width:calc(100% - 24px);max-width:620px;max-height:90dvh;color:inherit;border:1px solid #dce3da;border-radius:18px;padding:24px;overflow-y:auto}.account dialog::backdrop{background:#0c302c99}.account dialog .section-bar{margin-bottom:20px}.account .check-row{flex-direction:row;align-items:center;gap:10px;margin-top:16px}.account .check-row input{width:20px;min-height:20px}.account [hidden]{display:none!important}.form-footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.gps-box{background:#f2f5ed;border-radius:12px;margin-bottom:18px;padding:16px}.gps-box p{font-size:12px}.gps-box .section-bar{margin-bottom:4px}.gps-box .field-grid label{margin-bottom:0}.photo-preview{border-radius:12px;max-width:100%;max-height:160px;margin-top:12px}@media (width<=640px){.account-panel{padding:20px}.field-grid,.address-grid{grid-template-columns:1fr;gap:0}.address-grid{gap:16px}.pickup-card{flex-direction:column;align-items:stretch;padding:22px}.section-bar{flex-wrap:wrap}.account-heading{padding:20px 0}.account dialog{padding:18px}.address-title{flex-wrap:wrap}.account input,.account select,.account textarea{font-size:16px}.gps-box .field-grid{gap:12px}.address-actions button{flex-grow:1}}.line-login{color:#fff;background:#06c755;border-radius:8px;padding:14px 24px;font-weight:700;text-decoration:none;display:inline-block}.line-login:focus-visible{outline-offset:3px;outline:3px solid #154e42}body:has(.account){color:#233f37;background:#f3f5f4}.account-header{background:0 0;border:0;max-width:1180px;padding:22px 32px}.account-header .brand{letter-spacing:-.5px;font-size:22px}.account-home{color:#60716a;padding:10px 0;font-size:13px;text-decoration:none}.account{grid-template-columns:minmax(280px,.8fr) minmax(0,1.3fr);grid-template-areas:"heading heading""notice notice""profile pickup""profile addresses";align-items:start;gap:24px;max-width:1180px;padding:0 32px 72px;display:grid}.account-heading{grid-area:heading;justify-content:space-between;align-items:center;gap:20px;padding:30px 0 12px;display:flex}.account-heading h1{letter-spacing:-1px;margin:8px 0;font-size:clamp(28px,3.5vw,44px);line-height:1.45}.account-heading h1 .welcome-dot{color:#85a362}.account-heading p{margin:0;font-size:14px}.account-heading .eyebrow{letter-spacing:1.2px;color:#718179;font-size:11px}#logout{white-space:nowrap;background:0 0;border-color:#d9e1dc;border-radius:24px;padding:8px 17px;font-size:12px}#notice{grid-area:notice;margin:0}#notice:empty{display:none}.account:has(#notice:empty){row-gap:24px}.account-panel{border:1px solid #e4e9e5;border-radius:24px;grid-area:profile;margin:0;padding:28px;box-shadow:0 8px 30px #243f3704}.panel-heading{align-items:center;gap:14px;margin-bottom:26px;display:flex}.panel-heading h2{margin:0;font-size:19px}.panel-heading p{margin:2px 0 0;font-size:12px}.profile-avatar{color:#466249;background:#ecf1e6;border-radius:16px;flex-shrink:0;place-items:center;width:48px;height:48px;font-size:23px;font-weight:700;display:grid}.account-panel .field-grid{grid-template-columns:1fr;gap:0}.account label{color:#54665d;gap:8px;margin-bottom:20px;font-size:12px}.account input,.account select,.account textarea{color:#223d32;background:#fafcf9;border-color:#dce4dd;border-radius:12px;min-height:48px;padding:12px 14px}.account input:focus,.account textarea:focus,.account select:focus{outline-offset:1px;background:#fff;outline:2px solid #91bba1}.account button{border-radius:12px;font-size:13px;transition:background .15s,box-shadow .15s}.account button:disabled{cursor:not-allowed;opacity:.45}.account button:hover:not(:disabled){box-shadow:0 3px 12px #163d3412}.account .primary{color:#fff;background:#254f41;border-color:#254f41;font-weight:600}.account .primary:hover:not(:disabled){background:#193b30}.account-panel .primary{width:100%;margin-top:20px}.line-details{border-top:1px solid #eef1eb;border-bottom:1px solid #eef1eb;padding:14px 0}.line-details summary{cursor:pointer;color:#56725e;font-size:12px}.line-details summary span{float:right;color:#7c8b81;font-size:11px}.line-details label{margin:18px 0 8px}.line-details input,.line-details small{font-size:11px}.pickup-card{background:#e7eedf;border:1px solid #dce6d5;border-radius:24px;grid-area:pickup;grid-template-columns:70px 1fr;gap:18px;margin:0;padding:28px;display:grid;position:relative;overflow:hidden}.pickup-illustration{color:#53704c}.pickup-illustration svg{width:70px;height:70px}.pickup-card h2{margin:6px 0 8px;font-size:21px;line-height:1.5}.pickup-card p{color:#67775e;font-size:13px;line-height:1.8}.pickup-card .eyebrow{color:#68815b;font-size:10px}.pickup-card button{grid-column:1/-1;width:100%;margin-top:4px}.addresses-section{grid-area:addresses;min-width:0}.section-bar{gap:12px;margin-bottom:16px}.section-bar h2{font-size:19px}.section-bar p{margin:4px 0 0;font-size:12px}.count{background:#e6ece5;padding:3px 8px;font-size:11px}.section-bar button{padding:10px 14px;font-size:12px}.area-status{background:#faf7ee;border:1px solid #e9e1cb;border-radius:14px;align-items:start;gap:10px;margin-bottom:16px;padding:15px 18px;display:flex}.area-status strong{color:#85714a;font-size:12px;font-weight:600}.area-status p{color:#8b7e64;margin:3px 0 0;font-size:12px}.area-dot{background:#b99a5e;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:8px}.empty-address{background:#ffffff80;border:1px dashed #d4ded4;border-radius:22px;padding:32px 18px}.empty-icon{color:#81997a;background:#eaf0e7;border-radius:18px;place-items:center;width:56px;height:56px;font-size:34px;line-height:1;display:inline-grid}.empty-address h3{margin-top:16px;font-size:16px}.empty-address p{font-size:12px;line-height:1.9}.empty-hint{letter-spacing:.3px;color:#98a398;margin-top:10px;font-size:10px;display:inline-block}.address-grid{grid-template-columns:1fr}.address-card{border-color:#e1e7e1;border-radius:20px;box-shadow:0 4px 16px #233e3403}.address-content{padding:22px}.address-title h3{font-size:18px}.address-title .badge{color:#668251;background:#edf3e6;border:0;font-size:10px}.address-content p{font-size:13px}.address-actions{border-top:1px solid #edf0ea;padding-top:14px}.address-actions button:first-child{color:#416239;background:#edf3e9;border-color:#e0e9da;flex-grow:1}.account dialog{border:0;border-radius:24px;box-shadow:0 24px 100px #153b3440}.account dialog .section-bar{border-bottom:1px solid #edf1eb;padding-bottom:16px}.account dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#193e365e}.form-footer{background:#fff;border-top:1px solid #edf1eb;margin-top:8px;padding:16px 0;position:sticky;bottom:-24px}@media (width<=700px){.account-header{padding:18px 20px}.account{grid-template-columns:1fr;grid-template-areas:"heading""notice""pickup""profile""addresses";gap:20px;padding:0 20px 40px}.account-heading{align-items:flex-start;gap:10px;padding:16px 0 4px}.account-heading h1{font-size:28px}.account-heading p{max-width:230px;font-size:12px}.account-heading .eyebrow{font-size:10px}#logout{min-height:36px;margin-top:4px;padding:6px 11px;font-size:10px}.account-panel{border-radius:22px;padding:22px}.pickup-card{border-radius:22px;grid-template-columns:54px 1fr;gap:14px;padding:22px}.pickup-illustration svg{width:54px;height:54px}.pickup-card h2{font-size:18px}.pickup-card p{font-size:12px}.account input,.account select,.account textarea{font-size:16px}.line-details input{font-size:12px}.account dialog{padding:20px}.form-footer{bottom:-20px}.account-home{font-size:11px}.panel-heading{margin-bottom:20px}}@media (prefers-reduced-motion:reduce){.account button{transition:none}}.account:has(>.account-panel:only-child){max-width:600px;margin-top:40px;display:block}.account:has(>.account-panel:only-child) h1{font-size:28px}.mt-head h2{margin:6px 0 4px}.mt-head p{color:#617168;margin:0;font-size:14px}.mt-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:20px;display:grid}.mt-card{background:#f8faf6;border:1px solid #dce3da;border-radius:18px;gap:10px;padding:14px;display:grid}.account .mt-zoom{cursor:zoom-in;background:0 0;border:0;border-radius:14px;padding:0;display:block;overflow:hidden;box-shadow:0 8px 20px -14px #10352c}.mt-zoom img{width:100%;height:auto;display:block}.mt-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.mt-meta strong{letter-spacing:.3px;font-size:17px}.mt-status{color:#116c43;background:#e4f6ec;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700}.mt-in_service{color:#b45309;background:#fff2e5}.mt-issue{color:#b42318;background:#fef3f2}.mt-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.account .mt-actions>*{min-height:44px;font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:700;text-decoration:none;display:flex}.account .mt-zoom-btn{color:#fff;background:#176448;border:0}.account .mt-save{color:#176448;background:#fff;border:1px solid #c9dccd}.mt-hint{color:#7a887c;margin:12px 0 0;font-size:12px}.mt-empty{background:#f3f6f0;border-radius:14px;justify-items:start;gap:6px;margin-top:16px;padding:20px;display:grid}.mt-empty p{color:#617168;margin:0}.account .mt-order{border-radius:12px;margin-top:6px;padding:10px 16px;text-decoration:none;display:inline-flex}.mt-dialog{background:#fff;border:0;border-radius:22px;width:min(440px,92vw);padding:16px}.mt-dialog::backdrop{background:#0b1f18cc}.mt-dialog img{width:100%;height:auto;display:block}.account .mt-close{color:#fff;width:100%;min-height:48px;font:inherit;background:#176448;border:0;border-radius:12px;margin-top:12px;font-weight:700}.mt-loading{color:#617168}@media (width<=520px){.mt-grid{grid-template-columns:1fr 1fr;gap:10px}.mt-card{padding:10px}.mt-meta{flex-direction:column;align-items:flex-start}.mt-meta strong{font-size:14px}.mt-actions{grid-template-columns:1fr}}#customer-tanks{grid-area:tanks;min-width:0}body:has(.account){background:radial-gradient(900px 420px at 90% -5%,#dcefd9 0,#0000 60%),radial-gradient(700px 380px at -10% 15%,#eef3dc 0,#0000 55%),#f5f7f2}.account,.account-header{font-family:Noto Sans Thai,Tahoma,system-ui,sans-serif}.account:has(>.acc-quick):has(>#customer-tanks):has(>#customer-referrals):has(>#customer-reminders){grid-template-columns:minmax(0,1.3fr) minmax(300px,.8fr);grid-template-areas:"heading heading""quick quick""notice notice""tanks tanks""pickup profile""addresses profile""reminders reminders""referrals referrals"}@media (width<=700px){.account:has(>.acc-quick):has(>#customer-tanks):has(>#customer-referrals):has(>#customer-reminders){grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""quick""notice""tanks""pickup""reminders""referrals""profile""addresses"}}.account .acc-hero{color:#fff;background:radial-gradient(420px 240px at 100% 0,#2f9c7466,#0000 70%),linear-gradient(135deg,#185a43,#0f3a2c);border-radius:28px;margin-top:8px;padding:28px;position:relative;overflow:hidden;box-shadow:0 24px 50px -24px #0f3a2c}.acc-hero:after{content:"";background:#ffffff0d;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-60px;right:-40px}.acc-hero-main{z-index:1;align-items:center;gap:18px;min-width:0;display:flex;position:relative}.acc-avatar{color:#10352c;background:#e7efc8;border-radius:22px;flex-shrink:0;place-items:center;width:68px;height:68px;font-size:30px;font-weight:800;display:grid;box-shadow:0 0 0 5px #ffffff1f}.account .acc-hero .eyebrow{color:#b9e3c7}.account .acc-hero h1{color:#fff;overflow-wrap:anywhere;margin:4px 0 6px;font-size:clamp(26px,3.6vw,38px)}.account .acc-hero h1 .welcome-dot{color:#9fe0b8}.acc-hero-meta{flex-wrap:wrap;gap:8px;display:flex;margin:0!important}.acc-hero-meta span{color:#e3f3e9;background:#ffffff1a;border-radius:99px;padding:4px 12px;font-size:13px}.acc-hero-meta .acc-line.on{color:#c9f7da;background:#06c75533}.account .acc-hero #logout{z-index:1;color:#fff;background:#ffffff14;border:1px solid #ffffff40;border-radius:99px;padding:10px 16px;font-size:13px;position:relative}.account .acc-hero #logout:hover:not(:disabled){background:#ffffff26}.acc-quick{grid-area:quick;grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.acc-quick a{color:#10352c;background:#fff;border:1px solid #e3e9e4;border-radius:20px;flex-direction:column;gap:2px;padding:16px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 8px 22px -18px #10352c}.acc-quick a:hover{transform:translateY(-2px);box-shadow:0 14px 28px -18px #10352c}.acc-quick strong{margin-top:10px;font-size:15px}.acc-quick small{color:#6a7a71;font-size:12px}.acc-ico{color:#176448;background:linear-gradient(140deg,#e6f3e2,#d3ead6);border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.acc-ico svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.account .account-panel,.account #customer-referrals,.account .pickup-card{border:1px solid #e3e9e4;border-radius:24px;box-shadow:0 10px 30px -22px #10352c}.account .account-panel{background:#fff}.account #customer-tanks{background:linear-gradient(#fff,#fbfdf9)}.account .pickup-card{background:radial-gradient(300px 160px at 100% 0,#fffa,#0000 70%),linear-gradient(135deg,#e7f1df,#dcebd3)}.account .pickup-illustration{background:#ffffffb3;border-radius:22px;place-items:center;width:70px;height:70px;display:grid}.account .pickup-illustration svg{width:48px;height:48px}.account .pickup-card h2{color:#10352c}.account .primary{background:linear-gradient(135deg,#1c7453,#145a41);border-color:#145a41;min-height:48px;font-weight:700;box-shadow:0 8px 18px -10px #176448}.account .panel-heading .profile-avatar{color:#176448;background:#e6f3e2;border-radius:14px}.account .eyebrow{letter-spacing:.6px}.account h2{color:#10352c}.account .address-card{background:#fff;border:1px solid #e3e9e4;border-radius:22px;box-shadow:0 10px 26px -22px #10352c}.account .house-photo{height:150px}.account .address-actions button{color:#1f4a3b;background:#f3f7f2;border:1px solid #dde7de;border-radius:99px;min-height:40px;padding:8px 14px;font-weight:600}.account .address-actions button:first-child{color:#fff;background:#176448;border-color:#176448}.account .address-content .badge{color:#116c43;background:#e4f6ec;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:700}.account .section-bar .primary{border-radius:99px;padding:10px 16px}@media (width<=700px){.account .acc-hero{border-radius:24px;flex-direction:column;align-items:stretch;gap:16px;padding:22px}.acc-avatar{border-radius:18px;width:56px;height:56px;font-size:24px}.account .acc-hero #logout{align-self:flex-start;padding:8px 14px;font-size:12px}.acc-quick{grid-template-columns:1fr 1fr;gap:10px}.acc-quick a{padding:14px}}#customer-reminders{scroll-margin-top:90px}.reminder-heading{align-items:center;gap:14px;display:flex}.reminder-heading h2{margin:3px 0 0!important;font-size:23px!important}.reminder-eyebrow{letter-spacing:.06em;color:#6b826c;font-size:11px;font-weight:700}.reminder-icon{color:#416948;background:#e8f0dd;border-radius:15px;flex:none;place-items:center;width:48px;height:48px;font-size:30px;display:grid}.reminder-intro{color:#6b7b6e;font-size:14px;line-height:1.8;margin:20px 0!important}.reminder-preferences{background:#f6f9f1;border:1px solid #dde7d7;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.reminder-toggle{cursor:pointer;align-items:center;position:relative;gap:14px!important;margin:0!important;display:flex!important}.reminder-toggle input{opacity:0;position:absolute;width:1px!important;height:1px!important}.reminder-switch{background:#a3b0a5;border-radius:20px;flex:none;width:48px;height:28px;transition:background .15s;position:relative}.reminder-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:4px;left:4px;box-shadow:0 1px 3px #183e3430}.reminder-toggle input:checked+.reminder-switch{background:#245b42}.reminder-toggle input:checked+.reminder-switch:after{transform:translate(20px)}.reminder-toggle input:focus-visible+.reminder-switch{outline-offset:3px;outline:3px solid #87adbe}.reminder-toggle strong{font-size:14px;display:block}.reminder-toggle small{color:#71846f;margin-top:5px;font-size:12px;font-weight:400;display:block}.reminder-lead{flex:none;gap:5px;font-size:12px;display:grid;margin:0!important}.reminder-lead select{background:#fff;min-width:115px;min-height:42px;padding:8px 12px!important}.reminder-save{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 24px;display:flex}.reminder-save p{color:#286044;font-size:13px;margin:0!important}.refill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.refill-forecast{background:linear-gradient(150deg,#f1f6e8 0%,#fff 70%);border:1px solid #dce4d6;border-radius:18px;min-width:0;padding:22px}.refill-forecast-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.refill-forecast h3{margin:0;font-size:16px}.refill-forecast-top small{color:#758171;overflow-wrap:anywhere;font-size:11px}.refill-caption{color:#6d7c6b;font-size:12px}.refill-date{color:#214e3b;margin:6px 0;font-size:24px;font-weight:700;display:block}.refill-average{color:#6a7e66;margin:10px 0 18px!important;font-size:12px!important}.refill-detail{border-top:1px dashed #d3dfca;justify-content:space-between;gap:14px;padding-top:14px;font-size:11px;display:flex}.refill-detail b{color:#496644;margin-top:5px;font-size:12px;font-weight:600;display:block}.refill-status{background:#eef2e5;border-radius:10px;padding:10px 12px;color:#576d4b!important;margin:16px 0!important;font-size:12px!important;line-height:1.6!important}.refill-book{color:#256447;justify-content:space-between;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.reminder-footnote{color:#7b8777;margin:20px 0 0!important;font-size:11px!important;line-height:1.8!important}.refill-empty{color:#7b8777;border:1px dashed #d2ddc8;border-radius:14px;grid-column:1/-1;padding:24px;font-size:13px}@media (width<=640px){.reminder-preferences{flex-direction:column;align-items:stretch;padding:16px}.reminder-lead{grid-template-columns:1fr auto;align-items:center}.reminder-lead select{width:120px}.refill-grid{grid-template-columns:1fr}.reminder-heading h2{font-size:20px!important}.refill-date{font-size:24px}.reminder-save button{font-size:12px}.reminder-toggle strong{font-size:13px}}#customer-reminders{grid-area:reminders;min-width:0}.account:has(>#customer-reminders){grid-template-areas:"heading heading""notice notice""profile pickup""profile addresses""reminders reminders"}#reminder-title{scroll-margin-top:100px}#customer-reminders .reminder-toggle{flex-direction:row}#customer-reminders .reminder-lead{display:grid}#customer-reminders .reminder-save .primary{width:auto;margin-top:0}@media (width<=700px){.account:has(>#customer-reminders){grid-template-areas:"heading""notice""pickup""profile""reminders""addresses"}}.driver-app button{cursor:pointer}.driver-app input:not([type=checkbox]){box-sizing:border-box;width:100%;font:inherit;border:1px solid #d7e0d3;border-radius:10px;margin:8px 0;padding:12px}.driver-app button:not(.order-primary){color:#204b37;font:inherit;background:#f1f6eb;border:1px solid #cdd9c6;border-radius:12px;padding:12px 16px}.driver-title{justify-content:space-between;align-items:center;gap:15px;margin:25px 0;display:flex}.driver-title h1{margin:12px 0;font-size:36px}.driver-title p{color:#72816d;font-size:13px}.driver-metrics{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.driver-metrics>div{background:#e4edda;border-radius:20px;gap:7px;padding:23px;display:grid}.driver-metrics strong{font-size:32px}.driver-metrics span{font-size:13px}.driver-filters{gap:8px;margin:25px 0;display:flex;overflow:auto}.driver-filters button{white-space:nowrap}.driver-filters [aria-pressed=true]{color:#fff!important;background:#174d38!important}.driver-list{grid-template-columns:1fr 1fr;gap:16px;display:grid}.driver-app .driver-job{text-align:left;background:#fff!important;border-radius:20px!important;padding:22px!important}.driver-job>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.driver-job h2{margin:18px 0 8px;font-size:20px}.driver-job small,.driver-job p,.driver-job>span{font-size:13px;font-weight:400;line-height:1.7}.driver-status{white-space:nowrap;background:#e9f2e1;border-radius:30px;padding:7px 12px;font-size:12px}#driver-detail{margin-top:24px}.driver-detail-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.driver-detail-heading h2{margin:10px 0}.driver-destination,.driver-stations{border-bottom:1px solid #e5eade;padding:15px 0}.driver-destination p{line-height:1.7}.driver-links{gap:20px;display:flex}.driver-app a{color:#246045}.driver-next{gap:14px;margin:22px 0;display:grid}.driver-tank{border:1px solid #dce5d4;border-radius:18px;margin:16px 0;padding:22px}.driver-tank h4{margin:0;font-size:18px}.driver-tank p{font-size:14px;line-height:1.7}.driver-scan,.evidence-box{gap:10px;padding-top:16px;display:grid}.driver-scan{border-top:1px dashed #cbd8c4;margin-top:15px}.evidence-gallery{flex-wrap:wrap;gap:12px;display:flex}.evidence-gallery figure{max-width:200px;margin:15px 0}.evidence-gallery img{border-radius:12px;width:100%}.evidence-gallery figcaption{font-size:11px;line-height:1.7}.driver-timeline{padding-left:22px}.driver-timeline li{padding:10px 0;font-size:13px}.driver-timeline time,.driver-timeline small{color:#6b7a68;margin-top:5px;display:block}.driver-complete{color:#2e6839}.qr-holder canvas{max-width:100%;height:auto!important}.qr-holder a{display:block}#scan-dialog{background:#f7faf3;border:0;border-radius:22px;width:85%;max-width:500px;padding:22px}#scan-dialog::backdrop{background:#102519b3}#scan-dialog video{border-radius:14px;width:100%;max-height:400px}#driver-notice{color:#9b402e;line-height:1.7}.driver-app .brand small{font-size:12px}@media (width<=700px){.driver-title h1{font-size:28px}.driver-title{align-items:flex-start}.driver-title button{font-size:12px!important}.driver-metrics{gap:8px}.driver-metrics>div{padding:16px 12px}.driver-metrics strong{font-size:26px}.driver-metrics span{font-size:11px}.driver-list{grid-template-columns:1fr}.driver-tank{padding:17px}.driver-detail-heading h2{font-size:17px}.driver-app .brand{font-size:20px}}.driver-app [hidden]{display:none!important}#driver-detail{box-shadow:none;background:0 0;border:0;margin-top:8px;padding:0}.back-to-jobs{margin-bottom:18px;background:0 0!important}.job-summary-banner{color:#fff;background:#183f33;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;padding:28px;display:flex}.job-summary-banner .order-eyebrow{color:#c4d7b8}.job-summary-banner h2{margin:10px 0;font-size:28px}.job-summary-banner p{color:#d0deca;margin:0}.job-summary-banner .driver-status{color:#234c38}.job-progress{grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0;padding:20px 8px;list-style:none;display:grid}.job-progress li{color:#7c8779;align-items:center;gap:9px;font-size:14px;display:flex}.job-progress li>span{background:#e4e9df;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.job-progress .is-current{color:#174d38;font-weight:700}.job-progress .is-current>span{color:#fff;background:#174d38}.job-progress .is-done>span{color:#25593a;background:#d9e8ce}.job-action-panel{background:#eef3df;border:1px solid #d9e3c2;border-radius:20px;margin-bottom:24px;padding:25px}.job-action-panel h3{margin:10px 0;font-size:23px}.job-action-panel p{color:#586b50;margin:0;line-height:1.8}.job-action-panel .driver-next{max-width:480px;margin-bottom:0}.job-location-layout{grid-template-columns:.85fr 1.4fr;gap:20px;margin-bottom:30px;display:grid}.job-home-card,#job-map{background:#fff;border:1px solid #e0e6d9;border-radius:20px;overflow:hidden}.job-home-card{padding:24px}.job-home-card p{color:#62705b;font-size:14px;line-height:1.8}.job-home-card h3{margin:10px 0}.pickup-note{background:#faf4dd;border-radius:12px;padding:12px}.job-station-note{border-top:1px solid #e2e8dc;margin-top:24px;padding-top:18px}.map-heading{padding:18px 20px 0}.map-heading h3{margin:6px 0 10px}.map-targets{gap:6px;padding:0 18px 14px;display:flex;overflow:auto}.driver-app .map-targets button{white-space:nowrap;padding:8px 12px;font-size:12px}.map-targets [aria-pressed=true]{color:#fff!important;background:#174d38!important}.driver-map{z-index:0;background:#e2e9db;height:310px}.driver-map .leaflet-control-zoom a{color:#213e30}.driver-map-pin{color:#fff;background:#23553e;border:3px solid #fff;border-radius:50% 50% 50% 3px;place-items:center;font-size:14px;font-weight:700;display:grid;box-shadow:0 2px 7px #0004}.station-pin{background:#bc7825}.map-toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;display:flex}.driver-app .map-toolbar button{padding:9px 11px;font-size:12px}.map-external{font-size:12px}.map-status{color:#6f7b68;margin:0;padding:0 18px 16px;font-size:12px;line-height:1.7}.job-tanks-heading{justify-content:space-between;align-items:center;margin:25px 0 12px;display:flex}.job-tanks-heading h3{margin:6px 0;font-size:24px}.job-tanks-heading>span{background:#e3edda;border-radius:30px;padding:10px 15px;font-size:13px}#driver-items{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.driver-tank{background:#fff;margin:0;padding:24px}.tank-title-row{align-items:center;gap:10px;display:flex}.tank-number{background:#e9efdf;border-radius:12px;place-items:center;width:35px;height:35px;font-weight:700;display:grid}.tank-done-badge{color:#356943;margin-left:auto;font-size:11px}.driver-tank .evidence-box{background:#f9fbf5;border:1px solid #e3e9db;border-radius:14px;margin-top:18px;padding:16px}.driver-tank .scan-camera{min-height:50px;color:#fff!important;background:#204d38!important}.manual-qr summary,.photo-history summary{color:#66785a;cursor:pointer;padding:12px 0;font-size:13px}.photo-history{border-top:1px solid #e8ecdf;margin-top:20px}.job-history{background:#fff;border:1px solid #e0e6d9;border-radius:18px;margin-top:25px;padding:20px}.job-history>summary{cursor:pointer;font-weight:600}.driver-app .leaflet-control-attribution{font-size:10px}@media (width<=700px){.job-summary-banner{flex-direction:column;align-items:flex-start;gap:12px;padding:23px 20px}.job-summary-banner h2{font-size:25px}.job-progress{gap:4px;padding:18px 0}.job-progress li{flex-direction:column;gap:6px;font-size:12px}.job-action-panel{padding:20px}.job-action-panel h3{font-size:21px}.job-action-panel p{font-size:14px}.job-location-layout,#driver-items{grid-template-columns:1fr}.job-location-layout{gap:15px}.driver-map{height:280px}.job-home-card,.driver-tank{padding:20px}.job-tanks-heading h3{font-size:21px}.job-tanks-heading>span{font-size:11px}.driver-title{margin-top:14px}.driver-title h1{font-size:25px}}.map-route-result{color:#245b3e;margin:0;padding:0 18px 18px;font-size:14px;font-weight:600;line-height:1.7}.map-route-result:empty{display:none}.driver-app .driver-map button{background:0 0;border:0;border-radius:0;padding:0}.driver-app .map-toolbar button:disabled{opacity:.45;cursor:wait}.driver-app a.map-external{box-sizing:border-box;color:#fff;background:#176448;border:1px solid #126248;border-radius:16px;flex:0 0 100%;align-items:center;gap:12px;min-height:76px;margin-top:6px;padding:16px 18px;text-decoration:none;transition:background .15s,transform .15s;display:flex;box-shadow:0 5px 14px #174d3824}.map-navigation-icon{background:#ffffff1f;border-radius:13px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.map-navigation-label{gap:4px;min-width:0;display:grid}.map-navigation-label strong{font-size:16px;line-height:1.5}.map-navigation-label small{color:#e0f2e6;font-size:12px;line-height:1.5}.map-navigation-arrow{margin-left:auto;font-size:24px}.driver-app a.map-external:hover{background:#105238}.driver-app a.map-external:active{transform:translateY(1px)}.driver-app a.map-external:focus-visible{outline-offset:4px;outline:3px solid #d79d35}@media (width<=400px){.driver-app a.map-external{gap:9px;padding:14px 12px}.map-navigation-label strong{font-size:14px}.map-navigation-icon{width:38px;height:38px}}:root{--st-pickup:#2563eb;--st-pickup-soft:#eaf1ff;--st-pickup-deep:#1e40af;--st-fill:#ea6c0a;--st-fill-soft:#fff2e5;--st-fill-deep:#b45309;--st-care:#8b3fd9;--st-care-soft:#f4ecfe;--st-care-deep:#6b21a8;--st-return:#16955a;--st-return-soft:#e4f6ec;--st-return-deep:#116c43;--st-done:#5d7a6c}[data-stage=pickup],.st-pickup{--sc:var(--st-pickup);--sc-soft:var(--st-pickup-soft);--sc-deep:var(--st-pickup-deep)}[data-stage=fill],.st-fill{--sc:var(--st-fill);--sc-soft:var(--st-fill-soft);--sc-deep:var(--st-fill-deep)}[data-stage=care],.st-care{--sc:var(--st-care);--sc-soft:var(--st-care-soft);--sc-deep:var(--st-care-deep)}[data-stage=return],.st-return,[data-stage=done]{--sc:var(--st-return);--sc-soft:var(--st-return-soft);--sc-deep:var(--st-return-deep)}[data-stage=idle]{--sc:var(--st-done);--sc-soft:#eef3ef;--sc-deep:#3f5a4d}:is(.driver-app,.order-app:has(.rt-driver)){background:linear-gradient(#eef3ec 0,#f6f7f2 260px);font-family:Noto Sans Thai,system-ui,sans-serif}:is(.driver-app .order-header,.order-app:has(.rt-driver) .order-header){z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f3f6f0d9;border-bottom:1px solid #e1e8de;position:sticky;top:0}:is(.driver-app .brand small,.order-app:has(.rt-driver) .brand small){color:#fff;vertical-align:middle;background:#183f33;border-radius:99px;margin-left:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.stage-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0;padding:0;list-style:none;display:grid;position:relative}.stage-track li{text-align:center;color:#8a968f;background:#fff;border:1.5px solid #e2e8e1;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:14px 4px 12px;transition:transform .2s;display:flex;position:relative}.stage-track .st-dot{background:var(--sc-soft);width:42px;height:42px;color:var(--sc);border-radius:14px;place-items:center;display:grid}.stage-track svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.stage-track strong{margin-top:4px;font-size:14px;line-height:1.4}.stage-track small{font-size:11px;font-weight:600}.stage-track .is-todo{opacity:.7}.stage-track .is-todo .st-dot{filter:saturate(.5)}.stage-track .is-done{color:var(--st-done);background:#f7faf7;border-color:#dfe8e1}.stage-track .is-done .st-dot{color:#16955a;background:#dcefe4}.stage-track .is-current{background:var(--sc);border-color:var(--sc);color:#fff;box-shadow:0 12px 26px -10px var(--sc);transform:translateY(-3px)}.stage-track .is-current .st-dot{color:#fff;background:#ffffff2e;animation:2s ease-in-out infinite st-pulse}.stage-track .is-current small{color:var(--sc-deep);background:#fff;border-radius:99px;padding:1px 8px}@keyframes st-pulse{0%,to{box-shadow:0 0 #fff6}50%{box-shadow:0 0 0 7px #fff0}}.st-legend{color:#66766b;flex-wrap:wrap;gap:6px 14px;margin:-6px 0 18px;font-size:12px;display:flex}.st-legend span{align-items:center;gap:6px;display:inline-flex}.st-legend i{background:var(--sc);border-radius:3px;width:10px;height:10px}.st-next{border:1px dashed var(--sc);background:#ffffffb3;border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.6;color:var(--sc-deep)!important;margin:16px 0 0!important}.st-next b{color:var(--sc)}.driver-app .job-summary-banner,.rt-driver .rt-load-banner{background:radial-gradient(420px 220px at 100% 0,#ffffff2a,transparent 70%),linear-gradient(135deg,var(--sc-deep),var(--sc));box-shadow:0 18px 40px -18px var(--sc)}.driver-app .job-summary-banner .order-eyebrow,.rt-driver .rt-load-banner .rt-eyebrow{color:#fffc}.driver-app .job-summary-banner .driver-status,.rt-driver .rt-load-banner .rt-tag{color:var(--sc-deep);background:#fff;font-weight:700}.driver-app .job-action-panel,.rt-driver .rt-current-task{border:1.5px solid var(--sc);box-shadow:0 10px 30px -18px var(--sc);background:#fff;border-left-width:8px;border-radius:22px;position:relative;overflow:hidden}.driver-app .job-action-panel:before,.rt-driver .rt-current-task:before{content:"";background:linear-gradient(120deg,var(--sc-soft),transparent 65%);pointer-events:none;position:absolute;inset:0}.driver-app .job-action-panel>*,.rt-driver .rt-current-task>*{position:relative}.driver-app .job-action-panel .order-eyebrow,.rt-driver .rt-current-task>.rt-eyebrow{background:var(--sc);color:#fff;letter-spacing:.02em;border-radius:99px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.driver-app .job-action-panel h3,.rt-driver .rt-current-task h2{color:var(--sc-deep)}.driver-app .job-action-panel .order-primary,.rt-driver .rt-current-task .rt-batch-action,.rt-driver .rt-current-task button.primary{background:var(--sc);border-color:var(--sc);color:#fff;min-height:58px;box-shadow:0 10px 22px -10px var(--sc);border-radius:16px;font-size:16px;font-weight:700}.driver-app .job-action-panel .order-primary:hover{background:var(--sc-deep)}.rt-driver .rt-batch-action{width:100%}.driver-app .driver-job{transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 8px 22px -16px #183f33;border:1.5px solid #e3e9e2!important;border-left:7px solid var(--sc)!important}.driver-app .driver-job:hover{box-shadow:0 14px 28px -16px var(--sc);transform:translateY(-2px)}.driver-app .driver-job .driver-status{background:var(--sc-soft);color:var(--sc-deep);font-weight:700}.driver-app .driver-job .st-chip{background:var(--sc);color:#fff;border-radius:99px;align-items:center;gap:6px;margin-top:10px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.driver-app .driver-job .st-chip svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.driver-app .driver-metrics>div{background:#fff;border:1px solid #e1e8de;box-shadow:0 6px 18px -14px #183f33}.driver-app .driver-filters button[data-filter]{border-radius:99px;font-weight:600}.driver-app .driver-filters [aria-pressed=true]{background:var(--sc,#174d38)!important;border-color:var(--sc,#174d38)!important}.driver-app .driver-tank{border:1.5px solid #e2e8e1;border-top:6px solid var(--sc);border-radius:22px;box-shadow:0 10px 26px -20px #183f33}.driver-app .driver-tank .tank-number{background:var(--sc-soft);color:var(--sc-deep)}.driver-app .driver-tank.is-complete{border-top-color:var(--st-return);background:#fbfefc}.driver-app .tank-done-badge{background:#dcefe4;border-radius:99px;padding:4px 10px;font-weight:700;color:#116c43!important}.task-steps{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.task-steps>li{color:#8c978f;background:#fafbfa;border:1.5px solid #e6ebe6;border-radius:16px;grid-template-columns:40px 1fr;gap:12px;padding:14px;transition:background .2s,border-color .2s;display:grid;position:relative}.task-steps>li:not(:last-child):after{content:"";background:#e1e7e2;width:2px;position:absolute;top:56px;bottom:-12px;left:33px}.task-steps .ts-dot{color:#7f8b84;z-index:1;background:#e8ece9;border-radius:50%;place-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:grid}.task-steps .ts-body{gap:8px;min-width:0;display:grid}.task-steps .ts-body>strong{color:inherit;font-size:16px;line-height:1.5}.task-steps .ts-body>small{font-size:12px;line-height:1.5}.task-steps>li.is-todo .ts-body>:not(strong):not(small){display:none}.task-steps>li.is-current{background:var(--sc-soft);border-color:var(--sc);color:var(--sc-deep);box-shadow:0 10px 24px -16px var(--sc)}.task-steps>li.is-current .ts-dot{background:var(--sc);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--sc) 22%,transparent)}.task-steps>li.is-current .ts-body>strong:after{content:"ทำขั้นนี้";background:var(--sc);color:#fff;vertical-align:2px;border-radius:99px;margin-left:8px;padding:2px 9px;font-size:11px}.task-steps>li.is-done{color:#116c43;background:#f1faf4;border-color:#bfe3cc}.task-steps>li.is-done .ts-dot{color:#fff;background:#16955a}.task-steps>li.is-done:after{background:#9fd5b5}.driver-app .task-steps .ts-btn,.driver-app .task-steps button:not(.order-primary){background:var(--sc);color:#fff;width:100%;min-height:52px;font:inherit;cursor:pointer;box-sizing:border-box;border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin:0;padding:12px 16px;font-weight:700;display:flex}.driver-app .task-steps>li.is-done .ts-btn,.driver-app .task-steps>li.is-done button{color:#116c43;background:#fff;border:1px solid #bfe3cc}.driver-app .task-steps .ts-btn input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.driver-app .task-steps .ts-btn:focus-within{outline-offset:3px;outline:3px solid #c89534}.task-steps .ts-thumb{object-fit:cover;border:2px solid #fff;border-radius:12px;width:96px;height:96px;box-shadow:0 4px 12px #0002}.task-steps .gps-text,.task-steps .evidence-status{margin:0;font-size:13px}.task-steps .ts-alt{flex-wrap:wrap;gap:6px 14px;font-size:13px;display:flex}.driver-app .task-steps .ts-alt label{color:var(--sc-deep);cursor:pointer;font-weight:600;text-decoration:underline;position:relative}.driver-app .task-steps .ts-alt label input{opacity:0;width:1px;height:1px;position:absolute}.driver-app .task-steps .manual-qr summary{color:var(--sc-deep);padding:0;text-decoration:underline}.driver-app .driver-tank .driver-scan,.driver-app .driver-tank .evidence-box{background:0 0;border:0;margin:0;padding:0}.driver-app .driver-complete{color:#116c43;background:#e4f6ec;border-radius:14px;align-items:center;gap:8px;padding:12px 14px;font-weight:700;display:flex}@media (width<=700px){.stage-track{gap:5px;margin:14px 0}.stage-track li{border-radius:14px;padding:10px 2px 9px}.stage-track .st-dot{border-radius:11px;width:34px;height:34px}.stage-track svg{width:18px;height:18px}.stage-track strong{font-size:12.5px}.stage-track small{font-size:10px}.stage-track .is-current small{padding:0 6px}.driver-app .job-action-panel,.rt-driver .rt-current-task{border-left-width:6px}}@media (prefers-reduced-motion:reduce){.stage-track .is-current .st-dot{animation:none}.stage-track li{transition:none}}.rt-driver .rt-house-load{border-left:5px solid var(--sc);border-radius:4px 14px 14px 4px;padding-left:14px}.rt-driver .rt-house-load>small.rt-muted{color:var(--sc-deep);font-weight:600}.rt-driver [data-stage] .rt-stop.next{background:var(--sc-soft);outline:1.5px solid var(--sc)}.rt-driver [data-stage] .rt-stop.next .rt-stop-num,.rt-driver [data-stage] .rt-stop.next .rt-button.primary{background:var(--sc);border-color:var(--sc)}.rt-driver .rt-current-task button.rt-report-issue{color:#b42318;background:#fff;border-color:#f3c3bd}.driver-app a.order-primary{color:#fff}.driver-app .task-steps .scan-camera{background:var(--sc)!important;color:#fff!important}.driver-app .task-steps>li.is-done .scan-camera{color:#116c43!important;background:#fff!important}.trip-checklist .tc-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.trip-checklist h3{margin:6px 0 0;font-size:22px}.tc-progress{color:#3f5a4d;background:#eef3ef;border-radius:99px;flex-shrink:0;padding:6px 12px;font-size:13px;font-weight:700}.tc-bar{background:#edf1ee;border-radius:99px;height:10px;margin:14px 0 16px;overflow:hidden}.tc-bar i{background:linear-gradient(90deg,var(--st-pickup),var(--st-fill),var(--st-care),var(--st-return));background-size:400px 100%;border-radius:99px;height:100%;transition:width .4s;display:block}.tc-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tc-row{color:#8a958f;background:#fafbfa;border:1.5px solid #e8ece8;border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:11px 12px;display:grid}.tc-row strong{font-size:15px;line-height:1.5;display:block}.tc-row small{margin-top:2px;font-size:12.5px;line-height:1.5;display:block}.tc-dot{background:#e7ebe8;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:grid}.tc-dot svg,.success-check svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.tc-count{font-variant-numeric:tabular-nums;font-size:13px}.tc-row.is-done{color:#116c43;background:#f1faf4;border-color:#cbe9d6}.tc-row.is-done .tc-dot{color:#fff;background:#16955a}.tc-row.is-current{background:var(--sc-soft);border-color:var(--sc);color:var(--sc-deep);box-shadow:0 8px 20px -14px var(--sc)}.tc-row.is-current .tc-dot{background:var(--sc);color:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--sc) 20%,transparent)}.tc-row.is-current strong:after{content:"ทำตอนนี้";background:var(--sc);color:#fff;vertical-align:2px;border-radius:99px;margin-left:8px;padding:1px 9px;font-size:11px}.tc-final{grid-template-columns:34px 1fr}.tc-final.is-todo{border-style:dashed}.tc-final.is-done{color:#fff;background:#16955a;border-color:#16955a}.tc-final.is-done .tc-dot{color:#16955a;background:#fff}.success-card{color:#fff;background:radial-gradient(360px 200px at 100% 0,#ffffff30,#0000 70%),linear-gradient(135deg,#0f6b40,#16955a);border-radius:24px;align-items:center;gap:18px;margin:0 0 20px;padding:24px;animation:.45s ease-out success-in;display:flex;box-shadow:0 18px 40px -18px #16955a}.success-card h2{color:#fff;margin:4px 0;font-size:24px;line-height:1.4}.success-card p{color:#dff5e8;margin:0;font-size:14px;line-height:1.6}.success-label{background:#ffffff26;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.success-check{color:#16955a;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 0 0 8px #ffffff2e}.success-check svg{width:34px;height:34px}@keyframes success-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.success-card{animation:none}}.rt-driver .rt-todo{background:var(--sc-soft);color:var(--sc-deep);border-radius:10px;margin-top:6px;padding:6px 10px;font-size:12.5px;font-style:normal;font-weight:700;line-height:1.5;display:block}.rt-driver .rt-house-go{width:100%;margin-top:6px;background:var(--sc)!important;border-color:var(--sc)!important}.rt-driver .rt-house-done{color:#116c43;background:#dcefe4;border-radius:99px;padding:3px 10px;font-size:12px;font-weight:700}.rt-driver .rt-house-load.is-delivered{border-left-color:var(--st-return)}@media (width<=700px){.success-card{gap:14px;padding:20px}.success-check{width:52px;height:52px}.success-card h2{font-size:21px}.trip-checklist h3{font-size:19px}.tc-row{gap:10px;padding:10px}}.tc-row.is-current strong:after{white-space:nowrap;display:inline-block}.tc-row.is-done{grid-template-columns:28px 1fr auto;padding:6px 12px}.tc-row.is-done .tc-dot{width:28px;height:28px}.tc-row.is-done strong{font-size:14px;font-weight:600}.task-steps>li.is-current .ts-body>strong:after{white-space:nowrap;display:inline-block}.driver-app .task-steps .ts-alt .scan-camera.ts-link{border:0;width:auto;min-height:0;padding:0;font-size:13px;font-weight:600;text-decoration:underline;display:inline;color:var(--sc-deep)!important;background:0 0!important}.task-steps [data-state=error]{color:#b42318;background:#fef3f2;border:1px solid #fecdca;border-radius:10px;padding:8px 10px;font-weight:600}.task-steps [data-state=ok]{color:#116c43;font-weight:700}.task-steps .evidence-status:empty,.task-steps .scan-status:empty{display:none}.driver-app .task-steps .ts-retry{color:#b42318;background:#fff;border:1px solid #fecdca}.tc-row{position:relative}.tc-go{background:var(--sc);border-radius:12px;margin-top:8px;padding:8px 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block;color:#fff!important}.tc-go:after{content:"";border-radius:14px;position:absolute;inset:0}.tc-row.is-current:active{transform:scale(.99)}.success-card,.job-tanks-heading{scroll-margin-top:96px}.success-next{background:#fff;border-radius:12px;margin-top:12px;padding:10px 16px;font-weight:800;text-decoration:none;display:inline-block;color:#0f6b40!important}.driver-app .task-steps .ts-alt{flex-direction:column;align-items:flex-start;gap:10px}.driver-app .task-steps .manual-qr{width:100%}.driver-app .task-steps .manual-qr[open] summary{margin-bottom:8px}.tank-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.tank-grid input:not([type=file]),.tank-grid select{box-sizing:border-box;width:100%;font:inherit;border:1px solid #dce3d8;border-radius:10px;margin:8px 0 16px;padding:13px;display:block}.tank-grid button:not(.order-primary){color:#244e39;font:inherit;cursor:pointer;background:#f2f6ec;border:1px solid #cbd8c6;border-radius:12px;padding:12px 16px}.tank-actions{gap:10px;margin:20px 0;display:flex}.tank-grid video{object-fit:cover;background:#102c22;border-radius:16px;width:100%;max-height:360px}.tank-file{padding:14px 0;font-size:14px;display:block}.tank-file input{width:100%;margin-top:8px;display:block}.tank-list-item{justify-content:space-between;gap:12px;width:100%;margin-bottom:10px;display:flex}.tank-list-item span{font-size:13px}.tank-work-title{margin-top:30px!important}.tank-job{border-bottom:1px solid #e0e6dd;padding:16px 0}.tank-job p{font-size:13px}#tank-detail{margin-top:24px}.tank-detail-grid{grid-template-columns:1fr 1fr;gap:26px;margin-bottom:30px;display:grid}#tank-qr{max-width:100%;height:auto!important}#qr-download{color:#245a3b;padding:12px 0;display:block}.tank-photo{object-fit:contain;border-radius:16px;max-width:100%;max-height:300px}.tank-history{margin-bottom:25px}.tank-history article{border-left:3px solid #d6e5c9;margin:14px 0;padding:5px 15px}.tank-history p{color:#617461;font-size:13px;line-height:1.7}.tank-grid button:disabled{opacity:.5}#scan-message{font-size:14px;line-height:1.7}@media (width<=700px){.tank-grid,.tank-detail-grid{grid-template-columns:1fr}.tank-list-item{flex-wrap:wrap}}.order-page{background:radial-gradient(900px 420px at 90% -5%,#dcefd9 0,#0000 60%),radial-gradient(700px 380px at -10% 20%,#eef3dc 0,#0000 55%),#f5f7f2;font-family:Noto Sans Thai,Tahoma,system-ui,sans-serif}.order-page .order-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f7f2d9;position:sticky;top:0}.order-page .op-hero{color:#fff;background:radial-gradient(420px 260px at 100% 0,#2f9c7466,#0000 70%),linear-gradient(135deg,#185a43,#0f3a2c);border-radius:28px;align-items:center;margin:8px 0 28px;padding:32px;position:relative;overflow:hidden;box-shadow:0 24px 50px -24px #0f3a2c}.order-page .op-hero .order-eyebrow{color:#b9e3c7}.order-page .op-hero h1{color:#fff;letter-spacing:-1px;margin:12px 0;font-size:clamp(32px,5vw,52px);line-height:1.3}.order-page .op-hero p{color:#d4e7dc;margin:0}.op-steps{flex-wrap:wrap;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.op-steps li{background:#ffffff1a;border-radius:99px;align-items:center;gap:8px;padding:6px 14px 6px 6px;font-size:13px;font-weight:600;display:inline-flex}.op-steps b{color:#10352c;background:#e7efc8;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.op-tank{filter:drop-shadow(0 18px 24px #0006);flex-shrink:0;width:150px;height:auto;animation:6s ease-in-out infinite op-float}@keyframes op-float{0%,to{transform:translateY(0)rotate(4deg)}50%{transform:translateY(-8px)rotate(4deg)}}.order-page .order-card{border:1px solid #e3e9e4;border-radius:24px;box-shadow:0 10px 30px -22px #10352c}.order-page .order-fields .order-card h2{color:#10352c;margin:0 0 4px;font-size:20px}.order-page .order-fields .order-card h2>span{color:#fff;background:linear-gradient(135deg,#1c7453,#145a41);border:0;border-radius:12px;width:36px;height:36px;font-size:13px;font-weight:800}.op-hint{color:#6a7a71;margin:0 0 18px 48px;font-size:13px}.order-page .order-card select,.order-page .order-card input[type=number],.order-page .order-promo input{background:#fafcf9;border:1.5px solid #dfe7e0;border-radius:14px;min-height:52px;font-size:16px}.order-page .order-card select:focus,.order-page .order-card input:focus{background:#fff;border-color:#2f9c74;outline:none;box-shadow:0 0 0 4px #2f9c7422}.order-page #pickup-detail{color:#3f5a4d;background:#f1f7ef;border-radius:14px;align-items:flex-start;gap:8px;margin:12px 0;padding:12px 14px;display:flex}.order-page #pickup-detail:before{content:"";background:#176448;flex-shrink:0;width:18px;height:18px;margin-top:3px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2'%3E%3Cpath d='M12 21s-7-6.2-7-12a7 7 0 0 1 14 0c0 5.8-7 12-7 12Z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2'%3E%3Cpath d='M12 21s-7-6.2-7-12a7 7 0 0 1 14 0c0 5.8-7 12-7 12Z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E") 50%/contain no-repeat}.order-page #pickup-detail:empty{display:none}.order-page .choice>span{background:#fff;border:1.5px solid #dfe7e0;border-radius:14px;font-weight:600;transition:border-color .15s,background .15s,transform .15s}.order-page .choice:hover>span{border-color:#9fcfb3}.order-page .fill-options .choice input:checked+span{color:#fff;background:linear-gradient(135deg,#1c7453,#145a41);border-color:#145a41;box-shadow:0 8px 18px -10px #176448}.order-page .service-choice>span{grid-template-columns:40px 1fr;align-items:center;column-gap:12px;padding:14px 16px;display:grid}.order-page .service-choice strong{grid-column:2;font-size:16px}.order-page .service-choice small{grid-column:2}.op-svc-ico{color:#176448;background:#eaf3ea;border-radius:12px;grid-row:1/3;place-items:center;width:40px;height:40px;display:grid}.op-svc-ico svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.order-page .service-choice input:checked+span{background:#eef8f1;border-color:#2f9c74;box-shadow:inset 0 0 0 1px #2f9c74}.order-page .service-choice input:checked+span .op-svc-ico{color:#fff;background:#176448}.order-page .order-summary{background:#fff}.order-page .order-summary h2{color:#10352c;font-size:22px}.order-page .summary-item{background:#f3f7f2;border:0;border-radius:16px;padding:16px}.order-page .order-summary .order-total{color:#0f3a2c;background:linear-gradient(135deg,#e7f3e5,#dcefd9);border:0;border-radius:16px;margin:18px -10px 0;padding:16px 14px;font-size:22px}.order-page .order-discount dd{color:#16955a;font-weight:700}.order-page .order-primary{background:linear-gradient(135deg,#1c7453,#145a41);border-radius:16px;min-height:56px;font-size:16px;font-weight:700;transition:transform .15s;box-shadow:0 12px 24px -12px #176448}.order-page .order-primary:hover:not(:disabled){transform:translateY(-1px)}.op-sticky{display:none}@media (width<=700px){.order-page .op-hero{border-radius:24px;margin:6px 0 20px;padding:24px 20px}.order-page .op-hero h1{font-size:32px}.op-tank{opacity:.9;width:90px;position:absolute;top:46px;right:-14px}.op-hero-copy{z-index:1;padding-right:64px;position:relative}.op-steps li{font-size:12px}.op-hint{margin-left:0}.op-sticky:not([hidden]){left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:900;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f3a2cf2;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:10px 10px 10px 18px;transition:opacity .2s,transform .2s;display:flex;position:fixed;box-shadow:0 18px 40px -12px #0f3a2c}.op-sticky.is-away{opacity:0;pointer-events:none;transform:translateY(20px)}.op-sticky small{color:#b9e3c7;font-size:11px;display:block}.op-sticky strong{font-size:20px}.op-sticky button{color:#10352c;min-height:46px;font:inherit;cursor:pointer;background:#e7efc8;border:0;border-radius:14px;padding:10px 16px;font-weight:800}.order-page .order-main{padding-bottom:110px}}@media (prefers-reduced-motion:reduce){.op-tank{animation:none}}