@font-face{font-family:__appFont_501535;src:url(/_next/static/media/e2e5214eb9ed2ea9-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:__appFont_501535;src:url(/_next/static/media/dfdccd64b960ab43-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:__appFont_501535;src:url(/_next/static/media/8a0b72bc942f09c2-s.p.woff2) format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:__appFont_501535;src:url(/_next/static/media/2093ba36ccab1725-s.p.woff2) format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:__appFont_501535;src:url(/_next/static/media/3c15d94fccf7493e-s.p.woff2) format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:__appFont_501535;src:url(/_next/static/media/e03c66031dc365ca-s.p.woff2) format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:__appFont_Fallback_501535;src:local("Arial");ascent-override:110.35%;descent-override:52.80%;line-gap-override:0.00%;size-adjust:101.13%}.__className_501535{font-family:__appFont_501535,__appFont_Fallback_501535,Noto Sans Thai,Sarabun,Tahoma,sans-serif}.__variable_501535{--app-font:"__appFont_501535","__appFont_Fallback_501535",Noto Sans Thai,Sarabun,Tahoma,sans-serif}*{box-sizing:border-box}button,input,optgroup,select,textarea{font-family:inherit}.btn-primary,.btn-secondary{white-space:nowrap}body{margin:0;font-family:var(--app-font),"Noto Sans Thai","Sarabun","Tahoma",sans-serif;background:#f8f8ff;color:#2b2620}.topbar{background:#6339eb;color:#f6f1e4;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{color:#f6f1e4;text-decoration:none;font-weight:700;font-size:18px;flex-shrink:1}.brand,.brand-name{min-width:0;overflow:hidden}.brand-name{white-space:nowrap;text-overflow:ellipsis}.nav{min-width:0;flex-shrink:1}.nav a{color:#f6f1e4;text-decoration:none;margin-left:18px;font-size:14px;opacity:.9;display:inline-block;max-width:45vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.nav a:hover{opacity:1;text-decoration:underline}.container{max-width:720px;margin:0 auto;padding:20px}.card{background:#fff;border:1px solid #e4ddc8;border-radius:12px;padding:16px 18px;margin-bottom:14px}.shop-name{font-weight:700;font-size:16px;margin:0 0 2px}.shop-title-row{gap:6px}.shop-meta-row,.shop-title-row{display:flex;flex-wrap:wrap;align-items:center;min-width:0}.shop-meta-row{gap:2px 8px}.shop-meta-row>span{white-space:nowrap}.shop-title-row .shop-name{flex:1 1 100%;overflow-wrap:anywhere}.muted{color:#7a7566;font-size:13px;margin:0}.menu-row{justify-content:space-between;padding:8px 0;border-top:1px solid #eee6d3}.menu-row,.qty-controls{display:flex;align-items:center}.qty-controls{gap:10px}.qty-controls button{width:28px;height:28px;border-radius:6px;border:1px solid #cbbf9c;background:#fff;cursor:pointer;font-size:15px}.btn-primary{background:#e4dbfb;color:#4527a0;border:2px solid #7c4dff;border-radius:8px;padding:8px 16px;font-weight:700;cursor:pointer;font-size:14px;transition:background .15s,transform .05s}.btn-primary:hover:not(:disabled){background:#d8cbfa}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#fff;color:#2f5233;border:1px solid #2f5233;border-radius:8px;padding:8px 14px;cursor:pointer;font-size:13px}.badge{display:inline-block;white-space:nowrap;flex-shrink:0;font-size:11px;padding:3px 9px;border-radius:999px;background:#eaf3de;color:#27500a;font-weight:700}.badge-amber{background:#faeeda;color:#633806}.badge-red{background:#fcebeb;color:#791f1f}.badge-blue{background:#e1edf7;color:#1b4b7a}.badge-gray{background:#ece8dc;color:#6b6555}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{flex:1 1;white-space:nowrap;text-align:center;padding:10px 14px;border-radius:10px;background:#fff;border:1px solid #e4ddc8;color:#7a7566;font-weight:700;font-size:14px;cursor:pointer;position:relative}.tab.active{background:#6339eb;color:#f6f1e4;border-color:#6339eb}.tab .count{display:inline-block;min-width:18px;padding:0 5px;margin-left:5px;font-size:11px;line-height:18px;border-radius:999px;background:#e3a63e;color:#412402}.subtab{flex:1 1;white-space:nowrap;text-align:center;padding:9px 14px;border-radius:10px;background:#fff;border:2px solid #cbbf9c;color:#7a7566;font-weight:700;font-size:14px;cursor:pointer;position:relative;transition:background .15s,border-color .15s,color .15s}.subtab.active{background:#e4dbfb;color:#4527a0;border-color:#7c4dff}.subtab .count{display:inline-block;min-width:18px;padding:0 5px;margin-left:5px;font-size:11px;line-height:18px;border-radius:999px;background:#7c4dff;color:#fff}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.status-dot.online{background:#2ecc71;animation:status-dot-pulse 1.6s ease-out infinite}.status-dot.offline{background:#b9b2a0}.status-dot.warn{background:#e3a63e}@keyframes status-dot-pulse{0%{box-shadow:0 0 0 0 rgba(46,204,113,.55)}70%{box-shadow:0 0 0 9px rgba(46,204,113,0)}to{box-shadow:0 0 0 0 rgba(46,204,113,0)}}.shop-card{display:flex;gap:12px;align-items:center;cursor:pointer;transition:border-color .15s,transform .05s}.shop-card:hover{border-color:#e3a63e}.shop-card:active{transform:scale(.995)}.thumb{width:52px;height:52px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:26px;background:#faeeda}.thumb-sm{width:40px;height:40px;font-size:20px;border-radius:10px}.hide-scroll{scrollbar-width:none;-ms-overflow-style:none}.hide-scroll::-webkit-scrollbar{display:none}.back-btn{background:#f6f1e4;border:1.5px solid #2f5233;color:#2f5233;font-weight:700;cursor:pointer;padding:6px 14px;border-radius:20px;font-size:14px;margin-bottom:10px}.back-btn:active{background:#ebe3cc}.quicktile{transition:transform .12s ease,opacity .12s ease}.quicktile:active{transform:scale(.93);opacity:.8}.cartbar{position:-webkit-sticky;position:sticky;bottom:12px;z-index:30;margin-top:16px;display:flex;align-items:center;justify-content:space-between;background:#9b7fd4;color:#fff;border-radius:14px;padding:16px 20px;font-size:16px;font-weight:600;box-shadow:0 8px 22px rgba(116,82,195,.35);cursor:pointer}.cartbar .count-dot{background:#fff;color:#4b2e83;font-weight:700;border-radius:999px;padding:2px 11px;font-size:14px;margin-right:10px}.order-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.divider{border-top:1px solid #eee6d3;margin:10px 0}input,select,textarea{width:100%;padding:9px 11px;border-radius:8px;border:1px solid #cbbf9c;font-size:14px;margin-bottom:10px;font-family:inherit;background:#fff;color:#3c3c43}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b6b70' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.promo-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:12px 10px;gap:12px 10px}.promo-form .full{grid-column:1/-1}.promo-form .fld{min-width:0}.promo-form .fld>label{display:block;font-size:12px;color:#8a8a8e;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promo-form .fld input,.promo-form .fld select{margin-bottom:0}.promo-form .fld input[type=number]{max-width:120px}.promo-form .hint{margin:4px 0 0;font-size:11px;color:#8a8a8e;line-height:1.35}.promo-form .hint button{background:none;border:none;padding:0;cursor:pointer;font-size:11px;color:#791f1f}@media (max-width:360px){.promo-form{grid-template-columns:minmax(0,1fr)}}.date-range-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:10px;gap:10px}@media (max-width:400px){.date-range-grid{gap:8px}}input[type=date],input[type=datetime-local],input[type=time]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;min-width:0;max-width:100%;text-align:left;font-size:16px}input[type=date]::-webkit-date-and-time-value,input[type=datetime-local]::-webkit-date-and-time-value,input[type=time]::-webkit-date-and-time-value{text-align:left;min-width:0;margin:0}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator{margin:0;padding:0;width:14px;height:14px;flex-shrink:0}.date-range-grid input[type=date]{padding:10px 6px;font-size:16px}input[type=checkbox],input[type=radio]{width:auto;padding:0;margin-bottom:0;flex-shrink:0}.stepper{display:flex;justify-content:space-between;margin:14px 0}.step{text-align:center;font-size:11px;color:#a39d89;flex:1 1}.step.active{color:#2f5233;font-weight:700}.step-dot{width:10px;height:10px;border-radius:50%;background:#ddd3b6;margin:0 auto 4px;position:relative}.step.active .step-dot{background:#e3a63e}.step.current .step-dot{background:#e3a63e;animation:step-pulse 1.4s ease-out infinite}.step.current{color:#a85b00}@keyframes step-pulse{0%{box-shadow:0 0 0 0 rgba(227,166,62,.55)}70%{box-shadow:0 0 0 8px rgba(227,166,62,0)}to{box-shadow:0 0 0 0 rgba(227,166,62,0)}}.track{position:relative;margin:6px 0 14px;padding-top:22px}.track-line-bg{background:#ddd3b6;z-index:0}.track-line-bg,.track-line-fill{position:absolute;top:26px;height:2px;border-radius:2px}.track-line-fill{background:#e3a63e;z-index:1;transition:width .6s ease}.track-steps{display:flex;justify-content:space-between;position:relative;z-index:2}.track-bike{position:absolute;top:16px;transform:translateX(-50%);font-size:18px;z-index:3;transition:left .6s ease;line-height:1;animation:bike-ride 1s ease-in-out infinite}.track-bike-done{animation:none;font-size:26px;top:18px}.track-bike-img{height:40px;width:auto;display:block}@keyframes bike-ride{0%,to{transform:translateX(-50%) translateY(0) rotate(0deg)}50%{transform:translateX(-50%) translateY(-3px) rotate(-6deg)}}.spin-icon{display:inline-block;animation:spin-rotate 1.2s linear infinite}@keyframes spin-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.brand-loader{position:relative;width:104px;height:104px;display:flex;align-items:center;justify-content:center}.brand-loader img{width:72px;height:72px;border-radius:50%;display:block}.brand-loader:before{content:"";position:absolute;inset:0;border:4px solid rgba(114,41,201,.15);border-top-color:#7229c9;border-radius:50%;animation:spin-rotate .9s linear infinite}.spinner-ring{width:26px;height:26px;border:3px solid rgba(114,41,201,.18);border-top-color:#7229c9;border-radius:50%;animation:spin-rotate .8s linear infinite}@keyframes fade-dots{0%,20%{opacity:.2}50%{opacity:1}to{opacity:.2}}.working-dots span{display:inline-block;animation:fade-dots 1.4s infinite}.working-dots span:nth-child(2){animation-delay:.2s}.working-dots span:nth-child(3){animation-delay:.4s}.empty-state{text-align:center;padding:40px 16px;color:#a39d89}.skeleton{background:linear-gradient(90deg,#ece8dc 25%,#f6f1e4 37%,#ece8dc 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:8px}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.fade-in{animation:fade-in-content .18s ease-out}@keyframes fade-in-content{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes bellSwing{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}.job-popup-bell{animation:bellSwing .5s ease-in-out infinite;transform-origin:50% 15%}.eta-card{background:linear-gradient(180deg,#fff8ec,#fdf1dc);border:1px solid #e9d3a8;border-radius:14px;padding:12px 14px 14px;margin-bottom:8px}.eta-scene{position:relative;height:52px;margin-bottom:6px;overflow:hidden}.eta-road{position:absolute;left:0;right:0;bottom:8px;height:3px;border-radius:2px;background:repeating-linear-gradient(90deg,#cbbf9c 0 14px,transparent 14px 28px);background-size:28px 3px;animation:eta-road-move .7s linear infinite}@keyframes eta-road-move{0%{background-position:0 0}to{background-position:-28px 0}}.eta-rider-pos{position:absolute;bottom:6px;transition:left 1.2s ease-out}.eta-rider{height:42px;width:auto;display:block;animation:eta-bike-bob .55s ease-in-out infinite}@keyframes eta-bike-bob{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(-5deg)}}.eta-scene-wrap{max-height:0;opacity:0;overflow:hidden;transition:max-height .32s ease,opacity .32s ease,margin-bottom .32s ease}.eta-scene-wrap.open{max-height:60px;opacity:1}.eta-dest{position:absolute;right:10px;bottom:8px;width:30px;height:28px;display:block;animation:eta-home-near 2.2s ease-in-out infinite}.eta-dest:after,.eta-dest:before{content:"";position:absolute}.eta-dest:before{left:4px;bottom:0;width:22px;height:15px;background:#c98a2e;border-radius:2px 2px 3px 3px}.eta-dest.house:after{left:0;bottom:14px;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:13px solid #7a4a12}.eta-dest.house{box-shadow:none}.eta-dest.house>i{position:absolute;left:12px;bottom:0;width:6px;height:9px;background:#fff3dc;border-radius:1px 1px 0 0;display:block}.eta-dest.shop:after{left:1px;bottom:13px;width:28px;height:8px;border-radius:3px 3px 0 0;background:repeating-linear-gradient(90deg,#7a4a12 0 5px,#fff3dc 5px 10px)}@keyframes eta-home-near{0%,to{transform:translateX(0) scale(1)}50%{transform:translateX(-4px) scale(1.06)}}.eta-title{margin:0;font-weight:700;color:#633806}.fade-swap{animation:fade-swap-in .28s ease-out}@keyframes fade-swap-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.eta-time{margin:2px 0 0;font-size:15px;color:#3c3c43}@media (max-width:380px){.eta-scene{height:46px}.eta-rider{height:36px}}.sc-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-bottom:8px;max-height:200px;opacity:1;overflow:hidden;transition:max-height .32s ease,opacity .22s ease,margin-bottom .32s ease}.sc-row.gone{max-height:0;opacity:0;margin-bottom:0}.sc-card{background:#fff;border:1px solid #e5ddc8;border-radius:12px;padding:10px 8px 12px;text-align:center;min-width:0}.sc-card.waiting{border-color:#e3a63e}.sc-role{margin:0;font-size:11px;font-weight:700;color:#8a8a8e}.sc-label{margin:1px 0 0;font-size:13px;font-weight:700;color:#3c3c43;line-height:1.3}.sc-art{position:relative;height:40px;margin-bottom:6px}.sc-dot{position:absolute;bottom:12px;width:8px;height:8px;border-radius:50%;background:#e3a63e;animation:sc-bounce 1.1s ease-in-out infinite}.sc-dot:first-child{left:calc(50% - 16px)}.sc-dot:nth-child(2){left:calc(50% - 4px);animation-delay:.18s}.sc-dot:nth-child(3){left:calc(50% + 8px);animation-delay:.36s}@keyframes sc-bounce{0%,60%,to{transform:translateY(0);opacity:.55}30%{transform:translateY(-7px);opacity:1}}.sc-pot{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:26px;height:13px;background:#7a6a4f;border-radius:3px 3px 8px 8px}.sc-steam{position:absolute;bottom:17px;width:3px;height:11px;border-radius:2px;background:#cbbf9c;animation:sc-steam-up 1.6s ease-out infinite}.sc-steam:first-child{left:calc(50% - 8px)}.sc-steam:nth-child(2){left:calc(50% - 1px);animation-delay:.5s}.sc-steam:nth-child(3){left:calc(50% + 6px);animation-delay:1s}@keyframes sc-steam-up{0%{transform:translateY(4px) scaleY(.5);opacity:0}40%{opacity:.9}to{transform:translateY(-12px) scaleY(1.1);opacity:0}}.sc-radar-core{background:#e3a63e}.sc-radar,.sc-radar-core{position:absolute;top:50%;left:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%}.sc-radar{border:2px solid #e3a63e;animation:sc-radar-out 1.8s ease-out infinite}.sc-radar:nth-child(2){animation-delay:.9s}@keyframes sc-radar-out{0%{transform:scale(1);opacity:.85}to{transform:scale(3.6);opacity:0}}.sc-road{position:absolute;left:6px;right:6px;bottom:5px;height:2px;border-radius:2px;background:repeating-linear-gradient(90deg,#cbbf9c 0 8px,transparent 8px 16px);background-size:16px 2px;animation:sc-road-move .6s linear infinite}@keyframes sc-road-move{0%{background-position:0 0}to{background-position:-16px 0}}.sc-bike{position:absolute;left:50%;bottom:4px;height:32px;width:auto;margin-left:-16px;animation:sc-bike-bob .5s ease-in-out infinite}@keyframes sc-bike-bob{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-3px) rotate(-5deg)}}.sc-check{position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:#eaf3de;border:2px solid #7aa64f}.sc-check:after{content:"";position:absolute;left:8px;top:4px;width:6px;height:11px;border:solid #27500a;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}@media (max-width:360px){.sc-card{padding:8px 6px 10px}.sc-label{font-size:12px}.sc-art{height:36px}.sc-bike{height:28px;margin-left:-14px}}