.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;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.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{max-width:none!important;max-height:none!important;width:auto;padding:0}.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:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.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{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.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;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;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{-webkit-transition:none;-moz-transition:none;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{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 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-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.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-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.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{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;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:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;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{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.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{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.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{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.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{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;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{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--primary: #12654f;--accent: #d7a34a;--page-bg: #f5f7f4;--text: #17332c;--card: #ffffff;--border: #dfe6e2;--muted: #6b7f78;--danger: #b4372f}*{box-sizing:border-box}body{margin:0;font-family:Sarabun,system-ui,sans-serif;background:var(--page-bg);color:var(--text);font-size:15px}h1,h2,h3{margin:0 0 12px}h2{font-size:20px}.muted{color:var(--muted);font-size:13px}input,select,textarea{font:inherit;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#fff;color:inherit;width:100%}textarea{min-height:64px}.btn{font:inherit;border:1px solid var(--border);background:#fff;color:var(--text);padding:8px 14px;border-radius:8px;cursor:pointer;white-space:nowrap}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.ghost{background:transparent}.btn.danger{color:var(--danger)}.btn.sm{padding:4px 10px;font-size:13px}.link{background:none;border:0;color:var(--primary);text-decoration:underline;cursor:pointer;font:inherit;font-size:13px}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px}.center-page{min-height:100vh;display:grid;place-items:center;padding:16px}.narrow{width:100%;max-width:400px;text-align:center;display:flex;flex-direction:column;gap:12px}.logo{width:110px;margin:0 auto}.eyebrow{color:var(--accent);font-weight:600}.msg{color:var(--primary)}.msg.error,.alert{color:var(--danger)}.alert{background:#fdecea;padding:10px 16px}.topbar{display:flex;align-items:center;gap:16px;padding:10px 20px;background:#fff;border-bottom:1px solid var(--border);flex-wrap:wrap;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px}.brand img{height:40px}.brand small{display:block;color:var(--accent);font-size:12px}.topbar nav{display:flex;gap:4px;flex:1;flex-wrap:wrap}.topbar nav button{font:inherit;border:0;background:none;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--text)}.topbar nav button.active{background:var(--primary);color:#fff}.me{display:flex;align-items:center;gap:8px;font-size:13px}.content{padding:20px;max-width:1400px;margin:0 auto}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat strong{display:block;font-size:26px;color:var(--primary)}.stat.accent strong{color:var(--accent)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.toolbar input{width:260px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.filters>*{width:auto;flex:1 1 160px}.filters label{display:flex;align-items:center;gap:6px;font-size:13px;white-space:nowrap}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px 8px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.table th{font-size:13px;color:var(--muted);font-weight:600}.num{text-align:right!important;white-space:nowrap}.empty{text-align:center!important;color:var(--muted);padding:30px!important}.row-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;background:#eef2f0}.badge.pending{background:#fff4dc;color:#8a5a00}.badge.billed{background:#e2efff;color:#1f4f8f}.badge.paid{background:#dcf3e8;color:#12654f}.row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);gap:8px;flex-wrap:wrap}.form{display:flex;flex-direction:column;gap:12px}.form label,.form .img-field{display:flex;flex-direction:column;gap:4px;font-size:14px}.form .img-field .actions button{touch-action:manipulation}.form label.check,label.check{flex-direction:row;align-items:center;gap:8px}.check input{width:auto}.grid2,.grid3,.grid4{display:grid;gap:12px}.grid2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid4{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.span2{grid-column:1 / -1}.preview{max-height:80px;object-fit:contain;align-self:flex-start}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1e1973;display:grid;place-items:center;padding:16px;z-index:40}.modal{background:#fff;border-radius:14px;width:100%;max-width:620px;max-height:92vh;display:flex;flex-direction:column}.modal.wide{max-width:960px}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border)}.modal-head h3{margin:0}.modal-body{padding:20px;overflow:auto}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--text);color:#fff;padding:10px 18px;border-radius:10px;z-index:45;max-width:90vw}.log{border-bottom:1px solid var(--border);padding:8px 0}.log summary{cursor:pointer}.public-invoice{max-width:900px;margin:0 auto;padding:16px}@media(max-width:640px){.content{padding:12px}.toolbar input{width:100%}}.topbar nav{order:3;flex:1 1 100%;flex-wrap:wrap;overflow:visible}.topbar nav button{white-space:nowrap}@media(max-width:900px){.me span{display:none}}.table td:nth-child(4){max-width:360px}.chart-wrap{position:relative}.chart-wrap svg{width:100%;height:auto;display:block}.chart-wrap .grid{stroke:var(--border);stroke-width:1}.chart-wrap .axis{fill:var(--muted);font-size:11px}.legend{display:flex;gap:12px;font-size:13px;flex-wrap:wrap}.legend i,.chart-tip i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}.chart-tip{position:absolute;top:8px;transform:translate(-50%);background:#fff;border:1px solid var(--border);border-radius:10px;padding:8px 12px;font-size:13px;box-shadow:0 4px 16px #00000014;pointer-events:none;white-space:nowrap}.chart-tip div{display:flex;align-items:center;gap:4px}.chart-tip span{margin-left:auto;padding-left:12px;font-variant-numeric:tabular-nums}.tip-total{border-top:1px solid var(--border);margin-top:4px;padding-top:4px;font-weight:600}.steps{padding-left:20px;display:grid;gap:12px}.steps div{margin-top:6px}.import-summary{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0}.import-summary .ok{color:var(--primary)}.import-summary .bad,.card.warn{color:var(--danger)}.card.warn{background:#fdecea}.import-group{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;overflow:hidden}.import-group-head{display:flex;gap:10px;align-items:baseline;padding:8px 12px;background:#f3f6f4;flex-wrap:wrap}.import-group-head .num{margin-left:auto}.table.compact td{padding:6px 12px;font-size:13px}.mode{border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin:12px 0;display:grid;gap:6px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#eef2f0;padding:4px;border-radius:10px}.tabs button{font:inherit;border:0;background:none;padding:8px;border-radius:8px;cursor:pointer;color:var(--text)}.tabs button.active{background:#fff;box-shadow:0 1px 3px #00000014;font-weight:600}.doc-sheet{--doc-green: #12654f;--doc-ink: #172d28;--doc-muted: #60716b;--doc-gold: #a36b22;--doc-soft: #edf3f0;position:relative;isolation:isolate;background:#fff;color:var(--doc-ink);width:210mm;max-width:100%;min-height:296mm;box-sizing:border-box;padding:12mm 14mm;margin:0 auto 16px;border:1px solid var(--border);font-size:13px;overflow:hidden;-webkit-print-color-adjust:exact;print-color-adjust:exact}.doc-sheet>:not(.doc-watermark){position:relative;z-index:1}.doc-watermark{position:absolute;z-index:0;top:148.5mm;left:50%;transform:translate(-50%,-50%);width:110mm;max-width:52%;opacity:.055;pointer-events:none}.doc-header{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start;border-bottom:3px solid var(--doc-green);padding-bottom:22px}.doc-logo{width:112px;height:70px}.doc-logo img{width:100%;height:100%;object-fit:contain;display:block}.doc-company h2{margin:0 0 2px;font-size:18px}.doc-company p{margin:2px 0;color:var(--doc-muted);font-size:11px}.doc-title{text-align:right}.doc-title h1{margin:0;font-size:28px}.doc-title span{color:var(--doc-gold);letter-spacing:.15em;font-size:10px}.doc-copy{display:block;margin-top:7px;padding:4px 10px;border:1.5px solid var(--doc-green);border-radius:5px;color:var(--doc-green);text-align:center;letter-spacing:.08em;font-size:13px}.doc-meta{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;margin:25px 0}.doc-meta>div:first-child{display:flex;flex-direction:column}.doc-meta>div:first-child>span{font-weight:700}.doc-meta strong{margin:4px 0;font-size:16px}.doc-meta small{color:#687871;font-size:11px}.doc-meta p{display:flex;justify-content:space-between;gap:12px;margin:4px 0}.doc-meta p span{color:var(--doc-muted);font-size:12px;text-align:right}.doc-table{width:100%;border-collapse:collapse}.doc-table thead{display:table-header-group}.doc-table tfoot{display:table-row-group}.doc-table tfoot tr{break-inside:avoid;page-break-inside:avoid}.doc-table th{background:var(--doc-soft);color:var(--doc-muted);font-size:10px;font-weight:600;text-align:left;padding:10px 12px}.doc-table td{padding:12px;border-bottom:1px solid #e3ebe7;vertical-align:top}.doc-table td small{display:block;color:#71807b;font-size:10px}.doc-table tbody tr{break-inside:avoid;page-break-inside:avoid}.doc-table tfoot td{border-top:2px solid var(--doc-green);border-bottom:0;font-weight:800}.doc-table tfoot td:first-child{text-align:right}.doc-table tfoot .doc-net td{background:#edf6f2;font-size:14px;font-weight:900}.doc-table .num{text-align:right;white-space:nowrap}.doc-pay{margin-top:18px;padding:12px 14px;background:#f3f6f4;border-radius:8px;break-inside:avoid}.doc-pay p{margin:2px 0 0;font-size:11px}.doc-sign{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;text-align:center;break-inside:avoid}.doc-sign>div{display:flex;flex-direction:column;align-items:center;gap:6px}.doc-sign>div>span{font-size:15px}.doc-sign img{height:56px;object-fit:contain}.doc-sign .doc-blank{display:block;height:56px}.doc-sign small{font-size:11px;color:var(--doc-muted)}.doc-foot{margin-top:34px;padding-top:14px;border-top:1px solid #dfe7e3;text-align:center;color:#71807b;font-size:10px}.print-root{display:none}.fit-width{width:100%;max-width:100%;overflow:hidden}.fit-scaled .doc-sheet{width:760px;max-width:none;min-height:0;margin-left:0;margin-right:0}.fit-scaled .wht-form{margin-left:0;margin-right:0}@page{size:A4;margin:12mm 14mm}@media print{html,body{margin:0!important;padding:0!important;background:#fff!important}body>#root{display:none!important}.print-root{display:block!important}.doc-sheet{width:auto!important;max-width:none;min-height:0;margin:0!important;border:0;padding:0!important;font-size:13px;overflow:visible}.doc-sheet+.doc-sheet{break-before:page;page-break-before:always}.doc-header{grid-template-columns:auto 1fr auto!important}.doc-title{grid-column:auto!important;text-align:right!important}.doc-meta{grid-template-columns:1.4fr 1fr!important}.doc-table{display:table!important}.doc-watermark{position:fixed;top:50%;left:50%;width:110mm;max-width:none}}.neg{color:var(--danger)!important}.warn-text{color:#8a5a00}.btn.ok{border-color:#12654f;color:#12654f}select.auto{width:auto}.tabs.inline{display:inline-grid;grid-auto-flow:column;grid-template-columns:none}.badge.overdue{background:#fdecea;color:var(--danger)}.receivables.has-overdue{border-color:#f1b8b2}.aging{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.aging>div{background:#f6f8f7;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column}.aging b{font-size:18px;font-variant-numeric:tabular-nums}.aging .warn{background:#fff4dc}.aging .bad{background:#fdecea}.aging .bad b{color:var(--danger)}.step{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px;margin:8px 0;border:1px solid var(--border);border-radius:10px}.step>div,.step{flex-wrap:wrap}.step small{display:block;color:var(--muted)}.step.done{background:#dcf3e8;border-color:#b7e2cd}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-top:10px}.thumbs.big{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.thumbs figure{margin:0;font-size:11px;color:var(--muted)}.thumb{padding:0;border:0;background:none;cursor:zoom-in;width:100%}.thumb img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block}.link.danger{color:var(--danger);margin-left:6px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:12px;color:#fff;font-size:13px}.lightbox img{max-width:100%;max-height:85vh;object-fit:contain}.install-hint{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#e8f4ee;border:1px solid #b7e2cd;border-radius:10px;padding:10px 12px;margin:10px 0;font-size:13px}.install-hint span{flex:1 1 200px}.driver-app{max-width:560px;margin:0 auto;padding:12px 14px 40px}.driver-head{display:flex;align-items:center;gap:10px;padding:6px 0 10px;border-bottom:1px solid var(--border)}.driver-head img{height:36px}.driver-head div{flex:1}.driver-head small{display:block;color:var(--accent);font-size:12px}.driver-tabs{margin:12px 0}.task-card{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;font:inherit;color:inherit;background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:10px;cursor:pointer}.task-date{color:var(--muted);font-size:13px}.task-desc{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-steps{display:flex;gap:6px;margin-top:4px}.task-steps i{font-style:normal;font-size:12px;padding:2px 10px;border-radius:99px;background:#eef2f0;color:var(--muted)}.task-steps i.ok{background:#dcf3e8;color:#12654f}.task-detail h2{margin:8px 0 2px}.photo-box{border:1px dashed #9fc7b6;border-radius:12px;padding:12px;margin:8px 0}.kind-row{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.chip{font:inherit;font-size:13px;padding:5px 12px;border-radius:99px;border:1px solid var(--border);background:#fff;cursor:pointer}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.btn.big{width:100%;padding:14px;font-size:17px}.driver-app .btn.primary{background:#12654f;border-color:#12654f}.evidence-head h2{margin:0 0 4px;font-size:18px}.evidence-head p{margin:0 0 14px;color:var(--doc-muted);font-size:12px}.evidence-job{border-top:1px solid #e3ebe7;padding:10px 0;break-inside:avoid}.evidence-job p{margin:2px 0;font-size:12px}.ev-steps{color:var(--doc-muted)}.ev-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}.ev-photos figure{margin:0;break-inside:avoid}.ev-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid #ddd;display:block}.ev-photos figcaption{font-size:9px;color:var(--doc-muted)}.evidence-sheet .doc-watermark{display:none}.wht-sheet{font-size:13px}.wht-sheet h2{text-align:center;margin:6px 0 0;font-size:20px}.wht-sub{text-align:center;margin:0 0 4px;color:var(--doc-muted)}.wht-no{text-align:right;margin:0 0 10px}.wht-copy{font-size:11px;color:var(--doc-muted);text-align:right}.wht-party{border:1px solid #cfdad5;border-radius:6px;padding:8px 12px;margin-bottom:10px}.wht-party p{margin:3px 0}.wht-box{display:inline-flex;width:14px;height:14px;border:1px solid #333;align-items:center;justify-content:center;font-size:11px;margin:0 4px 0 10px;vertical-align:-2px}.wht-table{margin:10px 0}.wht-sign{margin-top:30px;text-align:center;line-height:2;break-inside:avoid}.wht-note{margin-top:24px;font-size:10px;color:var(--doc-muted);text-align:center}.wht-sheet .doc-watermark{display:none}.card.soft{background:#f6f8f7;margin-top:14px}.invite-link{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#f3f6f4;padding:10px 12px;border-radius:8px}.invite-link code{font-size:15px;word-break:break-all;flex:1}.status-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.status-tab{font:inherit;border:1px solid var(--border);background:#fff;color:var(--text);padding:8px 14px;border-radius:99px;cursor:pointer}.status-tab b{margin-left:4px;font-variant-numeric:tabular-nums}.status-tab.active{color:#fff;border-color:transparent}.status-tab.pending.active{background:#b7791f}.status-tab.billed.active{background:#2f5f9e}.status-tab.paid.active{background:#12654f}.status-tab.all.active{background:#3d4a46}.toast{display:flex;gap:12px;align-items:center}.toast-link{color:#9fe0c2!important;font-size:14px}.wht-form{position:relative;width:210mm;height:297mm;margin:0 auto 16px;background:#fff;overflow:hidden;box-shadow:0 0 0 1px var(--border);color:#111;font-family:Sarabun,sans-serif;-webkit-print-color-adjust:exact;print-color-adjust:exact;page:wht}.wf-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.wf-t{position:absolute;display:flex;align-items:center;white-space:nowrap;overflow:hidden;line-height:1;color:#0b2a8a}.wf-t[style*="text-align: right"]{justify-content:flex-end}.wf-t[style*="text-align: center"]{justify-content:center}.wf-check,.wf-copy{position:absolute;display:flex;align-items:center;justify-content:center;font-size:12pt;font-weight:700;color:#0b2a8a}.wf-cover{position:absolute;background:#fff}.wf-cover-circle{border-radius:50%}.wf-sign,.wf-stamp{position:absolute;object-fit:contain}.wf-stamp{opacity:.9;mix-blend-mode:multiply}@page wht{size:A4;margin:0}@media print{.print-root .wht-form{margin:0;box-shadow:none;break-after:page;page-break-after:always}.print-root .wht-form:last-child{break-after:auto;page-break-after:auto}}.modal-body{min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal{max-height:92dvh}.btn.primary-soft{background:#e3f3eb;border-color:#9fcfb8;color:#0d5240;font-weight:600}.big-field input{font-size:18px;padding:12px}.net-box{display:flex;flex-direction:column;justify-content:center;background:#e8f4ee;border-radius:10px;padding:10px 14px}.net-box b{font-size:22px;color:#0d5240;font-variant-numeric:tabular-nums}details summary{cursor:pointer;color:var(--primary)}details[open] summary{margin-bottom:8px}@media(max-width:760px){.modal-backdrop{padding:0;place-items:stretch}.modal,.modal.wide{max-width:none;max-height:none;height:100dvh;border-radius:0}.modal-head{position:sticky;top:0;background:#fff;z-index:2}.modal-body{flex:1 1 auto;padding:14px 14px calc(24px + env(safe-area-inset-bottom))}.sticky-actions{position:sticky;bottom:0;background:#fff;padding:10px 0 calc(6px + env(safe-area-inset-bottom))}.sticky-actions .btn.big{flex:1}.jobs-table,.jobs-table tbody{display:block}.jobs-table thead{display:none}.jobs-table tr{display:grid;grid-template-columns:26px 1fr auto;gap:4px 10px;padding:12px 4px;border-bottom:1px solid var(--border)}.jobs-table td{display:block;padding:0;border:0}.jobs-table .c-check{grid-row:1 / span 2;padding-top:2px}.jobs-table .c-date{grid-column:2;font-weight:600}.jobs-table .c-amt{grid-column:3;grid-row:1;font-size:17px;font-weight:700}.jobs-table .c-cust{grid-column:2 / span 2}.jobs-table .c-desc{grid-column:2 / span 2;font-size:14px;color:#3b4b46;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.jobs-table .c-status{grid-column:2}.jobs-table .c-no{grid-column:3;text-align:right;font-size:12px;color:var(--muted)}.jobs-table .c-act{grid-column:1 / span 3;justify-content:flex-start;margin-top:6px}.jobs-table .c-act .btn{padding:7px 12px}.jobs-table .status-select{font-size:14px;padding:6px 10px}.jobs-table .empty{grid-column:1 / span 3}}@media(max-width:760px){body.doc-open>#root{display:none}.modal-backdrop.doc-view{position:static;display:block;padding:0;background:#fff;min-height:100vh}.doc-view .modal,.doc-view .modal.wide{height:auto;max-height:none;border-radius:0;box-shadow:none}.doc-view .modal-head{position:sticky;top:0;z-index:5;box-shadow:0 1px 0 var(--border)}.doc-view .modal-body{overflow:visible;padding:12px}.doc-view .modal-body>.no-print.actions:first-child{position:sticky;top:57px;z-index:4;background:#fff;padding:8px 0;margin:-12px 0 8px}}@media print{.modal-backdrop{display:none!important}}.status-select{width:auto;padding:3px 8px;border-radius:99px;font-size:12px;border:1px solid transparent}.status-select.pending{background:#fff4dc;color:#8a5a00}.status-select.billed{background:#e2efff;color:#1f4f8f}.status-select.paid{background:#dcf3e8;color:#12654f}.status-select:disabled{opacity:1;cursor:default;-webkit-appearance:none;-moz-appearance:none;appearance:none}.date-form{display:grid;grid-template-columns:auto repeat(3,1fr) auto;gap:9px;align-items:end;margin:12px 0;padding:12px;background:#f7faf8;border:1px solid #dfe7e3;border-radius:10px}.date-form strong{align-self:center}.date-form label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:#60716b}@media(max-width:760px){.date-form{grid-template-columns:1fr 1fr}.date-form strong,.date-form button{grid-column:1 / -1}}.btn.line{background:#06c755;border-color:#06c755;color:#fff}.task-steps{flex-wrap:wrap}.task-steps i.now{background:#fff4d6;color:#8a5a00;font-weight:600}.gps-bar{background:#e6f5ee;color:#12654f;font-size:13px;padding:6px 12px;border-radius:8px;margin:8px 0}.gps-block{text-align:center;padding:28px 16px}.gps-icon{font-size:54px}.gps-icon.off{filter:grayscale(1);opacity:.6}.gps-steps{text-align:left;margin:16px auto;max-width:460px;line-height:1.7;padding-left:22px}.gps-block .btn.big{width:100%;max-width:460px}.small{font-size:12px}.ok-text{color:#12654f;font-weight:600}.big-msg{font-size:18px;text-align:center;padding:10px;background:#e6f5ee;border-radius:10px}.timeline{list-style:none;padding:0;margin:12px 0;border-left:3px solid #dfe7e3}.timeline li{position:relative;padding:4px 0 10px 18px}.timeline li:before{content:"";position:absolute;left:-9px;top:7px;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid #c5d1cc}.timeline li.done:before{background:#1f9d55;border-color:#1f9d55}.timeline li.now:before{border-color:#e8a317;background:#fff4d6}.timeline li.now b{color:#8a5a00}.timeline small{display:block;color:var(--muted)}.step-card{border:1px solid var(--border);border-radius:12px;padding:14px;margin:12px 0;background:#fff}.step-card h3{margin:0 0 10px}.step-card>.btn.big{width:100%;margin-top:10px}.kind-block{border-top:1px dashed var(--border);padding:10px 0}.kind-head{margin-bottom:6px}.photo-btns{display:flex;gap:8px;flex-wrap:wrap}.photo-btns .btn{flex:1 1 140px}.sign-box{display:grid;gap:8px;margin-top:6px}.sign-canvas{width:100%;height:190px;border:2px dashed #9fb3ab;border-radius:10px;background:#fff;touch-action:none}.sign-preview{max-width:240px;max-height:110px;border:1px solid var(--border);border-radius:8px;background:#fff;display:block;margin-bottom:6px}.exp-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:8px 0;border-bottom:1px solid var(--border)}.exp-row>span:first-child{flex:1 1 200px}.exp-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.exp-form input:nth-of-type(2),.exp-form .file-btn,.exp-form>.btn{grid-column:span 2}.file-btn{text-align:center;cursor:pointer}.track-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:14px;margin:14px 0;align-items:start}.track-map{height:520px;border-radius:10px;overflow:hidden;z-index:0}.track-map-card{padding:10px}.route-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.track-list{display:grid;gap:10px;max-height:600px;overflow:auto}.driver-row{padding:12px;display:grid;gap:4px}.driver-row.focus{outline:2px solid var(--primary)}.driver-row-head{display:flex;align-items:center;gap:8px}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex:none}.running{font-size:14px}.sign-row{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0}.sign-row figure{margin:0;cursor:zoom-in}.sign-row img{width:200px;height:90px;object-fit:contain;border:1px solid var(--border);border-radius:8px;background:#fff}.sign-row figcaption{font-size:12px;color:var(--muted)}.card.inner{box-shadow:none;border:1px solid var(--border);padding:12px;margin:10px 0}@media(max-width:860px){.track-layout{grid-template-columns:1fr}.track-map{height:380px}.track-list{max-height:none}}@media(max-width:760px){.tracking .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tracking .stats .stat{margin:0;padding:12px}}.odo-last{background:#f3f7f5;border-radius:8px;padding:8px 10px;margin-bottom:8px}.odo-last small{color:var(--muted)}.sign-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f1e1999;display:grid;place-items:center;padding:12px}.sign-overlay .sign-box{background:#fff;border-radius:14px;padding:16px;width:min(720px,100%);max-height:100%;overflow:auto}.sign-frame{position:relative;border:2px solid #2e5e4e;border-radius:10px;background:#fff}.sign-frame .sign-canvas{border:0;height:min(52vh,320px);display:block}.sign-hint{position:absolute;top:10px;left:0;right:0;text-align:center;color:#9fb3ab;pointer-events:none}.sign-baseline{position:absolute;left:8%;right:8%;bottom:26%;border-bottom:1.5px dashed #9fb3ab;pointer-events:none}.sig-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0}.sig-box{border:1.5px solid #2e5e4e;border-radius:10px;padding:10px 12px;text-align:center;background:#fff;cursor:zoom-in;break-inside:avoid}.sig-box.empty{border-style:dashed;border-color:#b7c6c0;cursor:default}.sig-area{height:90px;display:grid;place-items:center}.sig-area img{max-width:100%;max-height:90px;object-fit:contain}.sig-area span{color:#9fb3ab;font-size:13px}.sig-line{border-bottom:1px solid #333;margin:0 10% 4px}.sig-name{font-size:14px}.sig-label{font-weight:600;font-size:13px}.sig-date{font-size:11px;color:var(--muted)}.map-view{border-radius:10px;overflow:hidden;z-index:0;margin-top:8px}.my-map{margin:10px 0}.my-map summary{font-weight:600;padding:6px 0}.gps-bar.idle{background:#f1f3f2;color:#5c6b66}.odo-thumb{display:block;width:160px;margin-bottom:8px}.track-mode{display:flex;align-items:center;gap:8px;font-size:13px}.track-mode select{padding:4px 8px;font-size:13px}.track-mode select.mode-off{background:#fde8e8;color:#9b1c1c}.track-mode select.mode-always{background:#e3f3eb}@media print{.sig-box{cursor:default}.sig-area{height:70px}.sig-area img{max-height:70px}}.place-picker{border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin:4px 0;display:grid;gap:8px}.place-picker legend{font-weight:700;padding:0 6px}.place-search{position:relative}.place-hits,.map-results{display:grid;border:1px solid var(--border);border-radius:8px;background:#fff;max-height:260px;overflow:auto}.place-hits{position:absolute;z-index:30;left:0;right:0;top:100%;box-shadow:0 8px 20px #0000001f}.place-hits button,.map-results button{text-align:left;background:none;border:0;border-bottom:1px solid var(--border);padding:8px 10px;cursor:pointer}.place-hits button:hover,.map-results button:hover{background:#f1f6f4}.block{display:block}.pin-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pin-box{display:grid;gap:8px}.map-search{display:flex;gap:8px}.map-search input{flex:1}.picker-map{height:280px;border-radius:10px;overflow:hidden;z-index:0}.pin-icon{font-size:30px;line-height:1;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}.route-ref{background:#f3f7f5;border-radius:8px;padding:8px 10px}.route-line{font-size:13px;color:#2e5e4e}.place-card{border:1px solid var(--border);border-radius:12px;padding:12px;margin:8px 0;display:grid;gap:3px;background:#fff}.place-card.active{border:2px solid var(--primary);background:#f3faf6}.place-card .actions{margin-top:6px}.task-desc-full{margin:6px 2px}.wo-label{font-size:12px;color:var(--muted);font-weight:600}.wo-title{margin:12px 0 6px;font-size:18px}.wo-route{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:stretch;margin:10px 0}.wo-place{border:1px solid #dfe7e3;border-radius:8px;padding:10px;display:grid;gap:2px}.wo-place small{color:#4a5a55}.wo-time{color:#12654f!important;font-weight:600}.wo-arrow{align-self:center;font-size:20px;color:#6a7a75}.wo-table th{width:140px;text-align:left;vertical-align:top;background:#f3f7f5}.wo-sigs{grid-template-columns:repeat(3,1fr);margin-top:22px}.wo-options{flex-wrap:wrap;align-items:center}.wo-options .check{display:inline-flex;align-items:center;gap:4px;font-size:14px}.wo-page{padding:16px;max-width:900px;margin:0 auto;background:#fff;min-height:100vh}@media(max-width:860px){.wo-route{grid-template-columns:1fr}.wo-arrow{transform:rotate(90deg);justify-self:center}}.fit-scaled .wo-route{grid-template-columns:1fr auto 1fr}.fit-scaled .wo-arrow{transform:none}@media print{.wo-route{grid-template-columns:1fr auto 1fr!important}.wo-arrow{transform:none!important}.wo-sigs{grid-template-columns:repeat(3,1fr)!important}}.route-options{display:flex;flex-wrap:wrap;gap:6px}.route-options .chip{display:inline-flex;align-items:center;gap:6px;border:2px solid}.route-options .chip i{width:14px;height:4px;border-radius:2px;display:inline-block}.route-options .chip.active{background:#e6f5ee;font-weight:700}.via-tag{display:inline-block;margin-right:10px}label.inline{display:inline-flex;align-items:center;gap:6px}.route-compare{border-radius:10px;padding:10px 12px;display:grid;gap:2px;margin:8px 0}.route-compare.good{background:#e6f5ee}.route-compare.bad{background:#fdecea}.route-compare.bad b{color:#9b1c1c}.route-box{border:2px solid #1f9d55;border-radius:12px;padding:10px 12px;margin:8px 0;display:grid;gap:6px;background:#f3faf6}.route-box.bad{border-color:#c0392b;background:#fdecea}.route-box.bad span{color:#9b1c1c;font-weight:600}.thumb-wrap{position:relative}.thumb-del{position:absolute;top:4px;right:4px;width:30px;height:30px;border-radius:50%;border:0;background:#c0392beb;color:#fff;font-size:16px;cursor:pointer}.thumb-lock{position:absolute;top:4px;right:6px;font-size:14px;opacity:.85}.odo-thumb .thumbs{grid-template-columns:160px}.route-options .chip.active{color:var(--text)}.app-link-body{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center}.app-qr{margin:0;text-align:center}.app-qr img{width:170px;height:170px;border:1px solid var(--border);border-radius:10px}.app-qr figcaption{font-size:12px;color:var(--muted)}@media(max-width:700px){.app-link-body{grid-template-columns:1fr}}.install-guide{border:2px solid var(--primary, #12654f);border-radius:12px;padding:12px;margin:10px 0;background:#f3faf6;text-align:left;display:grid;gap:8px}.install-guide.compact{border-width:1px}.install-head{display:flex;align-items:center;gap:8px}.install-head img{width:32px;height:32px;border-radius:8px}.install-head b{flex:1}.install-steps{margin:0;padding-left:22px;line-height:1.8}.ios-share{display:inline-block;border:1.5px solid #1565c0;color:#1565c0;border-radius:4px;padding:0 4px;font-size:13px}.install-guide .btn.big{width:100%}.vehicle-info{color:#12654f;margin:2px 0 0}.assign-box{border-color:var(--primary)}.assign-job{background:#f3f7f5;border-radius:8px;padding:10px;display:grid;gap:2px}.unassigned-filter{margin:6px 0}.payee-group{border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin:10px 0}.payee-head{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;margin-bottom:6px}@media(max-width:700px){.payee-head{grid-template-columns:1fr}}tr.overdue td{background:#fdf1ef}.neg{color:#b42318}.gmap-embed{display:grid;gap:4px}.gmap-embed iframe{width:100%;height:280px;border:0;border-radius:10px}.office-note{background:#fff7e6;border:1px solid #f5d18a;border-radius:8px;padding:8px 10px}.office-closed{background:#e6f5ee;border-radius:10px;padding:10px 12px;display:grid;gap:2px;margin:8px 0}.office-closed .btn{justify-self:start;margin-top:4px}.time-field{max-width:220px}.addr-box{border:1px dashed var(--border);border-radius:8px;padding:6px 10px}.addr-box summary{font-weight:600;font-size:14px}.addr-fields{display:grid;gap:8px;margin-top:8px}.addr-quick{position:relative}.addr-quick .place-hits{position:absolute;z-index:30;left:0;right:0;top:100%;box-shadow:0 8px 20px #0000001f}.addr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.driver-list-title{margin:12px 2px 8px}.cargo-row{display:grid;grid-template-columns:2fr .8fr 1fr repeat(4,.9fr) auto;gap:6px;align-items:end;padding:6px 0;border-bottom:1px dashed var(--border)}.handling-list{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}.driver-msg-field textarea{font-size:16px}.driver-msg{background:#fff3cd;border:2px solid #f0ad4e;border-radius:12px;padding:12px 14px;font-size:17px;line-height:1.5;margin:8px 0;color:#5c3b00}.driver-msg b{font-size:22px;display:block;margin-top:4px}.driver-msg.mini{font-size:14px;padding:6px 10px;border-width:1px;display:block;margin:4px 0}.cash-card{background:#e8f7ee;border:2px solid #22a35a;border-radius:12px;padding:12px 14px;margin:8px 0;color:#0f4d2a;display:grid;gap:8px}.cash-card .big{font-size:18px}.cash-card.done{border-style:dashed}.cash-due.mini{display:block;background:#e8f7ee;border:1px solid #22a35a;color:#0f4d2a;border-radius:10px;padding:4px 10px;margin:4px 0;font-weight:600}.cash-badge{display:inline-block;border-radius:8px;line-height:1.4;padding:2px 8px;font-size:12px;font-weight:600;background:#e8f7ee;color:#0f4d2a;border:1px solid #22a35a;margin-top:4px}.cash-badge.wait,.cash-badge.office{background:#fff3cd;color:#5c3b00;border-color:#f0ad4e}.cash-badge.collected{background:#e0ecff;color:#123b7a;border-color:#4a7fd6}.pay-choice{display:grid;gap:6px}.pay-choice{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.pay-choice .opt input{width:auto;margin:0;flex:none}.form .pay-choice .opt{display:flex;flex-direction:row;justify-content:flex-start;text-align:left;gap:8px;align-items:center;border:1px solid var(--line, #d0d7de);border-radius:10px;padding:8px 10px;cursor:pointer}.pay-choice .opt.on{border-color:#22a35a;background:#e8f7ee}.cargo-box{background:#f3f7f5;border-radius:10px;padding:10px 12px;margin:8px 0;display:grid;gap:2px}.handling-badges{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.badge.warn{background:#fdecea;color:#9b1c1c}.cargo-table{width:100%;border-collapse:collapse;font-size:12px}.cargo-table th,.cargo-table td{border-bottom:1px solid #e5ece9;padding:3px 4px;text-align:left}.stage-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 6px}.stage-tab{border:2px solid var(--border);background:#fff;border-radius:10px;padding:8px 14px;font-weight:600;cursor:pointer}.stage-tab.active{border-color:var(--primary);background:#e6f5ee}.stage-tab b{margin-left:4px}.stage-badge{font-size:11px;padding:1px 8px;border-radius:99px;background:#eef2f0;color:#4a5a55;white-space:nowrap}.stage-badge.new{background:#fff3cd;color:#7a5300}.stage-badge.assigned{background:#e3eefc;color:#1d4f91}.stage-badge.done{background:#dcf3e8;color:#12654f}.load-check{border-radius:10px;padding:10px 12px;display:grid;gap:4px;margin:6px 0}.load-check.ok{background:#e6f5ee}.load-check.warn{background:#fff7e6;border:1px solid #f5d18a}.load-check.over{background:#fdecea;border:1px solid #f1a9a0}.load-check.over b{color:#9b1c1c}.load-bar{display:grid;gap:2px;font-size:13px}.load-bar .bar{height:8px;background:#e5ece9;border-radius:99px;overflow:hidden}.load-bar .bar i{display:block;height:100%;background:#1f9d55}.load-bar .bar.warn i{background:#e8a317}.load-bar .bar.over i{background:#c0392b}.c-cbm{align-self:center}.doc-settings{display:grid;gap:4px 14px;margin:8px 0}.sig-box.clickable{cursor:pointer}.sig-box.clickable.empty .sig-area span{color:#12654f;font-weight:600}.sig-box.clickable:hover{box-shadow:0 0 0 2px var(--primary)}@media print{.sig-box.clickable:hover{box-shadow:none}}.cargo-row{position:relative;grid-template-columns:.9fr 1.8fr .7fr 1fr repeat(4,.8fr) auto}.cargo-hits{position:absolute;z-index:30;left:0;right:0;top:100%;box-shadow:0 8px 20px #0000001f}@media(max-width:760px){.cargo-row{grid-template-columns:1fr 1fr}.cargo-row .c-name{grid-column:1 / -1}}.doc-watermark.doc-watermark-tiled{position:absolute;right:0;bottom:0;top:0;left:0;transform:none;width:100%;height:100%;max-width:none;opacity:1;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:37mm;align-items:center;justify-items:center;overflow:hidden;pointer-events:none}.doc-watermark-tiled img{width:20mm;max-height:20mm;object-fit:contain;opacity:.06;transform:rotate(-20deg)}.doc-watermark-tiled img:nth-child(12n+7),.doc-watermark-tiled img:nth-child(12n+8),.doc-watermark-tiled img:nth-child(12n+9),.doc-watermark-tiled img:nth-child(12n+10),.doc-watermark-tiled img:nth-child(12n+11),.doc-watermark-tiled img:nth-child(12n+12){translate:50% 0}@media print{.doc-watermark.doc-watermark-tiled{position:absolute;top:0;left:0;width:100%;height:100%;transform:none;max-width:none}}.proofs{display:grid;gap:6px}.slip-pick{border:1px dashed var(--border);border-radius:8px;padding:8px 10px}.suggest{position:relative}.suggest-list{position:absolute;z-index:40;left:0;right:0;top:100%;max-height:300px;overflow:auto;box-shadow:0 8px 20px #00000024}.suggest-list button.hi{background:#e6f5ee}.suggest-more{display:block;padding:6px 10px}.time-input{display:flex;align-items:center;gap:6px}.time-input input{width:90px;font-size:18px;letter-spacing:2px;text-align:center;font-variant-numeric:tabular-nums}.time-input input.invalid{border-color:#c0392b}.vehicle-view{margin-top:16px}.vehicle-view .filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.vehicle-view .filters label.grow{flex:1 1 220px}.vehicle-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:12px 0;padding:12px;border-radius:10px;background:#f5f8f6}.plate-big{font-size:22px;letter-spacing:.5px}.small-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:10px}.small-stats .stat{padding:10px 12px;border-radius:10px;background:var(--card, #fff);border:1px solid #e3e9e5;display:flex;flex-direction:column}.small-stats strong{font-size:20px}.vehicle-jobs td{vertical-align:top}.vehicle-jobs .actions{white-space:nowrap}strong.neg{color:#c0392b}.badge.stage-new{background:#fff4dc;color:#8a5a00}.badge.stage-assigned{background:#e2efff;color:#1f4f8f}.badge.stage-done{background:#dcf3e8;color:#12654f}.rate-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.rate-card{border:1px solid #e3e9e5;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px;background:var(--card, #fff)}.rate-card.off{opacity:.55}.rate-head{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.badge.ok{background:#dcf3e8;color:#12654f}.rate-part{border:1px solid #e3e9e5;border-radius:10px;padding:10px 12px;margin:8px 0;display:grid;gap:8px}.tier-table{width:100%;max-width:480px}.tier-table input{width:100%}.extra-row{display:grid;grid-template-columns:1fr 120px auto;gap:8px;margin:6px 0}.rate-editor h4{margin:14px 0 4px}label.inline{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.price-calc{display:grid;gap:12px}.calc-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.calc-result table,.rate-preview table{width:100%;border-collapse:collapse}.calc-result td,.calc-result th,.rate-preview td,.rate-preview th{padding:6px 4px;border-bottom:1px solid #eef2f0;text-align:left}.calc-result tfoot th,.rate-preview tfoot th{font-size:18px;border-bottom:0}.calc-result tr.dim,.rate-preview tr.dim{opacity:.5}.calc-result tr.info td{font-style:italic;color:#5c6b63}.calc-result .btn.primary{margin-top:10px;width:100%}.rate-preview{margin-top:14px;padding:12px;border-radius:10px;background:#f5f8f6;display:grid;gap:8px}.amount-row{display:flex;gap:8px}.amount-row input{flex:1;min-width:0}@media(max-width:600px){.extra-row{grid-template-columns:1fr 90px auto}.amount-row{flex-wrap:wrap}}.rate-part>.btn,.rate-editor>.btn,.extras>.btn{justify-self:start;width:auto}.code-box{width:100%;font-family:ui-monospace,Menlo,monospace;font-size:12px;margin:8px 0}.sheets-status{margin:6px 0}.lock-badge{display:inline-block;padding:1px 8px;border-radius:99px;font-size:12px;background:#fdecea;color:#a02622}.pw-gate{z-index:2000}.pw-gate .modal{max-width:420px}.perm-guide{margin:8px 0 14px}.perm-guide td:first-child{white-space:nowrap;font-weight:600}.photo-veh select{min-width:110px}.share-box{display:grid;gap:8px}.public-evidence{max-width:960px;margin:0 auto;padding:16px}.ev-toolbar{position:sticky;top:0;z-index:5;background:var(--page-bg, #f4f6f5);padding:8px 0;flex-wrap:wrap}.evidence-public{background:#fff;padding:20px;border-radius:12px}.ev-pub-head{display:flex;gap:14px;align-items:center;border-bottom:2px solid var(--primary, #1f6f50);padding-bottom:10px;margin-bottom:12px}.ev-pub-head img{width:64px;height:64px;object-fit:contain}.ev-pub-head h2{margin:0}.ev-pub-head p{margin:2px 0}.evidence-public .ev-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.evidence-public figure{margin:0;border:1px solid #e3e9e5;border-radius:8px;overflow:hidden;break-inside:avoid}.evidence-public figure img{width:100%;display:block}.evidence-public figure.sig img{background:#fff;max-height:160px;object-fit:contain}.evidence-public figcaption{font-size:12px;padding:6px 8px;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between}.evidence-public .dl{font-weight:600}.ev-foot{margin-top:14px}@media print{.public-evidence,.evidence-public{padding:0}.evidence-public .ev-photos{grid-template-columns:repeat(2,1fr)}}.share-ev fieldset{border:1px solid #e3e9e5;border-radius:10px;padding:8px 12px;display:grid;gap:4px}.share-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.share-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid #eef2f0;font-size:14px}@media print{.no-print-page{display:none!important}}.stage-badge.draft{background:#eef0f2;color:#4a5560}.stage-badge.delivering{background:#ffe9d6;color:#9a4a00}.bill-badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:13px;font-weight:600;background:#fff4dc;color:#8a5a00}.bill-badge.billed{background:#e2efff;color:#1f4f8f}.bill-badge.paid{background:#dcf3e8;color:#12654f}.bill-status{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;margin:8px 0;background:#fff4dc}.bill-status.billed{background:#e2efff}.bill-status.paid{background:#dcf3e8}.dashboard{display:grid;gap:16px}.dash-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.dash-head h2{margin:0}.dash-periods{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.kpi{background:var(--card, #fff);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:2px;box-shadow:0 1px 3px #0000000f;border-top:4px solid var(--k, #12654f)}.kpi strong{font-size:24px;line-height:1.2}.kpi em{font-style:normal;font-size:12px;font-weight:600}.kpi em.up{color:#1f9d55}.kpi em.down{color:#c0392b}.tone-green{--k: #1f9d55}.tone-teal{--k: #12654f}.tone-amber{--k: #e8a317}.tone-blue{--k: #3b7dd8}.tone-purple{--k: #8e5bd0}.tone-red{--k: #c0392b}.dash-row{display:grid;grid-template-columns:2fr 1fr;gap:16px}.dash-row.three{grid-template-columns:repeat(3,1fr)}.dash-row>.card{margin:0}.trend-svg{width:100%;height:auto}.trend-svg .grid{stroke:#e8eeea}.trend-svg .axis{font-size:10px;fill:#7a8a84}.trend-svg .bar{fill:var(--primary, #12654f);opacity:.85}.trend-svg .bar:hover{opacity:1}.trend-svg .line{stroke:#e8a317;stroke-width:2.5}.trend-svg .dot{fill:#e8a317}.trend-svg .legend text{font-size:11px;fill:#4a5560}.funnel{display:grid;gap:8px}.funnel-row{display:grid;grid-template-columns:110px 1fr 36px;gap:8px;align-items:center;font-size:14px}.funnel-bar{background:#eef2f0;border-radius:99px;height:14px;overflow:hidden}.funnel-bar i{display:block;height:100%;border-radius:99px;background:#7a8a84;min-width:2px}.funnel-bar .st-new{background:#e8a317}.funnel-bar .st-assigned{background:#3b7dd8}.funnel-bar .st-delivering{background:#f08c2e}.funnel-bar .st-done{background:#1f9d55}.bill-pipe{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.pipe{border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:2px;background:#fff4dc}.pipe strong{font-size:20px}.pipe.billed{background:#e2efff}.pipe.overdue{background:#fdecea;color:#a02622}.pipe.paid{background:#dcf3e8}.donut-wrap{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.donut{width:150px;height:150px}.donut-total{font-size:20px;font-weight:700;fill:#22302a}.donut-legend{list-style:none;padding:0;margin:0;flex:1;min-width:180px;display:grid;gap:6px;font-size:14px}.donut-legend li{display:grid;grid-template-columns:12px 1fr auto 40px;gap:6px;align-items:center}.donut-legend i{width:12px;height:12px;border-radius:3px}.rank-row{display:flex;gap:10px;padding:6px 0;border-bottom:1px solid #f0f3f1}.rank-no{width:22px;height:22px;border-radius:50%;background:#eef2f0;display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}.rank-main{flex:1;min-width:0}.rank-top{display:flex;justify-content:space-between;gap:8px;font-size:14px}.rank-top b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-bar{background:#eef2f0;height:6px;border-radius:99px;margin:4px 0}.rank-bar i{display:block;height:100%;border-radius:99px;background:var(--primary, #12654f)}.insights ul{margin:0;padding-left:18px;display:grid;gap:6px}@media(max-width:900px){.dash-row,.dash-row.three{grid-template-columns:1fr}}.job-pricing{border:2px solid var(--primary, #12654f);border-radius:12px;padding:10px 14px;display:grid;gap:10px}.job-pricing legend{font-weight:700;padding:0 6px}.pricing-modes{display:flex;flex-wrap:wrap;gap:8px}.mode-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #d5ded9;border-radius:99px;cursor:pointer;font-size:14px}.mode-chip.on{border-color:var(--primary, #12654f);background:#e6f5ee;font-weight:600}.pricing-total{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;justify-content:space-between;padding-top:6px;border-top:1px dashed #d5ded9}.pricing-total b{font-size:20px}.fuel-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0;padding:8px 12px;background:#fff8e6;border-radius:10px}.cost-calc{display:grid;gap:4px;margin-top:6px}.drops-box ol{margin:0;padding-left:20px;display:grid;gap:4px}.order-bar{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;padding:8px 0}.orders-table td{vertical-align:top}.badge.order-open{background:#fff4dc;color:#8a5a00}.badge.order-planned{background:#e2efff;color:#1f4f8f}.badge.order-delivered{background:#dcf3e8;color:#12654f}.badge.order-failed{background:#fdecea;color:#a02622}.badge.order-cancelled{background:#eef0f2;color:#4a5560}.sheet-peek{max-height:260px;overflow:auto}.sheet-peek td,.sheet-peek th{white-space:nowrap;font-size:12px;padding:3px 6px}.sheet-peek tr.hdr td{background:#e6f5ee;font-weight:700}.map-table select{min-width:160px}.regex-cell{display:flex;gap:4px}.regex-cell input{width:110px}tr.dim td{opacity:.5}.vrp{display:grid;gap:12px}.vrp-settings{margin:0}.vrp-summary{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.vrp-summary>div{background:var(--card, #fff);border-radius:12px;padding:10px 16px;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000f}.vrp-summary strong{font-size:22px}.vrp-summary .warn strong{color:#c0392b}.vrp-routes{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px}.vrp-route{margin:0;border-top:5px solid #999;display:grid;gap:8px}.vrp-route-head{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;justify-content:space-between}.vrp-load{display:flex;gap:12px;font-size:13px}.vrp-load i{font-style:normal}.vrp-load i.over{color:#c0392b;font-weight:700}.vrp-stops{margin:0;padding-left:22px;display:grid;gap:6px;max-height:360px;overflow:auto}.vrp-stops li{display:flex;justify-content:space-between;gap:6px;border-bottom:1px solid #f0f3f1;padding-bottom:4px}.vrp-stop-act{display:flex;gap:2px;align-items:flex-start;flex:none}.vrp-unassigned,.vrp-confirm{margin:0}.drops-note{background:#e2efff;padding:8px 12px;border-radius:10px}.photo-checklist{background:#fff8e6;padding:8px 12px;border-radius:10px;font-size:14px}.drop-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.drop-item{border:1px solid #e3e9e5;border-radius:12px;overflow:hidden}.drop-item.now{border:2px solid var(--primary, #12654f)}.drop-item.delivered{background:#f2fbf6}.drop-item.failed{background:#fdf3f2}.drop-head{display:flex;gap:10px;align-items:center;width:100%;padding:10px;background:none;border:0;text-align:left;cursor:pointer;font:inherit}.drop-no{width:28px;height:28px;border-radius:50%;background:var(--primary, #12654f);color:#fff;display:grid;place-items:center;font-weight:700;flex:none}.drop-main{flex:1;min-width:0;display:flex;flex-direction:column}.drop-main small{color:#5c6b63}.drop-body{padding:0 10px 12px;display:grid;gap:8px}.badge.drop-delivered{background:#dcf3e8;color:#12654f}.badge.drop-failed{background:#fdecea;color:#a02622}.badge.drop-arrived{background:#e2efff;color:#1f4f8f}.fail-box{border-top:1px dashed #e3c2bf;padding-top:8px;display:grid;gap:6px}.drops-evidence{display:grid;gap:6px;margin:10px 0;padding:10px;background:#f5f8f6;border-radius:10px}.drop-ev{display:grid;gap:2px;padding:6px 0;border-bottom:1px solid #e3e9e5}.drop-ev.failed{color:#a02622}.thumb-img{width:64px;height:64px;object-fit:cover;border-radius:6px;margin:2px}.wo-drops td,.wo-drops th{font-size:12px}.quote-calc{display:grid;gap:12px}.quote-table td,.quote-table th{vertical-align:middle}.quote-table tr.best td{background:#eaf7f0}.quote-table .num-in{width:90px}.quote-doc .quote-table{margin:10px 0;width:100%}.topbar nav{gap:6px}.topbar nav .nav-btn{--c: #12654f;position:relative;display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--c) 25%,transparent);background:color-mix(in srgb,var(--c) 8%,#fff);color:color-mix(in srgb,var(--c) 85%,#000);border-radius:999px;padding:7px 14px;font-weight:600;transition:transform .18s ease,box-shadow .18s ease,background .25s ease,color .25s ease;animation:navIn .35s ease both;animation-delay:calc(var(--i) * 25ms)}.topbar nav .nav-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px color-mix(in srgb,var(--c) 25%,transparent);background:color-mix(in srgb,var(--c) 15%,#fff)}.topbar nav .nav-btn:active{transform:translateY(0) scale(.97)}.topbar nav .nav-btn.active{background:linear-gradient(135deg,var(--c),color-mix(in srgb,var(--c) 70%,#000));color:#fff;border-color:transparent;box-shadow:0 8px 18px color-mix(in srgb,var(--c) 40%,transparent);transform:translateY(-2px) scale(1.04)}.topbar nav .nav-btn.active:after{content:"";position:absolute;left:22%;right:22%;bottom:-7px;height:3px;border-radius:3px;background:var(--c);animation:navBar .3s ease both}.nav-ic{font-size:15px;transition:transform .25s ease}.nav-btn:hover .nav-ic,.nav-btn.active .nav-ic{transform:scale(1.2) rotate(-6deg)}@keyframes navIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes navBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tab-anim{animation:tabFade .3s ease}@keyframes tabFade{0%{opacity:0}to{opacity:1}}@keyframes tabIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.all-time{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.at-card{border-radius:16px;padding:16px 18px;color:#fff;display:flex;flex-direction:column;gap:2px;box-shadow:0 8px 20px #0000001f;animation:tabIn .4s ease both;transition:transform .2s ease,box-shadow .2s ease}.at-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #0000002e}.at-card strong{font-size:26px}.at-card span,.at-card small{opacity:.92}.at-card.c1{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.at-card.c2{background:linear-gradient(135deg,#f59e0b,#ea580c);animation-delay:60ms}.at-card.c3{background:linear-gradient(135deg,#3b82f6,#0891b2);animation-delay:.12s}.at-card.c4{background:linear-gradient(135deg,#22c55e,#0f766e);animation-delay:.18s}.kpi{transition:transform .2s ease,box-shadow .2s ease;animation:tabIn .4s ease both;background:linear-gradient(180deg,color-mix(in srgb,var(--k) 7%,#fff),#fff)}.kpi:hover{transform:translateY(-3px);box-shadow:0 10px 22px color-mix(in srgb,var(--k) 22%,transparent)}.kpi strong{color:color-mix(in srgb,var(--k) 80%,#000)}@media(prefers-reduced-motion:reduce){.topbar nav .nav-btn,.tab-anim,.at-card,.kpi{animation:none!important;transition:none!important}}.bg-remover{display:grid;gap:12px}.bgr-panes{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.bgr-panes figure{margin:0;display:grid;gap:6px}.bgr-panes img{max-width:100%;max-height:260px;object-fit:contain;border:1px solid #e3e9e5;border-radius:8px;display:block;margin:0 auto}.checker{border-radius:8px;padding:8px;min-height:120px;display:grid;place-items:center;background:repeating-conic-gradient(#e5e7eb,#e5e7eb 25%,#fff 0%,#fff 50%) 50% / 16px 16px}.swatch{display:inline-block;width:18px;height:18px;border-radius:4px;border:1px solid #ccc;vertical-align:middle}.sl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.sl-card{border:1px solid #e3e9e5;border-radius:14px;overflow:hidden;background:var(--card, #fff);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.sl-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px #0000001a}.sl-card img{width:100%;aspect-ratio:1200 / 630;object-fit:cover;display:block}.sl-body{padding:10px 12px;display:grid;gap:6px}.sl-body code{font-size:12px;word-break:break-all;background:#f5f8f6;padding:4px 6px;border-radius:6px}.sl-office{border-top:4px solid #7c3aed}.sl-driver{border-top:4px solid #12654f}.sl-doc{border-top:4px solid #2563eb}.sl-supplier{border-top:4px solid #c9971c}.app-link-img{width:100%;max-width:420px;border-radius:12px;display:block;margin-bottom:8px}.back-btn{margin-right:6px;background:#fff;border:1px solid #d5ded9;animation:tabIn .3s ease both}.back-bar{display:flex;gap:8px;padding:10px 0;position:sticky;top:0;z-index:5;background:var(--page-bg, #f4f6f5)}.date-range{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}.cat-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.cat-chips .chip{border:1px solid #d5ded9;background:#fff;border-radius:99px;padding:4px 10px;cursor:pointer;font-size:13px}.cat-chips .chip.active{background:var(--primary, #12654f);color:#fff;border-color:transparent}.update-banner{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:3000;background:#1f2937;color:#fff;border-radius:999px;padding:8px 10px 8px 16px;display:flex;gap:10px;align-items:center;box-shadow:0 10px 30px #00000040;animation:tabIn .3s ease both;font-size:14px}.drops-map{display:grid;gap:6px}.topbar{position:sticky;top:0;z-index:30;transition:transform .28s ease,box-shadow .28s ease;will-change:transform}.topbar.hide{transform:translateY(-110%);box-shadow:none}.topbar.scrolled{box-shadow:0 6px 18px #00000014}@media(max-width:900px){.topbar{padding:8px 12px;gap:8px}.topbar .brand small{display:none}.topbar nav{flex-wrap:wrap!important;overflow:hidden;padding:2px 0 8px;gap:6px;max-height:70vh;transition:max-height .3s ease,opacity .25s ease,padding .3s ease}.topbar:not(.menu-open) nav{max-height:0;opacity:0;padding:0;pointer-events:none}.topbar nav .nav-btn{flex:none;padding:6px 10px;font-size:14px}.topbar nav .nav-btn.active:after{display:none}.menu-toggle{display:flex!important}.topbar .me{gap:4px}.topbar .me .btn{padding:4px 8px;font-size:12px}}html,body{max-width:100%}.content{overflow-x:clip}.table-wrap{max-width:100%}img,svg,canvas{max-width:100%}.paper-prev{background:#fff;border:1px solid #e3e9e5;border-radius:8px;padding:8px;min-height:120px;display:grid;place-items:center}.stmt-sheet{background:#fff;color:#111;width:1080px;margin:0 auto 16px;padding:18px;border:1px solid var(--border);font-size:11px;page:landscape}.stmt-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:13px}.stmt-table{width:100%;border-collapse:collapse}.stmt-table th,.stmt-table td{border:1px solid #9ca3af;padding:2px 4px;vertical-align:top}.stmt-table th{background:#fde68a;font-weight:700;text-align:center}.stmt-table td.num,.stmt-table th.num{text-align:right;white-space:nowrap}.stmt-table tr.grp td{border-top:1.5px solid #4b5563}.stmt-table tfoot td{font-weight:700;background:#f3f4f6}.stmt-table thead{display:table-header-group}.stmt-sum{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;margin-top:8px;font-size:13px}.stmt-preview{width:1120px}.inv-cover{width:760px}.inv-cover-head{text-align:center;line-height:1.6}.inv-cover-head h2{margin:0;font-size:20px}.inv-cover-title{text-align:center;font-size:22px;margin:18px 0}.inv-cover-meta{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;line-height:1.8;margin-bottom:14px}.inv-cover-no{text-align:right}.inv-cover-table{width:100%;border-collapse:collapse}.inv-cover-table th,.inv-cover-table td{border:1px solid #555;padding:8px}.inv-cover-table .num{text-align:right}.inv-cover-table .c{text-align:center}.inv-cover-table .empty-row td{height:30px}.inv-cover-sign{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px;line-height:2.4}.stmt-screen tr.grp td{border-top:2px solid #d1d5db}.stmt-screen tr.dim-row td{color:#4b5563}.rate-grid input{width:84px;min-width:0;padding:4px 6px}.col-picks{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin-top:8px}@page landscape{size:A4 landscape;margin:8mm}@media print{.print-root .stmt-sheet{width:auto;border:0;padding:0;margin:0;break-before:page;page-break-before:always}.print-root .stmt-sheet:first-child{break-before:auto;page-break-before:auto}.print-root .inv-cover{width:auto}}.menu-toggle{display:none;order:2;flex:1 1 100%;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border);background:#f8faf9;border-radius:10px;padding:7px 12px;font:inherit;font-size:14px;cursor:pointer}.menu-toggle b{color:var(--c, var(--primary))}.menu-toggle .chev{transition:transform .25s ease}.topbar.menu-open .menu-toggle .chev{transform:rotate(180deg)}.cp{--cp: #0f5c4a;--cp2: #f59e0b;--ink: #0f172a;--soft: #f1f5f4;min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:radial-gradient(1200px 500px at 100% -10%,color-mix(in srgb,var(--cp) 14%,transparent),transparent),#f6f8f7;color:var(--ink);font-family:Sarabun,system-ui,sans-serif}.cp-side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:18px;padding:22px 16px;background:linear-gradient(180deg,color-mix(in srgb,var(--cp) 92%,#000),color-mix(in srgb,var(--cp) 70%,#000));color:#fff}.cp-brand{display:flex;align-items:center;gap:10px}.cp-brand img{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:12px;padding:3px}.cp-brand b{display:block;font-size:17px;letter-spacing:.3px}.cp-brand small{opacity:.75}.cp-side nav{display:grid;gap:4px}.cp-side nav button{display:flex;align-items:center;gap:10px;padding:10px 12px;border:0;border-radius:12px;background:transparent;color:#e6f2ee;font:inherit;font-size:15px;cursor:pointer;text-align:left;transition:background .2s,transform .2s}.cp-side nav button span{width:26px;text-align:center;font-size:18px}.cp-side nav button:hover{background:#ffffff1a;transform:translate(2px)}.cp-side nav button.on{background:#fff;color:var(--cp);font-weight:700;box-shadow:0 8px 20px #0000002e}.cp-me{margin-top:auto;display:grid;gap:2px;font-size:13px;padding:12px;border-radius:12px;background:#ffffff14}.cp-me small{opacity:.75;word-break:break-all}.cp-me .cp-link{color:#fde68a;text-align:left}.cp-main{padding:22px 28px 90px;max-width:1200px;width:100%;box-sizing:border-box}.cp-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:18px}.cp-top small{color:#64748b}.cp-top h1{margin:0;font-size:26px}.cp-preview{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;background:#fff7ed;border:1px solid #fed7aa;margin-bottom:14px;font-size:14px}.cp-preview select{padding:6px 8px;border-radius:8px;border:1px solid #fdba74}.cp-card{background:#fff;border-radius:18px;padding:18px;box-shadow:0 1px 2px #0f172a0a,0 10px 30px #0f172a0f;margin-bottom:16px;border:1px solid #edf1ef}.cp-card h3{margin:0 0 12px;font-size:18px}.cp-card h3 small{font-weight:400;color:#64748b;font-size:13px}.cp-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.cp-card-head h3{margin:0}.cp-card-head input,.cp-filters input{padding:8px 12px;border-radius:10px;border:1px solid #dbe3e0;font:inherit;min-width:0}.cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:12px;border:1px solid #dbe3e0;background:#fff;color:var(--ink);font:inherit;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .2s}.cp-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1a}.cp-btn.primary{background:linear-gradient(135deg,var(--cp),color-mix(in srgb,var(--cp) 70%,#000));color:#fff;border-color:transparent}.cp-btn.big{padding:13px 20px;font-size:17px;width:100%}.cp-btn:disabled{opacity:.6;cursor:default;transform:none}.cp-link{border:0;background:none;color:var(--cp);font:inherit;font-weight:600;cursor:pointer;padding:0}.cp-empty{color:#94a3b8;text-align:center;padding:18px 0;margin:0}.cp-err{color:#b91c1c;margin:4px 0}.cp-ok{color:#047857;margin:4px 0;font-weight:600}.cp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.cp-kpi{position:relative;overflow:hidden;border-radius:18px;padding:16px;color:#fff;display:grid;gap:2px;box-shadow:0 12px 26px #0f172a24;animation:cpUp .45s ease both}.cp-kpi span{position:absolute;right:12px;top:8px;font-size:34px;opacity:.35}.cp-kpi b{font-size:28px}.cp-kpi small{opacity:.92}.cp-kpi.k1{background:linear-gradient(135deg,#0ea5e9,#2563eb)}.cp-kpi.k2{background:linear-gradient(135deg,#f59e0b,#ea580c);animation-delay:.05s}.cp-kpi.k3{background:linear-gradient(135deg,#10b981,#047857);animation-delay:.1s}.cp-kpi.k4{background:linear-gradient(135deg,#8b5cf6,#6d28d9);animation-delay:.15s}@keyframes cpUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.cp-grid2{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;align-items:start}.cp-grid2.wide-left{grid-template-columns:1.4fr 1fr}.cp-job{border:1px solid #edf1ef;border-radius:14px;padding:12px 14px;margin-bottom:10px;display:grid;gap:8px;background:linear-gradient(180deg,#fff,#fbfcfc)}.cp-job-head{display:flex;align-items:center;gap:8px}.cp-job-head small{margin-left:auto;color:#64748b}.cp-route{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px}.cp-arrow{color:var(--cp2);font-weight:800}.cp-job-foot{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:#475569}.cp-job-foot b{margin-left:auto;color:var(--ink);font-size:15px}.cp-pill{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:700;background:#e2e8f0;color:#334155}.cp-pill.st-delivering{background:#dbeafe;color:#1d4ed8}.cp-pill.st-done{background:#d1fae5;color:#047857}.cp-pill.st-assigned,.cp-pill.bk-new{background:#fef3c7;color:#b45309}.cp-pill.bk-accepted{background:#d1fae5;color:#047857}.cp-pill.bk-rejected,.cp-pill.bk-cancelled{background:#fee2e2;color:#b91c1c}.cp-pill.pay-billed{background:#fef3c7;color:#b45309}.cp-pill.pay-paid{background:#d1fae5;color:#047857}.cp-track{display:grid;grid-template-columns:repeat(4,1fr);position:relative;font-size:12px;color:#94a3b8}.cp-step{display:grid;justify-items:center;gap:4px;position:relative;text-align:center}.cp-step i{width:14px;height:14px;border-radius:50%;background:#e2e8f0;border:3px solid #fff;box-shadow:0 0 0 1px #cbd5e1;z-index:1}.cp-step:before{content:"";position:absolute;top:7px;left:-50%;right:50%;height:3px;background:#e2e8f0}.cp-step:first-child:before{display:none}.cp-step.done{color:var(--cp)}.cp-step.done i{background:var(--cp);box-shadow:0 0 0 1px var(--cp)}.cp-step.done:before,.cp-step.now:before{background:var(--cp)}.cp-step.now{color:var(--ink);font-weight:700}.cp-step.now i{background:var(--cp2);box-shadow:0 0 0 4px color-mix(in srgb,var(--cp2) 30%,transparent);animation:cpPulse 1.6s infinite}@keyframes cpPulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--cp2) 10%,transparent)}}.cp-bk{border-bottom:1px dashed #e2e8f0;padding:8px 0;display:grid;gap:2px;font-size:14px}.cp-bk small{color:#64748b}.cp-spend{margin-top:10px;padding:10px 12px;border-radius:12px;background:var(--soft);font-size:14px}.cp-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.cp-filters input{flex:1}.cp-filters button{border:1px solid #dbe3e0;background:#fff;border-radius:99px;padding:6px 14px;font:inherit;cursor:pointer}.cp-filters button.on{background:var(--cp);color:#fff;border-color:var(--cp)}.cp-form{display:grid;gap:10px}.cp-form label{display:grid;gap:4px;font-size:14px;color:#334155}.cp-form input,.cp-form select,.cp-form textarea,.cp-calc select,.cp-calc input{padding:10px 12px;border-radius:12px;border:1px solid #dbe3e0;font:inherit;background:#fff;min-width:0;width:100%;box-sizing:border-box}.cp-form fieldset{border:1px solid #e5ece9;border-radius:14px;padding:10px 12px 12px;display:grid;gap:8px}.cp-form legend{padding:0 6px;font-weight:700;display:flex;gap:8px;align-items:center}.cp-row2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cp-row3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cp-calc label{display:grid;gap:4px;font-size:14px}.cp-sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px}.cp-sizes button{display:grid;justify-items:center;gap:2px;padding:12px 8px;border-radius:14px;border:2px solid #e2e8f0;background:#fff;font:inherit;cursor:pointer;transition:all .2s}.cp-sizes button span{font-size:28px}.cp-sizes button.on{border-color:var(--cp);background:color-mix(in srgb,var(--cp) 8%,#fff);color:var(--cp);font-weight:700;transform:translateY(-2px)}.cp-estimate{position:sticky;top:16px;background:linear-gradient(160deg,#fff,color-mix(in srgb,var(--cp) 6%,#fff));display:grid;gap:6px}.cp-price{font-size:36px;font-weight:800;color:var(--cp)}.cp-price small{font-size:16px;color:#64748b;font-weight:400}.cp-note{color:#64748b;font-size:12px}.cp-calc-out{margin-top:14px;padding:16px;border-radius:14px;background:var(--soft);display:flex;flex-wrap:wrap;gap:12px;align-items:center}.cp-table-wrap{overflow-x:auto}.cp-table{width:100%;border-collapse:collapse;font-size:14px}.cp-table th{text-align:left;background:var(--soft);padding:8px 10px;font-weight:700;white-space:nowrap}.cp-table td{padding:8px 10px;border-bottom:1px solid #eef2f1}.cp-table .num{text-align:right;white-space:nowrap}.cp-contact{text-align:center;display:grid;justify-items:center;gap:8px}.cp-contact img{width:90px;height:90px;object-fit:contain}.cp-contact-btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.cp-bottom{display:none}.cp-splash{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:10px;color:#475569}.cp-truck{font-size:48px;animation:cpDrive 1.2s ease-in-out infinite alternate}@keyframes cpDrive{0%{transform:translate(-20px)}to{transform:translate(20px)}}.cp-login,.cp-splash{--cp: #0f5c4a;--cp2: #f59e0b;--ink: #0f172a;--soft: #f1f5f4}.cp-login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#f6f8f7;font-family:Sarabun,system-ui,sans-serif}.cp-login-hero{position:relative;overflow:hidden;padding:48px;color:#fff;background:linear-gradient(150deg,#0f5c4a,#0b3d32 60%,#082a23);display:flex;flex-direction:column;justify-content:center;gap:18px}.cp-login-hero img{width:84px;height:84px;object-fit:contain;background:#fff;border-radius:20px;padding:6px}.cp-login-hero h1{margin:0;font-size:40px;line-height:1.15}.cp-login-hero h1 span{color:#fbbf24;font-size:26px}.cp-login-hero ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:17px;opacity:.95}.cp-road{position:absolute;left:0;right:0;bottom:34px;height:6px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 26px,transparent 26px 50px)}.cp-truck-run{position:absolute;bottom:4px;font-size:40px;animation:cpRun 7s linear infinite;transform:scaleX(-1)}@keyframes cpRun{0%{left:-60px}to{left:100%}}.cp-login-card{align-self:center;justify-self:center;width:min(400px,calc(100% - 32px));background:#fff;border-radius:22px;padding:28px;box-shadow:0 20px 50px #0f172a1f;display:grid;gap:12px;box-sizing:border-box}.cp-login-card h2{margin:0 0 4px}.cp-login-card label{display:grid;gap:4px;font-size:14px}.cp-login-card input{padding:12px 14px;border-radius:12px;border:1px solid #dbe3e0;font:inherit}.cp-login-card small{color:#64748b;text-align:center}@media(max-width:900px){.cp{grid-template-columns:1fr;align-content:start}.cp-side{position:static;height:auto;flex-direction:row;align-items:center;padding:12px 14px}.cp-side nav{display:none}.cp-me{margin:0 0 0 auto;background:none;padding:0;text-align:right}.cp-me small{display:none}.cp-main{padding:14px 14px 96px}.cp-kpis{grid-template-columns:1fr 1fr}.cp-grid2,.cp-grid2.wide-left{grid-template-columns:1fr}.cp-row3{grid-template-columns:1fr 1fr}.cp-estimate{position:static}.cp-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid #e2e8f0;padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 18px #0f172a0f}.cp-bottom button{border:0;background:none;font:inherit;font-size:11px;color:#64748b;display:grid;justify-items:center;gap:2px;cursor:pointer}.cp-bottom button span{font-size:20px}.cp-bottom button.on{color:var(--cp);font-weight:700}.cp-login{grid-template-columns:1fr}.cp-login-hero{padding:28px 22px 70px}.cp-login-hero h1{font-size:30px}.cp-login-hero ul{font-size:15px}.cp-login-card{margin:-40px auto 24px;position:relative}}@media(max-width:480px){.cp-row2,.cp-row3{grid-template-columns:1fr}.cp-top h1{font-size:21px}.cp-kpi b{font-size:22px}}.booking-list{display:grid;gap:10px}.booking-card{border:1px solid var(--border);border-left:5px solid #f59e0b;border-radius:12px;padding:12px;display:grid;gap:4px;background:#fff}.booking-card.st-accepted{border-left-color:#10b981}.booking-card.st-rejected,.booking-card.st-cancelled{border-left-color:#ef4444;opacity:.85}.booking-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.booking-head small{margin-left:auto}.promo-hero{position:relative;display:grid;gap:14px;margin-top:6px}.promo-tagline{display:inline-block;justify-self:start;padding:6px 14px;border-radius:99px;background:#fbbf24;color:#3b2a00;font-weight:800;letter-spacing:.3px;box-shadow:0 6px 16px #0003}.promo-slide{position:relative;border-radius:18px;padding:16px 18px 26px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-height:92px}.promo-slide-in{display:flex;gap:14px;align-items:center;animation:promoIn .5s ease both}.promo-slide-in b{font-size:18px}.promo-slide-in p{margin:4px 0 0;opacity:.92;line-height:1.45}.promo-emoji{font-size:40px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}@keyframes promoIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:none}}.promo-dots{position:absolute;left:18px;bottom:9px;display:flex;gap:6px}.promo-dots button{width:8px;height:8px;padding:0;border:0;border-radius:99px;background:#ffffff73;cursor:pointer;transition:width .25s}.promo-dots button.on{width:22px;background:#fbbf24}.promo-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:10px}.promo-stats div{border-radius:14px;padding:10px;background:#0000002e;text-align:center;display:grid}.promo-stats b{font-size:24px;color:#fde68a}.promo-stats small{opacity:.85}.promo-scene{position:relative;height:150px;margin:4px -48px -48px;overflow:hidden}.promo-city{position:absolute;left:0;right:0;bottom:34px;width:100%;height:90px}.promo-road{position:absolute;left:0;right:0;bottom:0;height:36px;background:#1f2937}.promo-road:after{content:"";position:absolute;left:0;right:0;top:16px;height:4px;background:repeating-linear-gradient(90deg,#f8fafc 0 30px,transparent 30px 60px);animation:promoLane 1.2s linear infinite}@keyframes promoLane{to{background-position:-60px 0}}.promo-truck{position:absolute;bottom:22px;height:70px;filter:drop-shadow(0 6px 6px rgba(0,0,0,.35))}.promo-truck.t1{animation:promoDrive 14s linear infinite}.promo-truck.t2{height:74px;animation:promoDrive 14s linear infinite;animation-delay:-7s}@keyframes promoDrive{0%{left:-340px}to{left:110%}}.promo-banner{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;margin-bottom:16px;border-radius:18px;padding:4px 4px 4px 0;color:#fff;background:linear-gradient(120deg,var(--cp, #0f5c4a),color-mix(in srgb,var(--cp, #0f5c4a) 55%,#000));box-shadow:0 12px 26px #0f172a24}.promo-banner .promo-slide{flex:1;background:transparent;border:0;-webkit-backdrop-filter:none;backdrop-filter:none}.promo-banner-truck{height:74px;flex:none;margin-right:10px;animation:promoBob 2.4s ease-in-out infinite}@keyframes promoBob{50%{transform:translateY(-3px)}}.promo-slide.compact .promo-emoji{font-size:30px}.promo-slide.compact b{font-size:16px}@media(max-width:900px){.promo-scene{margin:4px -22px -70px;height:130px}.promo-banner-truck{display:none}}@media(prefers-reduced-motion:reduce){.promo-truck,.promo-road:after,.promo-banner-truck,.promo-slide-in{animation:none!important}.promo-truck.t2{display:none}.promo-truck.t1{left:20px}}.area-row>td{background:#f8fbfa;padding:8px}.area-editor .table-wrap{max-height:420px;overflow:auto}.area-editor input{width:80px;min-width:0;padding:4px 6px}.area-editor tr.sub td:first-child{padding-left:20px;color:#475569}.area-editor input::placeholder,.rate-grid input::placeholder{color:#b8c4bf}.cp-announce{margin:-6px 0 14px;padding:10px 14px;border-radius:12px;background:#fffbeb;border:1px solid #fde68a;color:#78350f;font-weight:600}.cp-maint{text-align:center;font-size:17px;padding:30px 18px}.presence-list{display:grid;gap:8px;margin:8px 0}.presence{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#fff}.presence .dot{width:12px;height:12px;border-radius:50%;background:#cbd5e1;flex:none}.presence.on{border-color:#86efac;background:#f0fdf4}.presence.on .dot{background:#22c55e;box-shadow:0 0 0 4px #22c55e33;animation:cpPulse 1.6s infinite}.presence>div{flex:1}.presence .act{color:#b45309}.portal-frame{display:flex;justify-content:center;background:#e2e8f0;border-radius:16px;padding:16px}.portal-frame iframe{border:0;background:#fff;border-radius:22px;box-shadow:0 20px 40px #0f172a33}.portal-frame.phone iframe{width:390px;max-width:100%;height:760px;border:10px solid #0f172a;border-radius:36px}.portal-frame.desktop iframe{width:100%;height:720px;border-radius:12px}.live-notes{position:fixed;right:16px;bottom:16px;z-index:45;display:grid;gap:8px;max-width:min(360px,calc(100vw - 32px))}.live-note{background:#0f172a;color:#fff;padding:12px 14px;border-radius:14px;box-shadow:0 12px 28px #00000040;cursor:pointer;animation:promoIn .35s ease both;font-size:14px}.live-note.booking{background:linear-gradient(135deg,#db2777,#9d174d)}.live-note.online{background:linear-gradient(135deg,#0d9488,#115e59)}.quota-alert{margin:8px 16px 0;padding:10px 14px;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-weight:600;cursor:pointer}.q-list{display:grid;gap:12px;margin:10px 0}.q-row{border:1px solid var(--border);border-radius:12px;padding:12px;display:grid;gap:6px;background:#fff}.q-row.lv-danger,.q-row.lv-over{border-color:#fca5a5;background:#fff7f7}.q-row.lv-warn{border-color:#fde68a}.q-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.q-bar{height:12px;border-radius:99px;background:#e5ece9;overflow:hidden}.q-bar i{display:block;height:100%;border-radius:99px;transition:width .4s}.q-nums{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;color:#475569}@media(max-width:760px){.portal-frame{padding:6px}.portal-frame.phone iframe{height:640px;border-width:6px}}.fuel-card{border-left:6px solid #f59e0b}.fuel-card.alert{border-left-color:#dc2626;background:linear-gradient(180deg,#fff5f5,#fff)}.fuel-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px}.fuel-head h3{margin:0}.fuel-grid{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:14px;align-items:center;margin-top:10px}.fuel-big{display:grid}.fuel-big b{font-size:40px;color:#c2410c;line-height:1.1}.fuel-big i{font-style:normal;font-size:13px;color:#64748b}.fuel-big i.up,.fuel-alert .up{color:#dc2626}.fuel-big i.down,.fuel-alert .down{color:#16a34a}.fuel-mini{display:grid;gap:6px}.fuel-mini div{display:grid}.fuel-mini b{font-size:18px}.fuel-mini .applied{padding:8px 10px;border-radius:10px;background:#f1f5f9}.fuel-spark{width:100%;height:62px;background:linear-gradient(180deg,#fff7ed,#fff);border-radius:10px}.fuel-alert{margin-top:12px;padding:12px 14px;border-radius:12px;background:#fee2e2;border:1px solid #fca5a5;color:#7f1d1d;display:grid;gap:6px;animation:fuelBlink 2s ease-in-out infinite}.fuel-alert ul{margin:0;padding-left:20px}@keyframes fuelBlink{50%{box-shadow:0 0 0 4px #dc26262e}}.fuel-banner{margin:8px 16px 0;padding:10px 14px;border-radius:12px;background:#dc2626;color:#fff;font-weight:700;cursor:pointer;animation:fuelBlink 2s ease-in-out infinite}@media(max-width:760px){.fuel-grid{grid-template-columns:1fr}}.cp-login-side{display:grid;align-content:center;justify-items:center;gap:14px;padding:20px 0}.cp-public-btn{width:min(400px,calc(100% - 32px));display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:18px;border:2px dashed var(--cp);background:#fff;color:var(--ink);font:inherit;cursor:pointer;text-align:left;box-shadow:0 10px 24px #0f172a14}.cp-public-btn span{font-size:32px}.cp-public-btn div{flex:1;display:grid}.cp-public-btn small{color:#64748b}.cp-public-btn i{font-style:normal;font-size:22px;color:var(--cp)}.cp-back{border:1px solid #dbe3e0;background:#fff;border-radius:12px;width:42px;height:42px;font-size:20px;cursor:pointer;flex:none}.cp-top .grow{flex:1;min-width:0}.cp-top h1{overflow-wrap:anywhere}.cp-out{color:#b91c1c;border-color:#fecaca;flex:none;white-space:nowrap}@media(max-width:640px){.cp-out{padding:8px 10px;font-size:13px}.cp-top{flex-wrap:wrap}}.cp-top{align-items:center}.cp-modes{display:flex;flex-wrap:wrap;gap:8px}.cp-modes button{border:2px solid #e2e8f0;background:#fff;border-radius:99px;padding:8px 16px;font:inherit;cursor:pointer}.cp-modes button.on{border-color:var(--cp);background:color-mix(in srgb,var(--cp) 10%,#fff);color:var(--cp);font-weight:700}.addr-pin{display:grid;gap:8px}.addr-pin select,.addr-pin input{padding:10px 12px;border-radius:12px;border:1px solid #dbe3e0;font:inherit;background:#fff;min-width:0;width:100%;box-sizing:border-box}.addr-pin-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pin-map{height:240px;border-radius:14px;overflow:hidden;border:1px solid #dbe3e0;z-index:0}.pin-icon span{font-size:32px;filter:drop-shadow(0 3px 3px rgba(0,0,0,.35))}.cp-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f172a80;display:grid;place-items:center;padding:12px;overflow:auto}.cp-pay{width:min(460px,100%);display:grid;gap:10px;margin:0;max-height:92vh;overflow:auto}.cp-pay label{display:grid;gap:4px;font-size:14px}.cp-pay input{padding:10px 12px;border-radius:12px;border:1px solid #dbe3e0;font:inherit}.cp-paybox{display:grid;gap:2px;padding:14px;border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--cp) 12%,#fff),#fff);border:1px solid color-mix(in srgb,var(--cp) 25%,#fff)}.cp-accno{font-size:22px;font-weight:800;letter-spacing:1px;color:var(--cp)}.cp-slip input{padding:8px}.cp-slip-prev{max-height:220px;object-fit:contain;border-radius:12px;border:1px solid #e2e8f0}.cp-or{text-align:center;color:#94a3b8;font-size:13px}.cp-bills{display:grid;gap:10px}.cp-bill{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid #edf1ef;border-radius:14px}.cp-bill>div:first-child{display:grid;gap:2px}.cp-bill small{color:#64748b}.cp-bill-right{display:grid;justify-items:end;gap:6px;align-content:start}.cp-bill-right b{font-size:17px}.cp-bill.billed{border-color:#fde68a;background:#fffdf5}.slip-thumb{width:44px;height:44px;object-fit:cover;border-radius:8px;margin-right:8px;vertical-align:middle;cursor:zoom-in;border:1px solid var(--border)}.pay-row.st-submitted{background:#fffbeb;border-radius:10px;padding:6px 8px}.acc-row{border-bottom:1px dashed var(--border);padding:6px 0;display:grid;gap:4px}@media(max-width:900px){.cp-login-side{padding:0 0 24px}.cp-login-card{margin-top:-40px}}.cp-login.single{grid-template-columns:1fr;place-items:center;padding:16px}.cp-login.single .cp-login-card{width:100%;max-width:440px}.access-editor{display:grid;gap:6px}.prov-picker{display:grid;gap:8px}.prov-grid{display:flex;flex-wrap:wrap;gap:6px;max-height:220px;overflow:auto;padding:4px;border:1px solid #e2e8f0;border-radius:10px}.prov-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:#f1f5f9;font-size:13px;cursor:pointer}.prov-chip input{margin:0}.prov-chip.on{background:#dcfce7;color:#14532d;font-weight:600}.form .prov-chip,.prov-chip{flex-direction:row;width:auto;margin:0}.form .prov-chip input,.prov-chip input{width:auto;min-height:0;padding:0}.live-clock{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:space-between;padding:8px 14px;margin:0 0 12px;border-radius:12px;background:#ecfdf5;color:#065f46;font-size:14px}.live-clock b{font-variant-numeric:tabular-nums;font-size:16px}.live-clock.drv{width:100%;margin:6px 0 0;background:#ffffff24;color:inherit}.driver-head{flex-wrap:wrap}.month-cal{display:grid;gap:8px}.mc-head{display:flex;align-items:center;justify-content:space-between}.mc-head b{font-size:16px}.mc-head button{border:0;background:#f1f5f9;border-radius:8px;width:34px;height:30px;font-size:18px;cursor:pointer}.mc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center}.mc-dow{font-size:12px;color:#64748b;font-weight:600}.mc-dow.we{color:#dc2626}.mc-day{border:0;background:#f8fafc;border-radius:8px;padding:8px 0;font-size:14px;cursor:pointer;color:#0f172a}.month-cal.compact .mc-day{padding:5px 0;font-size:13px}.mc-day.we{color:#dc2626}.mc-day.hol{background:#fee2e2;color:#b91c1c;font-weight:700}.mc-day.hol.co{background:#fef3c7;color:#92400e}.mc-day.today{outline:2px solid #0f5c4a}.mc-day.sel{background:#0f5c4a;color:#fff}.mc-list{display:grid;gap:3px;font-size:13px}.mc-list b{color:#b91c1c;margin-right:4px}.hol-list{max-height:220px;overflow:auto;display:grid;gap:2px;border:1px solid #e2e8f0;border-radius:10px;padding:6px}.cp-auth-btns{display:grid;gap:8px}.cp-auth-btns.compact{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.cp-auth-btns.compact .cp-btn{padding:6px 10px;font-size:13px}.cp-gate{display:grid;gap:10px;max-width:520px}.cp-or{text-align:center;color:#64748b;font-size:13px;border-top:1px solid #e2e8f0;margin-top:6px;padding-top:10px}.cp-warn{background:#fef3c7;color:#92400e;padding:8px 12px;border-radius:10px;font-size:14px;margin:0}.cp-sizes button small{display:block;font-size:11px;color:#64748b;font-weight:400;line-height:1.3;margin-top:2px}.vcat-chips{display:flex;flex-wrap:wrap;gap:6px}.vcat-chips .chip{background:#f1f5f9;border-radius:999px;padding:4px 10px;font-size:13px}.vcat-chips .chip.off{opacity:.55}.vcat-chips small{color:#94a3b8}.vcat-table tr.off{opacity:.5}.vcat-table{min-width:1100px}.vcat-table td{vertical-align:middle}.vcat-table .nowrap{white-space:nowrap}@media(max-width:760px){.cp-public .cp-top{flex-wrap:wrap}.cp-auth-btns.compact{width:100%;justify-content:flex-start}}.trip{display:grid;grid-template-columns:minmax(330px,420px) 1fr;gap:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0f172a14,0 8px 24px #0f172a0f;min-height:640px;margin-bottom:16px}.trip-panel{padding:6px 0;overflow:auto;max-height:calc(100vh - 120px);border-right:1px solid #e2e8f0}.trip-step{padding:14px 18px;border-bottom:1px solid #eef2f1;display:grid;gap:10px}.trip-step h3{margin:0;font-size:17px;display:flex;align-items:center;gap:10px}.trip-step h3 i{font-style:normal;width:30px;height:30px;border-radius:50%;border:2px solid var(--cp, #0f5c4a);color:var(--cp, #0f5c4a);display:grid;place-items:center;font-size:14px;flex:none}.trip-tabs{display:flex;gap:8px;flex-wrap:wrap}.trip-tabs button{border:1px solid #cbd5e1;background:#fff;border-radius:10px;padding:7px 12px;font:inherit;font-size:14px;cursor:pointer;color:#475569}.trip-tabs button.on{border-color:var(--cp, #0f5c4a);color:var(--cp, #0f5c4a);font-weight:700;background:#ecfdf5}.trip-points{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}.trip-points li{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;position:relative;padding:4px 0}.trip-points li:not(:last-child):after{content:"";position:absolute;left:13px;top:32px;bottom:-10px;border-left:2px dotted #94a3b8}.trip-dot{width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;background:#0f172a}.trip-dot.b{background:#dc2626}.trip-dot em,.trip-pin span em{font-style:normal;transform:rotate(45deg);display:block}.trip-pt{text-align:left;border:0;border-bottom:1px solid #e2e8f0;background:none;padding:10px 2px;font:inherit;cursor:pointer;display:grid;gap:2px;min-width:0}.trip-pt b{font-size:15px}.trip-pt small{color:#64748b;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.trip-pt:hover{background:#f8fafc}.trip-x{border:0;background:#f1f5f9;width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px}.trip-row{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;font-size:14px}.trip-meta{border-top:1px solid #eef2f1;padding-top:8px;color:#475569}.trip-veh{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:10px 12px;cursor:pointer;text-align:left;font:inherit}.trip-veh:hover{border-color:var(--cp, #0f5c4a)}.trip-veh-ic{font-size:30px;text-align:center}.trip-veh small{display:block;color:#64748b}.trip-veh b{font-size:16px}.trip-veh i{font-style:normal;font-size:22px;color:#94a3b8}.trip-total{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #eef2f1}.trip-total small{display:block;color:#94a3b8;font-size:12px}.trip-total strong{font-size:22px;color:var(--cp, #0f5c4a);white-space:nowrap}.trip-map{position:relative;min-height:640px;background:#e2e8f0}.trip-map-box{position:absolute;top:0;right:0;bottom:0;left:0}.trip-map-load{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#64748b}.trip-map.picking .trip-map-box{cursor:crosshair}.trip-confirm{position:absolute;left:50%;bottom:24px;transform:translate(-50%);width:min(420px,calc(100% - 32px));background:#fff;border-radius:14px;box-shadow:0 10px 30px #0f172a40;padding:14px;display:grid;gap:10px;z-index:500}.trip-confirm p{margin:0;font-size:14px}.trip-hint{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#0f172acc;color:#fff;padding:6px 14px;border-radius:999px;font-size:13px;z-index:500;white-space:nowrap}.trip-search{position:relative}.trip-search input{width:100%;padding:11px 38px 11px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}.trip-search span{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.trip-here{justify-self:start}.trip-sugg{list-style:none;margin:0;padding:0;display:grid}.trip-sugg button{width:100%;text-align:left;border:0;border-bottom:1px solid #eef2f1;background:none;padding:10px 4px;font:inherit;cursor:pointer;display:grid;gap:2px}.trip-sugg button:hover{background:#f8fafc}.trip-sugg small{color:#64748b;font-size:12.5px}.trip-pin span{display:grid;place-items:center;width:30px;height:30px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#dc2626;color:#fff;font-weight:700;border:2px solid #fff;box-shadow:0 2px 6px #0000004d}.trip-pin.temp span{background:none;border:0;box-shadow:none;transform:none;font-size:30px}.trip-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:2000;display:grid;place-items:center;padding:16px}.trip-modal-card{background:#fff;width:min(560px,100%);max-height:calc(100vh - 32px);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.trip-modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e2e8f0}.trip-modal-head h3{margin:0}.trip-modal-head button{border:0;background:none;font-size:22px;cursor:pointer}.trip-modal-body{overflow:auto;padding:4px 18px 18px}.trip-modal-body h4{margin:16px 0 6px;font-size:15px;color:#334155}.trip-vrow{width:100%;display:grid;grid-template-columns:96px 1fr 30px;gap:12px;align-items:center;text-align:left;border:0;border-bottom:1px solid #eef2f1;background:none;padding:12px 4px;font:inherit;cursor:pointer}.trip-vrow:hover,.trip-vrow.on{background:#f0fdf4}.trip-vimg{width:96px;height:56px;display:grid;place-items:center}.trip-vimg img{max-width:96px;max-height:56px;object-fit:contain}.trip-vimg em{font-style:normal;font-size:40px}.trip-vtext{display:grid;gap:2px}.trip-vtext b{font-size:16px}.trip-vtext b i{font-style:normal;color:#94a3b8;cursor:pointer;margin-left:4px}.trip-vtext small{color:#475569;font-size:13px}.trip-vnote{background:#f8fafc;padding:4px 8px;border-radius:6px}.trip-vprice{color:var(--cp, #0f5c4a)!important;font-weight:700}.trip-radio{width:26px;height:26px;border-radius:50%;border:2px solid #cbd5e1;display:grid;place-items:center;color:#fff;font-weight:700}.trip-radio.on{background:#16a34a;border-color:#16a34a}.cp-plan{display:grid;gap:10px}.cp-plan-head{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;background:#ecfdf5;padding:10px 12px;border-radius:12px}.cp-plan-addr{color:#475569}.cp-public.wide .cp-main{max-width:none}.vcat-img{display:inline-grid;place-items:center;width:64px;height:40px;border:1px dashed #94a3b8;border-radius:8px;cursor:pointer;overflow:hidden;font-size:12px;color:#64748b;vertical-align:middle}.vcat-img img{max-width:100%;max-height:100%;object-fit:contain}.promo-pop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;z-index:3000;display:grid;place-items:center;padding:16px}.promo-pop-card{position:relative;background:#fff;border-radius:18px;width:min(520px,100%);max-height:calc(100vh - 32px);overflow:auto;display:grid;gap:12px;padding:14px;box-shadow:0 20px 50px #00000059;border:4px solid #0f5c4a}.promo-pop-card img{width:100%;border-radius:12px;display:block}.promo-pop-text{text-align:center}.promo-pop-text h3{margin:4px 0;color:#0f5c4a;font-size:24px}.promo-pop-text p{margin:0;color:#334155}.promo-pop-x{position:absolute;top:8px;right:8px;width:34px;height:34px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 8px #00000040;font-size:16px;cursor:pointer;z-index:2}.promo-pop-hide{font-size:13px;color:#64748b;display:flex;gap:6px;align-items:center;justify-content:center}@media(max-width:900px){.trip{grid-template-columns:1fr;min-height:0}.trip>.trip-map{order:-1;min-height:46vh;height:46vh}.trip-panel{max-height:none;border-right:0}.trip-confirm{bottom:12px}}.promo-pop-card label.promo-pop-hide{display:flex;flex-direction:row;grid-template-columns:none;gap:6px;align-items:center;justify-content:center;margin:0}.promo-pop-card label.promo-pop-hide input{width:auto;min-height:0;margin:0}.trip label.check{display:inline-flex;flex-direction:row;align-items:center;gap:6px}.trip label.check input{width:auto;min-height:0;margin:0}.map-traffic{border:2px solid rgba(0,0,0,.2);background:#fff;border-radius:8px;padding:5px 9px;font:600 13px Sarabun,system-ui,sans-serif;cursor:pointer}.map-traffic.on{background:#0f5c4a;color:#fff}.truck-art{width:100%;height:100%;display:block}.trip-vimg .truck-art{width:96px;height:44px}.trip-veh-ic{width:48px;height:26px;display:grid;place-items:center}.trip-veh-ic .truck-art{width:48px;height:22px}.cp-size-art{display:block;width:72px;height:32px;margin:0 auto 4px}.cp-size-art .truck-art{width:72px;height:32px}.vcat-art{display:inline-block;width:64px;height:28px;vertical-align:middle;margin-right:6px}.vcat-chips .chip.vchip{display:inline-flex;align-items:center;gap:4px;border-radius:12px;padding:4px 10px}.cp,.cp-login,.cp-splash{font-family:IBM Plex Sans Thai,Sarabun,system-ui,sans-serif}.cp h1,.cp h2,.cp h3,.cp-login h1,.cp-login h2,.cj-head b,.cj-sheet-head h3,.cp-price,.trip-step h3{font-family:Prompt,IBM Plex Sans Thai,sans-serif;letter-spacing:-.01em}.cp-card,.trip,.cj-card{border:1px solid rgba(15,92,74,.08)}.cp-btn.google{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#1f2937;border:1px solid #dadce0;font-weight:600}.cp-btn.google:hover{background:#f8fafc;box-shadow:0 1px 4px #0000001f}.g-logo{width:20px;height:20px;flex:none}.trip-live-note{display:block;color:#64748b;font-size:12px;margin-top:4px}.cj-list{display:grid;gap:14px}.cj-card{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;display:grid;gap:12px;padding:16px 18px;border-radius:18px;background:linear-gradient(180deg,#fff,#fbfdfc);box-shadow:0 1px 2px #0f172a0d,0 10px 30px -12px #0f5c4a2e;transition:transform .15s,box-shadow .15s;margin-bottom:10px}.cj-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0f172a0f,0 18px 40px -16px #0f5c4a4d}.cj-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.cj-head small{display:block;color:#64748b;font-size:12.5px}.cj-head b{font-size:18px}.cj-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:#eef2ff;color:#3730a3;font-size:13px;font-weight:600;white-space:nowrap}.st-done .cj-pill{background:#dcfce7;color:#166534}.cj-pill.live{background:#fef3c7;color:#92400e}.cj-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 #ef444499;animation:cjPulse 1.4s infinite;display:inline-block}@keyframes cjPulse{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.cj-route{display:grid;gap:6px;font-size:14px}.cj-route span{display:flex;gap:8px;align-items:center}.cj-route em,.cj-places em{font-style:normal;width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;background:#0f172a;color:#fff;font-size:11px;font-weight:700;flex:none}.cj-route em.b,.cj-places em.b{background:#dc2626}.cj-foot{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:13.5px;color:#334155}.cj-foot b{color:var(--cp, #0f5c4a);font-size:15px}.cj-more{margin-left:auto;color:var(--cp, #0f5c4a);font-weight:600}.cj-road{position:relative;height:44px;margin:4px 14px 0}.cj-road-line{position:absolute;left:0;right:0;top:26px;height:8px;border-radius:999px;background:repeating-linear-gradient(90deg,#e2e8f0 0,#e2e8f0 14px,#cbd5e1 14px,#cbd5e1 22px);overflow:hidden}.cj-road-line i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0f5c4a,#14b8a6);transition:width .8s ease}.cj-road.moving .cj-road-line i{background:repeating-linear-gradient(90deg,#0f5c4a 0,#0f5c4a 16px,#14b8a6 16px,#14b8a6 32px);background-size:64px 100%;animation:cjRoad 1s linear infinite}@keyframes cjRoad{to{background-position:64px 0}}.cj-truck{position:absolute;top:0;transform:translate(-50%) scaleX(-1);font-size:26px;transition:left .8s ease;line-height:1}.cj-truck b{display:inline-block}.cj-road.moving .cj-truck b{animation:cjBounce .5s ease-in-out infinite alternate}@keyframes cjBounce{0%{transform:translateY(0)}to{transform:translateY(-3px)}}.cj-flag{position:absolute;top:22px;width:16px;height:16px;border-radius:50%;font-size:9px;font-weight:700;color:#fff;display:grid;place-items:center;background:#0f172a;transform:translate(-50%)}.cj-flag.a{left:0}.cj-flag.b{left:100%;background:#dc2626}.cj-road.done .cj-truck{filter:drop-shadow(0 0 6px rgba(22,163,74,.6))}.cj-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2100;background:#0f172a80;display:flex;align-items:flex-end;justify-content:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cj-sheet{background:#fff;width:min(760px,100%);max-height:94vh;max-height:94dvh;border-radius:22px 22px 0 0;display:flex;flex-direction:column;overflow:hidden;animation:cjUp .25s ease}@media(min-width:900px){.cj-modal{align-items:center}.cj-sheet{border-radius:22px}}@keyframes cjUp{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.cj-sheet-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px 10px;background:linear-gradient(135deg,#0f5c4a,#0b3d32);color:#fff}.cj-sheet-head small{opacity:.85}.cj-sheet-head h3{margin:2px 0 0;font-size:22px;color:#fff}.cj-sheet-head button{border:0;background:#ffffff26;color:#fff;width:36px;height:36px;border-radius:50%;font-size:16px;cursor:pointer}.cj-tabs{display:flex;gap:6px;padding:10px 16px 0;background:linear-gradient(135deg,#0f5c4a,#0b3d32)}.cj-tabs button{border:0;background:transparent;color:#fffc;padding:9px 14px;border-radius:12px 12px 0 0;font:inherit;font-weight:600;cursor:pointer}.cj-tabs button.on{background:#fff;color:#0f5c4a}.cj-sheet-body{overflow:auto;padding:18px 20px 26px;display:grid;gap:16px;align-content:start;flex:1 1 auto;min-height:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}html.cp-lock,html.cp-lock body{overflow:hidden;overscroll-behavior:none}.cj-timeline{list-style:none;margin:0;padding:0;display:grid;gap:0}.cj-timeline li{display:grid;grid-template-columns:40px 1fr;gap:12px;position:relative;padding-bottom:16px}.cj-timeline li:not(:last-child):before{content:"";position:absolute;left:19px;top:38px;bottom:0;width:2px;background:#e2e8f0}.cj-timeline li.done:not(:last-child):before{background:#14b8a6}.cj-tl-ic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f1f5f9;color:#94a3b8;font-weight:700;font-size:16px}.cj-timeline li.done .cj-tl-ic{background:#ecfdf5;box-shadow:inset 0 0 0 2px #14b8a6}.cj-timeline li.next .cj-tl-ic{box-shadow:inset 0 0 0 2px #f59e0b;color:#b45309;animation:cjPulse2 1.6s infinite}@keyframes cjPulse2{50%{box-shadow:inset 0 0 0 2px #f59e0b,0 0 0 6px #f59e0b26}}.cj-timeline b{display:block;font-size:15px}.cj-timeline small{color:#64748b}.cj-timeline li:not(.done):not(.next) b{color:#94a3b8}.cj-places{display:grid;gap:10px}.cj-places>div{display:grid;grid-template-columns:26px 1fr;gap:2px 10px;background:#f8fafc;border-radius:14px;padding:10px 12px}.cj-places small,.cj-places a,.cj-links{grid-column:2}.cj-places small{color:#64748b}.cj-links{display:flex;gap:12px;font-size:13px}.cj-desc{margin:0;color:#334155}.cj-amount{font-size:15px}.cj-amount b{color:#0f5c4a;font-size:18px}.cj-live{display:grid;gap:10px}.cj-live .trip-map{min-height:280px;height:min(55vh,460px);height:min(55dvh,460px);border-radius:16px;overflow:hidden}.cj-live-bar{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:14px}.cj-live-badge{display:inline-flex;align-items:center;gap:6px;background:#fee2e2;color:#b91c1c;font-weight:700;padding:3px 10px;border-radius:999px;font-size:12px;letter-spacing:.06em}.cj-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.cj-photo{border:0;padding:0;background:#f1f5f9;border-radius:14px;overflow:hidden;cursor:zoom-in;display:grid;text-align:left;font:inherit}.cj-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}.cj-photo small{padding:6px 8px;font-size:12px;color:#475569}.cj-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2200;background:#000000e0;display:grid;place-items:center;gap:8px;padding:16px;color:#fff}.cj-zoom img{max-width:100%;max-height:85vh;border-radius:10px}.mp-full{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2300;display:grid;grid-template-columns:minmax(300px,380px) 1fr;background:#fff}.mp-panel{padding:12px 16px;overflow:auto;display:grid;align-content:start;gap:10px;border-right:1px solid #e2e8f0}.mp-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.mp-full .trip-map{min-height:0;height:100%}.mp-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:900px){.mp-full{grid-template-columns:1fr;grid-template-rows:auto 1fr}.mp-panel{max-height:42vh;border-right:0;border-bottom:1px solid #e2e8f0}}.live-badge{color:#dc2626;font-weight:700;animation:cjBlink 1.2s infinite}@keyframes cjBlink{50%{opacity:.35}}.ld-body{display:grid;gap:10px}.ld-step{background:#ecfdf5;color:#065f46;padding:6px 10px;border-radius:10px;font-weight:600}.ld-points{margin:0;padding-left:0;list-style:none;display:grid;gap:6px}.ld-grid{display:flex;flex-wrap:wrap;gap:6px 16px}.checkin-dist{padding:8px 12px;border-radius:10px;margin:0 0 8px;font-weight:600}.checkin-dist.ok{background:#dcfce7;color:#166534}.checkin-dist.warn{background:#fef3c7;color:#92400e}.cost-total{display:grid;gap:4px;padding:12px 16px;border-radius:12px;background:#ecfdf5;color:#065f46;margin-bottom:10px}.cost-total.over{background:#fef2f2;color:#991b1b}.cost-total b{font-size:20px}.cost-explain ul{margin:6px 0;padding-left:18px;display:grid;gap:4px}.cost-switches{display:grid;gap:6px;margin-top:8px}tr.over td{background:#fef2f2}.trip-pin.truck span{border-radius:50%;transform:none;background:#f59e0b;width:34px;height:34px;font-size:18px;box-shadow:0 0 #f59e0b99;animation:truckPulse 1.6s infinite}.trip-pin.truck span em{transform:none}@keyframes truckPulse{0%{box-shadow:0 0 #f59e0b99}70%{box-shadow:0 0 0 14px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.mp-full{--cp: #0f5c4a;--cp2: #f59e0b;--ink: #0f172a;--soft: #f1f5f4;font-family:IBM Plex Sans Thai,Sarabun,system-ui,sans-serif;color:#0f172a}.pl-box{flex-direction:column;gap:10px}.pl-box img{max-height:76vh}.pl-info{background:#fffffff5;color:#0f172a;border-radius:12px;padding:10px 14px;display:grid;gap:4px;min-width:min(420px,92vw);font-size:14px}.pl-info a{color:#0f5c4a}.pl-actions{display:flex;gap:8px;margin-top:4px}.photo-group{display:grid;gap:6px;margin-bottom:10px}.photo-group>b{font-size:14px;color:#334155}.sub-steps{display:grid;gap:8px;padding:10px;border-radius:12px;background:#f8fafc;margin-bottom:10px}.sub-steps .btn.done{background:#dcfce7;color:#166534;border-color:#bbf7d0}.exp-thumb{width:44px;height:44px;object-fit:cover;border-radius:8px;cursor:zoom-in}.exp-drafts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.exp-draft{position:relative}.exp-draft img{width:64px;height:64px;object-fit:cover;border-radius:10px}.exp-draft button{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;border:0;background:#dc2626;color:#fff;font-size:12px;cursor:pointer}.photo-toggles{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.photo-toggles .chip{border:1px solid #cbd5e1;background:#f1f5f9;color:#64748b;border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;cursor:pointer}.photo-toggles .chip.on{background:#dcfce7;color:#166534;border-color:#86efac;font-weight:600}.driver-pay{background:#ecfdf5;border:2px solid #10b981;color:#065f46;border-radius:12px;padding:10px 14px;font-size:17px;margin:8px 0}.driver-pay.mini{display:inline-block;padding:2px 10px;font-size:14px;border-width:1px;margin:4px 0}.settings-fold>summary{cursor:pointer;padding:4px 0}.driver-app-settings{display:grid;gap:12px;margin-top:10px}.pay-helper{background:var(--soft, #f8fafc);border:1px dashed #94a3b8;border-radius:10px;padding:10px;display:grid;gap:6px}.pay-helper .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pay-helper .row input,.pay-helper .row select{width:auto;min-width:90px}.tax-cell{border:1px solid #cbd5e1;background:#fff;border-radius:8px;padding:4px 8px;cursor:pointer;font-size:13px;text-align:left;width:100%}.tax-cell.filed{background:#ecfdf5;border-color:#10b981;color:#065f46}.tax-cell.late{background:#fef2f2;border-color:#ef4444;color:#991b1b}.tax-cell.none{color:#64748b}.seg{display:flex;flex-wrap:wrap;gap:6px}.badge.role-o{background:#dcfce7;color:#166534}.badge.role-d{background:#fee2e2;color:#991b1b}.nowrap{white-space:nowrap}.clickable{cursor:pointer}.presence.clickable:hover{outline:2px solid var(--primary, #12654f)}.bulk-panel{border:2px solid var(--primary, #12654f);border-radius:12px;padding:12px;display:grid;gap:8px;margin:8px 0;background:var(--card, #fff)}.bulk-panel .prov-grid{max-height:180px;overflow:auto}.bulk-preview{display:flex;flex-wrap:wrap;gap:4px 14px;background:#f1f5f9;padding:6px 10px;border-radius:8px}.price-form-page{max-width:1100px;margin:0 auto;padding:12px}.price-form-page .rate-grid input{min-width:80px}.big-code{font-size:22px;letter-spacing:1px;background:#fef9c3;padding:2px 8px;border-radius:6px}.sign-row{display:flex;justify-content:space-around;gap:20px;margin-top:30px;text-align:center;font-size:14px}.sup-badge{border-radius:6px;padding:1px 6px;margin-top:2px;background:#eef2ff;color:#3730a3}.sup-badge.accepted{background:#fef9c3;color:#854d0e}.sup-badge.rejected,.sup-badge.cancelled{background:#fee2e2;color:#991b1b}.sup-badge.assigned,.sup-badge.confirmed{background:#dcfce7;color:#166534}.detail-pair{display:inline-block;margin-right:14px}.detail-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 12px;margin:6px 0;font-size:15px}.detail-group{border:1px dashed #cbd5e1;border-radius:10px;padding:6px 10px;margin:6px 0}.job-details>summary{cursor:pointer}.playback{display:grid;gap:6px;margin:6px 0}.playback-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.playback-bar input[type=range]{flex:1;min-width:160px}.loss-row td{background:#fef2f2}@media(min-width:1100px){.profit-page .table{font-size:14px}.profit-page .stats{grid-template-columns:repeat(4,1fr)}}.sl-all{border:2px solid var(--primary, #12654f);border-radius:12px;padding:10px 12px;display:grid;gap:6px;margin-bottom:10px}.sl-row{display:grid;grid-template-columns:minmax(120px,220px) 1fr auto;gap:8px;align-items:center}.sl-row code{overflow-wrap:anywhere;font-size:13px}@media(max-width:640px){.sl-row{grid-template-columns:1fr auto}.sl-row code{grid-column:1 / -1;grid-row:2}}.trip-example{background:#f8fafc;border:1px dashed #94a3b8;border-radius:10px;padding:8px 10px;margin-top:8px}.trip-example tr.best td{background:#ecfdf5}label.inline{display:inline-flex;gap:6px;align-items:center}.apk-box{border:2px solid #3ddc84;border-radius:12px;padding:10px 12px;margin:10px 0;display:grid;gap:6px}.apk-hint{display:block;background:#e8fbef;border:1px solid #3ddc84;color:#14532d;border-radius:10px;padding:10px 12px;margin:8px 0;text-decoration:none;font-weight:600}img,video,canvas,iframe,svg{max-width:100%}select,input,textarea{max-width:100%}.dashboard{grid-template-columns:minmax(0,1fr)}.dashboard>*,.dash-row>*,.kpi-grid>*,.all-time>*,.stats>*,.grid2>*,.grid3>*,.grid4>*,.sl-grid>*,.os>*{min-width:0}.kpi strong,.stat strong,.cp-kpi b,code{overflow-wrap:anywhere}@media(max-width:1024px){.dash-row.three,.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.dash-row,.dash-row.three{grid-template-columns:minmax(0,1fr)}.kpi-grid,.all-time{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grid2,.grid3,.grid4{grid-template-columns:minmax(0,1fr)}.kpi strong{font-size:20px}.content{padding:12px}.card{padding:14px}.toolbar>.actions,.toolbar>input.grow{width:100%}}@media(max-width:400px){.kpi-grid,.all-time{grid-template-columns:minmax(0,1fr)}}.settings-fold .card{margin-left:0;margin-right:0;box-shadow:none}@media(max-width:760px){.settings-fold,.driver-app-settings .card{padding:10px}}.supplier-app{max-width:1200px;margin:0 auto;padding:0 0 30px}.sup-tabs{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px}.supplier-app>section:not(.card){display:grid;gap:12px;padding:0 12px}@media(min-width:900px){.supplier-app>section:not(.card){grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-app>section>.empty{grid-column:1 / -1}}.sup-job{margin:0}.nav-group-title{display:none}@media(max-width:900px){.topbar nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:75vh;overflow-y:auto}.topbar nav .nav-group-title{display:block;grid-column:1 / -1;font-size:12px;font-weight:700;color:#64748b;margin:6px 2px 0;letter-spacing:.3px}.topbar nav .nav-group-title:first-child{margin-top:0}.topbar nav .nav-btn{flex-direction:column;justify-content:flex-start;gap:3px;padding:8px 4px;min-height:66px;white-space:normal;text-align:center;font-size:11.5px;line-height:1.25;border-radius:12px}.topbar nav .nav-btn .nav-ic{font-size:22px}.topbar nav .nav-btn .nav-label{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}}@media(min-width:560px)and (max-width:900px){.topbar nav{grid-template-columns:repeat(6,minmax(0,1fr))}}.fuel-card .fuel-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px}.fuel-card .fuel-head h3{margin:0;font-size:17px}.fuel-time{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;color:#475569;margin-left:auto}.fuel-body{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;margin-top:8px}.fuel-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px;align-content:start}.fuel-chip{display:flex;flex-direction:column;align-items:flex-start;gap:0;text-align:left;border:1px solid #fde4c8;background:#fffaf3;border-radius:10px;padding:6px 9px;cursor:pointer;font:inherit;min-width:0}.fuel-chip small{font-size:11.5px;color:#64748b;line-height:1.2;overflow-wrap:anywhere}.fuel-chip b{font-size:17px;color:#9a3412}.fuel-chip i{font-style:normal;font-size:11px;font-weight:700}.fuel-chip.main{border-color:#fb923c;background:#fff1e6}.fuel-chip.main b{font-size:20px;color:#c2410c}.fuel-chip.on{outline:2px solid #ea580c}.fuel-chip .up,.fuel-side .up{color:#dc2626}.fuel-chip .down,.fuel-side .down{color:#16a34a}.fuel-side{display:grid;gap:8px;align-content:start}.fuel-side .applied{display:grid;gap:1px;background:#f1f5f9;border-radius:10px;padding:8px 10px}.fuel-side .applied b{font-size:20px}.fuel-chart-svg{width:100%;height:auto;display:block}.fuel-chart-svg .grid{stroke:#e2e8f0;stroke-dasharray:3 3}.fuel-chart-svg .lbl{font-size:9px;fill:#64748b}.fuel-chart-svg .ln{fill:none;stroke:#ea580c;stroke-width:2.2}.fuel-chart-svg .area{fill:#fdba74;opacity:.25}.fuel-chart-svg .dot{fill:#ea580c}@media(max-width:760px){.fuel-body{grid-template-columns:minmax(0,1fr)}.fuel-types{grid-template-columns:repeat(3,minmax(0,1fr))}.fuel-time{margin-left:0}}@media(max-width:380px){.fuel-types{grid-template-columns:repeat(2,minmax(0,1fr))}}.unit-conv{display:grid;gap:10px}.unit-conv fieldset{border:1px solid #e3e9e5;border-radius:10px;padding:10px 12px;margin:0;display:grid;gap:8px;min-width:0}.unit-conv legend{font-weight:700;padding:0 4px}.conv-out{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;padding:8px 10px;background:#f1f7f3;border-radius:8px;font-size:14px}.conv-out b{color:#0b6b3a}.time-input{position:relative}.time-clear{border:0;background:none;color:#8a9690;font-size:18px;cursor:pointer;padding:0 4px}.time-pop{position:absolute;top:calc(100% + 4px);left:0;z-index:60;background:#fff;border:1px solid #d7e2dc;border-radius:12px;box-shadow:0 10px 28px #00000026;padding:8px;width:264px;max-width:calc(100vw - 32px)}.time-pop-head{font-size:13px;color:#55625c;margin-bottom:6px;display:flex;align-items:center;gap:8px;justify-content:space-between}.time-grid{display:grid;gap:4px}.time-grid.h{grid-template-columns:repeat(6,1fr)}.time-grid.m{grid-template-columns:repeat(4,1fr)}.time-grid button{border:1px solid #e3e9e5;background:#f7faf8;border-radius:8px;padding:8px 0;font-size:15px;font-variant-numeric:tabular-nums;cursor:pointer}.time-grid button:hover{background:#e7f3ec}.time-grid button.on{background:#12654f;color:#fff;border-color:#12654f}.drop-details{display:grid;gap:6px;padding-top:6px;border-top:1px dashed #dfe7e2}.drop-item-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 120px auto;gap:6px;align-items:center}@media(max-width:560px){.drop-item-row{grid-template-columns:minmax(0,1fr) 70px 96px auto}}.expiry-card{border-left:4px solid #d97706}.expiry-card tr.neg td{color:#b91c1c}.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 12px}.perm-group{margin-top:8px}.col-map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:6px 12px;margin:8px 0}.col-map-grid label{display:grid;gap:2px;font-size:13px}.col-map-grid label.need span{color:#b91c1c;font-weight:700}.fuel-announce{border-radius:10px;padding:8px 12px;margin:6px 0;background:#fff7ed;border:1px solid #fdba74}.fuel-announce.down{background:#ecfdf5;border-color:#6ee7b7}.fuel-announce ul{margin:4px 0;padding-left:18px}.fuel-banner.announce.down{background:#059669}.fuel-banner.announce.up{background:#c2410c}.field-error{position:relative;border-radius:8px;box-shadow:0 0 0 2px #dc2626!important;background:#fff1f2!important;animation:field-pulse .6s ease 2}.field-error input,.field-error select,.field-error textarea{border-color:#dc2626!important}.field-error[data-error]:after{content:"⚠️ " attr(data-error);display:block;color:#b91c1c;font-size:13px;font-weight:600;margin-top:4px}form.tried :invalid{border-color:#dc2626;background:#fff7f7}@keyframes field-pulse{50%{box-shadow:0 0 0 5px #dc262659}}.msg.error,.msg-error{scroll-margin:80px}.import-errors>li{margin-bottom:6px}.import-errors ul{margin:2px 0 0;padding-left:18px;color:#b91c1c}.btn.warn{background:#fff7ed;border-color:#fb923c;color:#9a3412}.alert.clickable{cursor:pointer}tr.warn-row td{background:#fffbeb}.drop-adjust,.adj-diff{margin:6px 0}.alloc{display:flex;flex-wrap:wrap;gap:4px 12px;margin:4px 0}.tr-rows{display:grid;gap:8px}.tr-row{display:grid;gap:4px;padding:6px 8px;border:1px solid #e3e9e5;border-radius:8px}.tr-row>span{color:#475569}.public-track{max-width:760px;margin:0 auto;padding:0 12px 24px}.track-steps{list-style:none;padding:0;display:grid;gap:4px;margin:10px 0}.track-steps li.now{font-weight:700;color:#12654f}.track-steps li:not(.done):not(.now){color:#94a3b8}tr.neg-row td{background:#fef2f2}.stage-tab.warn{border-color:#f87171}.consign-wait{color:#64748b}.consign-ready{color:#15803d}.consign-soon{color:#b45309}.consign-late{color:#b91c1c;font-weight:600}.consign-bar{margin:6px 0}.consign-result .big-price{font-size:22px;color:#0b6b3a}.consign-result ol{margin:6px 0;padding-left:18px}.consign-calc .filters{display:flex;gap:6px}.job-doc{border:1px solid var(--line, #e3e3e3);border-radius:8px;padding:6px;margin-bottom:8px}.job-doc-row{display:grid;grid-template-columns:170px minmax(0,1fr) 250px 130px minmax(0,1fr) auto;gap:6px;margin-bottom:6px}.doc-sheets{display:grid;gap:4px;padding-left:14px;border-left:3px solid #f0c8d8}.doc-sheet-row{display:grid;grid-template-columns:120px 160px 160px auto;gap:6px;justify-content:start}.doc-sheet-one{padding-left:14px}.job-doc-row.tpl{grid-template-columns:170px minmax(0,1.3fr) minmax(0,1fr) auto}.job-doc-row>.btn,.doc-sheet-row>.btn{width:auto;justify-self:start}.doc-sheets>.btn{justify-self:start;width:auto}.doc-template{display:grid;gap:6px;margin-top:8px}.doc-sheet-one select{max-width:340px}@media(max-width:600px){.doc-sheet-row{grid-template-columns:1fr 1fr}}@media(max-width:900px){.job-doc-row{grid-template-columns:1fr 1fr}}.doc-check{display:grid;gap:4px;margin:6px 0}.doc-check .back{font-weight:600}.doc-returns td:first-child{min-width:330px}.doc-track{display:grid;gap:3px;margin-top:4px}.doc-track-group{display:grid;gap:1px;padding-left:6px;border-left:2px solid var(--line, #ddd)}.doc-stage{display:inline-block;width:20px;text-align:center;opacity:.22;filter:grayscale(1)}.doc-stage.on{opacity:1;filter:none}.price-entry{display:grid;gap:4px;margin:8px 0}.cp-own-price{display:grid;gap:6px;padding:10px;border:1px dashed #d9a441;border-radius:10px;background:#fffaf0}.cp-form .cp-check{display:flex;align-items:center;gap:8px}.cp-form .cp-check input{width:auto}.doc-sets{display:grid;gap:10px}.doc-set{border:1px solid #e7d3a6;border-radius:10px;padding:8px;background:#fffdf6;display:grid;gap:6px}.doc-set-head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.doc-set-head input{flex:1 1 200px}.doc-set-pick{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:8px}.doc-set-pick select{flex:1 1 260px}.photo-rule{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}.photo-rule select{flex:0 1 300px}.photo-rule input{width:80px}.doc-set-head label.check{white-space:nowrap;flex:0 0 auto;display:flex;gap:6px;align-items:center}.doc-set-head .btn{width:auto;flex:0 0 auto}.scan-btn{width:100%;margin:4px 0}.scan-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0f172ab8;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:12px}.scan-card{background:#fff;border-radius:14px;padding:12px;width:min(560px,100%);display:grid;gap:8px}.scan-box{position:relative;touch-action:none;-webkit-user-select:none;user-select:none}.scan-box img{width:100%;display:block;border-radius:8px}.scan-box svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scan-box polygon{fill:#22c55e24;stroke:#16a34a;stroke-width:4;vector-effect:non-scaling-stroke}.scan-box circle{fill:#16a34a;stroke:#fff;stroke-width:3;vector-effect:non-scaling-stroke;cursor:grab}.scan-preview{width:100%;border:1px solid #e2e8f0;border-radius:8px}.scan-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}.scan-thumbs img{width:100%;border-radius:6px;border:1px solid #e2e8f0}.inbox{position:relative}.inbox-bell{position:relative;font-size:16px}.inbox-bell.has{animation:bellShake 1.6s ease-in-out infinite}@keyframes bellShake{0%,80%,to{transform:rotate(0)}84%{transform:rotate(14deg)}88%{transform:rotate(-12deg)}92%{transform:rotate(8deg)}96%{transform:rotate(-4deg)}}.inbox-count{position:absolute;top:-6px;right:-6px;background:#dc2626;color:#fff;border-radius:999px;font-size:11px;min-width:18px;height:18px;line-height:18px;padding:0 5px;text-align:center}.inbox-dot{position:absolute;top:0;right:0;width:9px;height:9px;border-radius:50%;background:#f59e0b}.inbox-panel{position:fixed;right:12px;top:64px;width:min(440px,calc(100vw - 24px));max-height:min(72vh,640px);display:flex;flex-direction:column;background:#fff;color:#0f172a;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 18px 40px #0f172a38;z-index:60;font-size:14px}.inbox-head{padding:10px 12px;border-bottom:1px solid #eef2f7;display:grid;gap:6px}.inbox-head .seg{display:flex;flex-wrap:wrap;gap:4px}.inbox-list{overflow-y:auto;padding:4px 8px 8px}.inbox-list h4{margin:10px 4px 4px;font-size:13px;color:#475569}.me .inbox span,.me .inbox small{display:revert}.inbox-item{display:flex;gap:8px;width:100%;text-align:left;background:none;border:0;border-radius:10px;padding:8px;cursor:pointer;font:inherit;color:inherit}.inbox-item:hover{background:#f1f5f9}.inbox-item.todo{background:#fff7ed}.inbox-item.todo:hover{background:#ffedd5}.inbox-item.new .inbox-text{font-weight:600}.inbox-ic{font-size:18px;line-height:1.2}.inbox-text{display:grid;gap:2px}.inbox-text small{color:#64748b;font-weight:400}.inbox-foot{border-top:1px solid #eef2f7;padding:8px 12px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}@media(max-width:640px){.inbox-panel{left:12px;right:12px;width:auto}}.live-note.todo{background:linear-gradient(135deg,#ea580c,#9a3412)}.live-note.activity{background:linear-gradient(135deg,#1d4ed8,#1e3a8a)}.pay-alert{background:#ecfdf5;border-color:#10b981;color:#065f46;font-weight:600}.pay-review{margin-top:4px;display:grid;gap:4px;font-size:12px}.pay-review.submitted span{color:#b45309;font-weight:700}.pay-review.rejected span{color:#b91c1c}.status-tab.paycheck{border-color:#f59e0b}.status-tab.cash{border-color:#22a35a}.status-tab.cash.active{background:#1a7f46}.slip-full{width:100%;max-height:60vh;object-fit:contain;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.multi-stop-pick{width:100%;display:grid;gap:6px;border:1px dashed #94a3b8;border-radius:12px;padding:10px;background:#f8fafc}.multi-stop-list{max-height:260px;overflow-y:auto;display:grid;gap:2px}.multi-stop-list .check{padding:6px;border-radius:8px;align-items:center}.multi-stop-list .check.on{background:#ecfdf5}.stop-no{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#16a34a;color:#fff;font-size:12px}.car-pin-wrap{background:none;border:0}.car-pin{position:relative;width:44px;height:44px;display:grid;place-items:center}.car-body{display:grid;place-items:center;transition:transform .6s ease;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}.car-ring{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--c);opacity:0}.car-pin.pulse .car-ring{animation:carPulse 1.8s ease-out infinite}@keyframes carPulse{0%{transform:scale(.5);opacity:.55}to{transform:scale(1.6);opacity:0}}.car-label{position:absolute;top:40px;left:50%;transform:translate(-50%);white-space:nowrap;background:#0f172a;color:#fff;font-size:11px;font-weight:600;padding:1px 6px;border-radius:6px;border:1px solid var(--c)}.car-pin.running .car-label{background:var(--c)}.car-badge{position:absolute;top:-4px;right:-6px;background:#fff;color:#0f172a;border:1.5px solid var(--c);border-radius:6px;font-size:9.5px;font-weight:800;line-height:1;padding:2px 3px}.car-speed{position:absolute;top:-4px;left:-10px;background:#dc2626;color:#fff;border-radius:99px;font-size:10px;font-weight:800;padding:2px 5px}.car-pin.over .car-ring{animation:carPulse .9s ease-out infinite}.track-map-wrap{position:relative}.track-legend{position:absolute;left:10px;bottom:10px;z-index:500;background:#fffffff0;border-radius:10px;padding:4px 10px;font-size:12px;box-shadow:0 2px 8px #00000026}.cj-road.multi,.cj-road.has-note{height:62px}.cj-flag.stop{background:#f59e0b;width:20px;height:20px;top:20px;font-size:11px;z-index:2;border:2px solid #fff;box-shadow:0 1px 3px #00000040}.cj-flag.stop.delivered{background:#16a34a}.cj-flag.stop.failed{background:#dc2626}.cj-flag.stop.arrived{background:#2563eb}.cj-flag.stop.now{animation:cjStopPulse 1.2s ease-in-out infinite}@keyframes cjStopPulse{50%{box-shadow:0 0 0 6px #f59e0b59}}.cj-road-note{position:absolute;left:0;right:0;top:44px;font-size:11px;color:#475569;text-align:center}.stop-order{width:100%;display:grid;gap:8px;border:1px solid #bfdbfe;border-radius:12px;padding:10px;background:#f8fbff}.stop-order tr.on{background:#ecfdf5}.stop-order .dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle}.price-form-page tr.pf-prov td:first-child{background:#f1f5f9}.price-form-page tr.pf-sub td:first-child{padding-left:18px}.price-form-page .pf-t{padding-left:12px}.zone-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px;align-items:start}@media(max-width:980px){.zone-layout{grid-template-columns:1fr}}.zone-map-wrap{position:relative}.zone-map{height:min(74vh,720px);min-height:420px;border-radius:12px;border:1px solid #e2e8f0}.zone-editing{position:absolute;left:10px;right:10px;top:10px;z-index:500;background:#fff;border:2px solid var(--c);border-radius:10px;padding:6px 10px;font-size:13px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;box-shadow:0 4px 14px #00000026}.zone-side{display:grid;gap:8px;max-height:min(74vh,720px);overflow-y:auto}.zone-row{border:1px solid #e2e8f0;border-left:6px solid var(--c);border-radius:10px;padding:8px;display:grid;gap:6px}.zone-row.on{background:#f8fafc;box-shadow:0 0 0 2px var(--c)}.zone-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.zone-head input[type=color]{width:28px;height:24px;padding:0;border:0;background:none}.zone-head b{cursor:pointer}.zone-areas{display:flex;flex-wrap:wrap;gap:4px;font-size:12px}.zone-page .dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle}.geo-label{background:none;border:0}.geo-label span{display:inline-block;transform:translate(-50%,-50%);white-space:nowrap;font-size:11px;font-weight:600;color:#0f172a;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;pointer-events:none}.geo-label.lv-region span{font-size:15px;font-weight:800;color:#1e293b}.geo-label.lv-province span{font-size:12px}.geo-label.lv-tambon span{font-size:10px;font-weight:500;color:#334155}.stamped{position:relative;display:block;container-type:inline-size;line-height:0;width:100%;max-width:100%}.stamped>img:first-child{display:block;width:100%;height:auto}.stamped .stamped-map{position:absolute;top:2.2cqw;right:2.2cqw;width:30cqw;max-width:30cqw;height:auto;border:.7cqw solid #fff;box-shadow:0 1px 4px #0000004d}.stamped .stamped-text{position:absolute;left:0;right:0;bottom:0;background:#0000008c;color:#fff;font-weight:600;font-size:clamp(9px,2.3cqw,22px);line-height:1.45;padding:.6em .8em;display:grid;text-align:left}.pl-box .stamped{width:min(96vw,calc(76vh * var(--ar)))}.pl-box .stamped>img:first-child{max-height:none}.pl-toggles{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.ev-photos figure .stamped,.ev-photos figure .stamped>img:first-child{width:100%}.cj-zoom .stamped{width:min(96vw,calc(80vh * var(--ar)))}.cj-zoom .stamped>img:first-child{max-height:none}.route-stops{border:1px solid #e2e8f0;border-radius:12px;padding:8px 10px;margin:8px 0;background:#fff}.route-stops>summary{font-weight:700;cursor:pointer;padding:4px 0}.rs-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:6px;position:relative}.rs-item{border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}.rs-item.delivered{background:#f0fdf4;border-color:#86efac}.rs-item.failed{background:#fef2f2;border-color:#fca5a5}.rs-item.arrived{background:#eff6ff;border-color:#93c5fd}.rs-head{display:flex;gap:10px;align-items:center;width:100%;background:none;border:0;padding:8px;text-align:left;font:inherit;color:inherit;cursor:pointer}.rs-no{flex:0 0 auto;min-width:30px;height:30px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#f59e0b;color:#fff;font-weight:800;font-size:13px}.rs-item.start .rs-no{background:#0f172a;font-size:11px}.rs-item.delivered .rs-no{background:#16a34a}.rs-item.failed .rs-no{background:#dc2626}.rs-item.arrived .rs-no{background:#2563eb}.rs-main{display:grid;flex:1}.rs-main small{color:#475569}.rs-body{padding:0 10px 10px 48px;display:grid;gap:4px}.rs-body p{margin:0}.zone-stats{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.zone-stat{font:inherit;display:grid;text-align:left;gap:1px;border:1px solid #e2e8f0;border-left:6px solid var(--c);background:#fff;border-radius:10px;padding:6px 10px;cursor:pointer;font-size:13px}.zone-stat span{color:#475569;font-size:12px}.zone-stat.on{background:#f8fafc;box-shadow:0 0 0 2px var(--c)}.zone-spot{position:relative;margin-bottom:8px;background:#fff;border:1px solid #e2e8f0;border-left:5px solid #dc2626;border-radius:12px;padding:8px 32px 8px 12px;display:grid;gap:3px;font-size:13px;overflow-wrap:anywhere}.zone-spot .close{position:absolute;top:6px;right:8px;font-size:16px}.spot-pin{background:none;border:0}.spot-pin span{font-size:28px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}.zone-split{border:1px dashed #94a3b8;border-radius:10px;padding:6px 10px;display:grid;gap:6px}.zone-split>summary{font-weight:700;cursor:pointer}.split-list{margin:0;padding-left:18px;display:grid;gap:3px}.map-sat{margin-top:4px}.short-link-help{border:1px solid #fcd34d;background:#fffbeb;border-radius:10px;padding:8px 10px;display:grid;gap:4px;font-size:13px}.short-link-help ol{margin:0;padding-left:4px;list-style:none;display:grid;gap:6px}.table td.num>div,.table td.num>small,.table td.num .small,.table td.num .muted,.table td.num .sup-badge{white-space:normal;overflow-wrap:anywhere}.jobs-table td.c-amt{min-width:96px;max-width:190px}.jobs-table td.c-desc,.jobs-table td.c-cust{overflow-wrap:anywhere}.table td{overflow-wrap:break-word}@media(max-width:900px){.jobs-table,.jobs-table tbody{display:block}.jobs-table thead{display:none}.jobs-table tr{display:grid;grid-template-columns:26px 1fr auto;gap:4px 10px;padding:12px 4px;border-bottom:1px solid var(--border)}.jobs-table td{display:block;padding:0;border:0}.jobs-table .c-check{grid-row:1 / span 2;padding-top:2px}.jobs-table .c-date{grid-column:2;font-weight:600}.jobs-table .c-amt{grid-column:3;grid-row:1;font-size:17px;font-weight:700}.jobs-table .c-cust{grid-column:2 / span 2}.jobs-table .c-desc{grid-column:2 / span 2;font-size:14px;color:#3b4b46;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.jobs-table .c-status{grid-column:2}.jobs-table .c-no{grid-column:3;text-align:right;font-size:12px;color:var(--muted)}.jobs-table .c-act{grid-column:1 / span 3;justify-content:flex-start;margin-top:6px}.jobs-table .c-act .btn{padding:7px 12px}.jobs-table .status-select{font-size:14px;padding:6px 10px}.jobs-table .empty{grid-column:1 / span 3}}.cp-cancel{width:100%;justify-content:center;background:#fff;color:#b91c1c;border:1px solid #fecaca;margin-top:8px}.cp-cancel:hover{background:#fef2f2}.odo-last{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;background:#f1f5f9;border-radius:12px;padding:10px 12px}.odo-last .odo-big{font-size:26px;letter-spacing:.5px;color:#0f5c4a}.odo-last small{color:#64748b;width:100%}.odo-card h3,.odo-inline>b{margin-top:0}.odo-inline{display:grid;gap:8px;border:1px dashed #94a3b8;border-radius:12px;padding:10px;margin:8px 0}.detail-title{margin:22px 0 6px;padding-top:12px;border-top:1px solid #e2e8f0}.cargo-check .cc-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}.cargo-check .cc-list li{display:grid;grid-template-columns:64px 1fr;gap:10px;border:1px solid #e2e8f0;border-radius:12px;padding:8px}.cargo-check .cc-list li.ok{border-color:#86efac;background:#f0fdf4}.cargo-check .cc-list li.short{border-color:#fcd34d;background:#fffbeb}.cc-img{width:64px;height:64px;border-radius:10px;overflow:hidden;border:0;padding:0;background:#f1f5f9;display:grid;place-items:center;font-size:11px;color:#94a3b8}.cc-img img{width:100%;height:100%;object-fit:cover}.cc-main{display:grid;gap:4px;min-width:0}.cc-main b{overflow-wrap:anywhere}.cc-acts{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.cc-acts input[type=number]{width:96px}.prod-thumb{position:relative;display:inline-grid;place-items:center;width:44px;height:44px;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc;padding:0;cursor:pointer;color:#94a3b8}.prod-thumb img{width:100%;height:100%;object-fit:cover}.prod-thumb i{position:absolute;right:0;bottom:0;font-style:normal;font-size:11px;background:#fff;border-radius:6px 0 0}.prod-pic{display:grid;gap:6px;justify-items:start}.prod-pic img{max-width:220px;max-height:220px;border-radius:12px;border:1px solid #e2e8f0;object-fit:contain;background:#fff}.price-suggest{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 8px}.price-suggest .chip{border:1px solid #cbd5e1;background:#fff;border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;cursor:pointer}.price-suggest .chip.on{border-color:#0f5c4a;background:#ecfdf5}.device-limits .dl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.device-limits .dl-grid .actions{grid-column:1 / -1}.device-gate .card{max-width:520px}.wx-layers,.wx-days,.wx-radar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}.wx-radar input[type=range]{flex:1;min-width:160px}.wx-season{margin:6px 0 0;padding:6px 10px;border-radius:10px;background:#f1f5f9;font-size:14px}.wx-season.rain{background:#e0f2fe}.wx-season.hot{background:#ffedd5}.wx-season.cool{background:#ede9fe}.wx-grid{display:grid;grid-template-columns:1fr 340px;gap:12px;margin-top:12px}.wx-map{height:70vh;min-height:420px;border-radius:14px;overflow:hidden;z-index:0}.wx-side{display:grid;gap:10px;align-content:start;max-height:70vh;overflow:auto}.wx-side .card{margin:0}@media(max-width:900px){.wx-grid{grid-template-columns:1fr}.wx-map{height:60vh}.wx-side{max-height:none}}.wx-pm span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#fff;font:700 12px/1 system-ui;border:2px solid #fff;box-shadow:0 1px 4px #00000059}.wx-wind{display:flex;align-items:center;gap:2px;background:#ffffffd9;border-radius:8px;padding:1px 4px;font-size:12px;white-space:nowrap}.wx-wind i{font-style:normal;display:inline-block;color:#0369a1}.wx-fc{display:grid;place-items:center;background:#ffffffd9;border-radius:10px;line-height:1}.wx-fc span{font-size:18px}.wx-fc small{font-size:10px;color:#0369a1}.wx-fc.heavy{background:#fee2e2;box-shadow:0 0 0 2px #ef4444}.wx-inc span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0006;font-size:15px}.wx-inc.serious span{box-shadow:0 0 0 2px #f97316,0 1px 4px #0006}.wx-inc.blocked span{box-shadow:0 0 0 3px #dc2626}.wx-alerts,.wx-top{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;font-size:13px}.wx-alerts li{padding:6px 8px;border-radius:8px;background:#fffbeb;cursor:pointer}.wx-alerts li.lv3{background:#fee2e2}.wx-top li{cursor:pointer}.wx-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;font-size:12px}.wx-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:3px}.wx-pick tr.on{background:#ecfdf5}.cp-custom-row{display:flex;justify-content:flex-end;margin-bottom:6px}.cp-custom{display:flex;flex-wrap:wrap;gap:6px 18px}.cp-hide{border:0;background:transparent;color:#94a3b8;cursor:pointer;font:inherit;font-size:13px;padding:2px 6px;border-radius:8px;margin-left:6px}.cp-hide:hover{background:#f1f5f9;color:#475569}.cp-fuel .cp-fuel-table tr.on{background:#ecfdf5}.cp-fuel .fuel-chart-svg{width:100%;height:auto;max-height:160px}.route-weather{border:1px solid #bae6fd;background:#f0f9ff;border-radius:12px;padding:8px 10px;margin:8px 0;font-size:14px}.route-weather.warn{border-color:#fdba74;background:#fff7ed}.route-weather ul{margin:4px 0 0;padding-left:18px}.rp-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin:8px 0}.rp-filters label{display:grid;font-size:13px}.rp-pick{position:relative}.rp-pop{position:absolute;z-index:30;top:100%;left:0;width:min(320px,90vw);background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:8px;box-shadow:0 10px 30px #00000026;display:grid;gap:6px}.rp-list{max-height:260px;overflow:auto;display:grid;gap:2px}.rp-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:8px 0 14px}.rp-kpis>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:8px 10px;display:grid}.rp-kpis b{font-size:20px}.rp-kpis em{font-style:normal;font-size:12px;color:#64748b}.rp-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.rp-bars{display:grid;gap:3px}.rp-bar{display:grid;grid-template-columns:110px 1fr auto;gap:6px;align-items:center;font-size:12px}.rp-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-bar i{height:12px;border-radius:6px;min-width:2px}.rp-bar em{font-style:normal;color:#334155}.rp-table tr.click{cursor:pointer}.rp-table tr.click:hover{background:#f1f5f9}.rp-tl{list-style:none;padding:0;margin:8px 0;display:grid;gap:4px}.rp-tl h4{margin:10px 0 4px}.rp-tl li{padding:4px 8px;border-left:3px solid #cbd5e1}.rp-tl li.accept{border-color:#2563eb}.rp-tl li.finish{border-color:#16a34a}.print-only{display:none}@media print{body.print-report .topbar,body.print-report .no-print,body.print-report .update-banner,body.print-report .live-notes{display:none!important}body.print-report .print-only{display:block}body.print-report .rp-print{box-shadow:none;border:0}body.print-report .rp-table{font-size:10px}body.print-report .table-wrap{overflow:visible}}.wx-layers .mode-chip,.reports-page .pricing-modes .mode-chip{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;width:auto}.cp-push{display:flex;justify-content:flex-end;margin:-8px 0 10px}.push-btn small{font-size:12px}.push-cats{font-size:13px}.push-cats label{display:flex}.chat{display:grid;gap:8px}.chat-msgs{overflow:auto;display:flex;flex-direction:column;gap:8px;padding:8px;background:#f8fafc;border-radius:12px;overscroll-behavior:contain}.chat-msg{max-width:80%;padding:8px 10px;border-radius:14px;background:#fff;border:1px solid #e2e8f0;align-self:flex-start}.chat-msg.me{align-self:flex-end;background:#dcfce7;border-color:#bbf7d0}.chat-msg small{color:#64748b;font-size:11px}.chat-msg p{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-msg img{max-width:220px;max-height:220px;border-radius:10px;margin-top:4px;display:block}.chat-input{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:end}.chat-input textarea{resize:vertical;min-height:42px}.chats-grid{display:grid;grid-template-columns:280px 1fr;gap:12px}@media(max-width:760px){.chats-grid{grid-template-columns:1fr}.chats-list{max-height:260px}}.chats-list{display:grid;gap:4px;align-content:start;max-height:70vh;overflow:auto}.chats-item{text-align:left;border:1px solid #e2e8f0;background:#fff;border-radius:10px;padding:8px;display:grid;gap:2px;cursor:pointer;font:inherit}.chats-item.on{border-color:#0f5c4a;background:#ecfdf5}.chats-item.unread b{color:#b91c1c}.chats-item small{color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#dc2626;margin-left:6px;vertical-align:middle}.rd-score{font-size:22px;padding:4px 12px;border-radius:12px}.rd-score.ok{background:#dcfce7;color:#166534}.rd-score.mid{background:#fef9c3;color:#854d0e}.rd-score.low{background:#fee2e2;color:#991b1b}.rd-list{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:6px}.rd-list li{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;border:1px solid #e2e8f0;border-radius:12px;padding:8px 10px}.rd-list li.bad{border-color:#fecaca;background:#fef2f2}.rd-list li.warn{border-color:#fde68a;background:#fffbeb}.rd-list li div{display:grid;min-width:0}.rd-list small{color:#475569;overflow-wrap:anywhere}.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.care-grid{grid-template-columns:1fr}}.care-form{border:1px dashed #94a3b8;border-radius:12px;padding:10px;margin:8px 0}.table tr.warn{background:#fffbeb}.exp-fuel{display:grid;gap:8px;padding:10px;border:1px dashed #94a3b8;border-radius:12px;background:#f8fafc}.exp-fuel label{display:grid;gap:4px}.exp-fuel .fuel-full{display:flex;align-items:center;gap:8px;font-weight:600}.exp-fuel .fuel-full input{width:22px;height:22px}.pp-qr{margin:8px 0 0;display:grid;justify-items:center;gap:4px;text-align:center}.pp-qr img{border:1px solid #e2e8f0;border-radius:10px;background:#fff;padding:4px}.pp-qr.doc{justify-items:start;text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:10px}.pp-qr figcaption{font-size:12px}.where-now{display:grid;gap:6px;margin:6px 0 10px}.where-opt{display:flex;gap:8px;align-items:flex-start;border:1px solid #cbd5e1;border-radius:12px;padding:10px;cursor:pointer}.where-opt.on{border-color:#0f5c4a;background:#ecfdf5;font-weight:600}.where-opt input{margin-top:3px}.sound-set{display:grid;gap:6px;font-size:14px}.sound-set label{display:grid;gap:2px}.sound-set label.check{display:flex}.sound-fold{margin:6px 0;font-size:14px}.push-nudge{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:12px;padding:10px 12px;margin-bottom:12px;font-size:14px}.push-nudge span{flex:1 1 260px}.cp-pay-method{display:grid;gap:6px}.cp-pay-method .cp-check{border:1px solid #e2e8f0;border-radius:10px;padding:8px 10px}.cp-pay-method .cp-check.on{border-color:var(--cp, #0f5c4a);background:#ecfdf5;font-weight:600}.trk-legend{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;margin:6px 0}.trk-legend i{display:inline-block;width:18px;height:6px;border-radius:3px;margin-right:4px;vertical-align:middle}.trk-timeline ol{list-style:none;padding:0;margin:6px 0;display:grid;gap:4px;font-size:13px}.trk-timeline li{border-left:4px solid #cbd5e1;padding:4px 8px;cursor:pointer;background:#f8fafc;border-radius:0 8px 8px 0}.trk-set{display:grid;gap:6px;border:1px dashed #94a3b8;border-radius:12px;padding:10px;font-size:13px}.trk-set label{display:grid;gap:2px}.trk-colors{display:flex;flex-wrap:wrap;gap:10px}.trk-colors input{width:48px;height:30px;padding:0}.spd.move{color:#16a34a}.spd.stop{color:#dc2626}.spd.over{color:#7c3aed}.wx-pop{font-size:13px;line-height:1.5;display:grid;gap:4px}.wx-pop-t{border-collapse:collapse;font-size:12px;text-align:center}.wx-pop-t th,.wx-pop-t td{padding:1px 4px}.wx-pop-t small{font-size:10px;color:#64748b}.wx-pop-trend{background:#f0f9ff;border-radius:8px;padding:6px 8px}.wx-pop-inc{background:#fff7ed;border-radius:8px;padding:6px 8px}.wx-inline{margin-top:6px;border-top:1px dashed #cbd5e1;padding-top:6px}.rp-export{border:1px solid #cbd5e1;border-radius:12px;padding:10px;display:grid;gap:6px;margin:8px 0;background:#f8fafc}.rp-export-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2px 12px;font-size:14px}.inbox-title{display:flex;align-items:center;gap:6px}.inbox-title b{flex:1}.inbox-item.read{opacity:.62}.inbox-item.read.todo{background:#f8fafc;border-color:#e2e8f0}.pop-sec{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}.pop-sec select{width:auto}.live-note{position:relative;padding-right:34px}.live-note-x{position:absolute;top:6px;right:6px;background:#ffffff2e;color:#fff;border:0;border-radius:99px;width:24px;height:24px;cursor:pointer;font-size:12px}.driver-row-head.clickable{cursor:pointer}.driver-row-head .more{margin-left:auto;font-size:12px;color:var(--primary, #0f5c4a)}.vd{display:grid;gap:12px}.vd-now{display:grid;gap:4px;padding:12px;border-radius:12px;background:#f8fafc}.vd-big{font-size:20px;font-weight:700}.vd-info{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0}.vd-info dt{color:#64748b}.vd-info dd{margin:0}.vd-kpi{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.vd-kpi span{background:#f1f5f9;border-radius:99px;padding:3px 10px;font-size:13px}.vd-stops{margin:4px 0 0;padding-left:18px;font-size:13px}.vd h4{margin:6px 0 4px}.track-map-wrap{isolation:isolate}.exp-shots{display:grid;gap:8px}.exp-shot{border:1px dashed #cbd5e1;border-radius:12px;padding:8px 10px;display:grid;gap:6px}.exp-shot.need{border-color:#f59e0b;background:#fffbeb}.exp-shot.ok{border-style:solid;border-color:#86efac;background:#f0fdf4}.exp-shot .req,.exp-fuel .req{color:#dc2626;font-weight:600}.trk-cfg-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0;color:#475569}.sound-test-panel{display:grid;gap:6px;padding:10px;border:1px solid #e2e8f0;border-radius:12px;margin:6px 0 10px}.stp-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;background:#f8fafc}.stp-row.ok{background:#f0fdf4}.stp-row.bad{background:#fef2f2}.stp-row.wait{background:#fffbeb}.sound-test-pop{position:fixed;left:12px;right:12px;bottom:16px;z-index:60;background:#0f172a;color:#fff;border-radius:16px;padding:14px 16px;box-shadow:0 16px 40px #00000059;display:grid;gap:6px}.sound-test-pop p{margin:0}.sound-test-pop .btn.ghost{color:#fff}.exp-shots{grid-column:1 / -1;width:100%}.wx-routes{display:grid;gap:6px}.wx-route-list{list-style:none;padding:0;margin:0;display:grid;gap:4px;max-height:320px;overflow:auto}.wx-route-list label{align-items:flex-start}.office-msg-pop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#0f172a8c;display:grid;place-items:center;padding:16px}.om-card{background:#fff;border-radius:18px;padding:18px;width:min(460px,100%);display:grid;gap:10px;box-shadow:0 20px 50px #00000059;border-top:6px solid #0f5c4a}.om-text{font-size:20px;font-weight:600;margin:0;white-space:pre-wrap;word-break:break-word}.om-quick{display:flex;flex-wrap:wrap;gap:6px}.om-reply{display:flex;gap:6px}.om-reply input{flex:1}.om-history{margin:8px 0;padding:8px 12px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.om-history ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:8px}.om-history li{border-bottom:1px solid #f1f5f9;padding-bottom:6px}.om-badge{background:#dc2626;color:#fff;border-radius:99px;padding:1px 8px;font-size:12px;margin-left:6px}.driver-messenger{display:grid;gap:8px;margin-bottom:12px}.driver-messenger textarea{width:100%;font:inherit}.dm-to,.dm-tpl{display:flex;flex-wrap:wrap;gap:6px}.dm-history{list-style:none;padding:0;margin:0;display:grid;gap:6px;max-height:320px;overflow:auto}.dm-history li{padding:8px 10px;border-radius:10px;background:#f8fafc}.dm-history li.ok{background:#f0fdf4}.dm-history li.bad{background:#fef2f2}.dm-history li.wait{background:#fffbeb}.need-trucks{background:#eff6ff}.lp-pick{display:grid;gap:6px}.lp-pick label{display:flex;justify-content:space-between;align-items:center;gap:8px}.lp-pick input{width:90px}.lp-short{background:#fef2f2}.lp-ok{background:#f0fdf4}.lp-table td,.lp-table th{white-space:nowrap}.ri-ctrl .ri-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:8px}.ri-ctrl .ri-filters label{display:grid;gap:2px;font-size:13px}.ri-ctrl .ri-filters .check{display:flex}.ri-deck{display:grid;gap:18px}.ri-slide{position:relative;background:#fff;border-radius:20px;padding:22px 26px 16px;box-shadow:0 1px 3px #0f172a0f,0 18px 40px -20px #0f5c4a59;aspect-ratio:16 / 9;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;border-top:6px solid #0f5c4a}.ri-head{display:flex;justify-content:space-between;gap:12px}.ri-head h2{margin:0;font-size:clamp(18px,2.1vw,28px);color:#0f172a}.ri-head p{margin:4px 0 0;color:#64748b;font-size:13px}.ri-no{font-size:12px;color:#94a3b8;font-weight:700}.ri-body{min-height:0;padding:12px 0;overflow:hidden}.ri-how{font-size:12px;color:#475569;background:#f8fafc;border-radius:10px;padding:6px 10px}.ri-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;height:100%;align-content:center}.ri-kpi{border-radius:16px;padding:14px 16px;background:linear-gradient(160deg,#f8fafc,#eef6f3);display:grid;gap:4px;border:1px solid #e2e8f0}.ri-kpi small{color:#64748b}.ri-kpi b{font-size:clamp(22px,2.6vw,38px);color:#0f5c4a;line-height:1.1}.ri-kpi span{font-size:12px;color:#64748b}.ri-kpi.good b{color:#15803d}.ri-kpi.warn b{color:#b45309}.ri-kpi.bad b{color:#b91c1c}.ri-map-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:16px;height:100%}.ri-map{width:100%;height:100%;max-height:100%}.ri-map .halo{paint-order:stroke;stroke:#fff;stroke-width:3px}.ri-map-loading{display:grid;place-items:center;color:#94a3b8}.ri-flow{stroke-dasharray:8 6;animation:riDash 1.2s linear infinite}@keyframes riDash{to{stroke-dashoffset:-28}}.ri-side h4,.ri-grid2 h4{margin:0 0 6px;font-size:14px;color:#334155}.ri-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;height:100%;align-content:start}.ri-grid2.wide-left{grid-template-columns:1.3fr 1fr}.ri-hbars{display:grid;gap:5px}.ri-hbar{display:grid;grid-template-columns:120px 1fr auto 62px;gap:8px;align-items:center;font-size:13px;position:relative}.ri-hbar .lbl{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.ri-hbar .track{height:14px;background:#f1f5f9;border-radius:99px;overflow:hidden}.ri-hbar .track i{display:block;height:100%;border-radius:99px;transition:width 1s cubic-bezier(.2,.8,.2,1)}.ri-hbar b{min-width:46px;text-align:right}.ri-hbar .ri-note{grid-column:2 / 4;color:#64748b;font-size:11px;margin-top:-3px}.ri-tagc{min-height:1px}.ri-tag{font-style:normal;white-space:nowrap;font-size:10px;font-weight:700;padding:0 6px;border-radius:99px}.ri-tag.hi{background:#dcfce7;color:#166534}.ri-tag.lo{background:#fee2e2;color:#991b1b}.ri-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;margin-top:8px}.ri-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}.ri-rings{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:flex-start}.ri-ring-box{display:grid;justify-items:center;gap:2px;width:120px;text-align:center}.ri-ring-box small{color:#64748b;font-size:11px}.ri-ring{display:grid;justify-items:center}.ri-callout{margin-top:14px;padding:10px 14px;border-left:5px solid #0f5c4a;background:#f0fdf4;border-radius:10px;font-size:15px}.ri-sankey{width:100%;height:100%}.ri-band{opacity:0}.ri-band.go{animation:riFade .8s ease forwards}@keyframes riFade{to{opacity:1}}.ri-draw{stroke-dasharray:1;stroke-dashoffset:1}.ri-draw.go{animation:riDraw 1.4s ease forwards}@keyframes riDraw{to{stroke-dashoffset:0}}.ri-trend{width:100%;max-height:82%}.ri-table{width:100%;border-collapse:collapse;font-size:12.5px}.ri-table th{text-align:left;color:#475569;border-bottom:2px solid #e2e8f0;padding:5px 6px}.ri-table td{border-bottom:1px solid #f1f5f9;padding:5px 6px}.ri-table .good{color:#15803d;font-weight:700}.ri-table .bad{color:#b91c1c;font-weight:700}.ri-lead{display:grid;gap:10px}.ri-lead-row{display:grid;grid-template-columns:78px 1fr 70px;gap:8px;align-items:center;font-size:13px}.ri-lead-row small{grid-column:2 / -1;color:#64748b;font-size:11px;margin-top:-6px}.ri-lead-row .track{position:relative;height:16px;background:#f1f5f9;border-radius:99px}.ri-lead-row .track i{display:block;height:100%;border-radius:99px;transition:width 1s cubic-bezier(.2,.8,.2,1)}.ri-lead-row .track em{position:absolute;top:-4px;width:3px;height:24px;background:#0f172a;border-radius:2px}.ri-stack{display:grid;gap:8px}.ri-stack-row{display:grid;grid-template-columns:78px 1fr 64px 128px;gap:8px;align-items:center;font-size:13px}.ri-stack-row .track{display:flex;height:16px;background:#f1f5f9;border-radius:99px;overflow:hidden}.ri-stack-row .track i{display:block;height:100%;transition:width 1s ease}.ri-stack-row small{color:#64748b}.iss-late{background:#dc2626}.iss-short{background:#f59e0b}.iss-dropFail{background:#7c3aed}.iss-adjust{background:#0ea5e9}.iss-expReject{background:#64748b}.iss-docLate{background:#db2777}.iss-noApp{background:#94a3b8}.ri-legend i.iss-late,.ri-legend i[class^=iss-]{display:inline-block}.ri-insights{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.ri-ins{display:flex;gap:10px;padding:10px 12px;border-radius:14px;background:#f8fafc;border-left:5px solid #94a3b8;transition:opacity .6s,transform .6s}.ri-ins span{font-size:24px}.ri-ins b{font-size:15px}.ri-ins p{margin:3px 0 0;font-size:13.5px;color:#475569}.ri-ins.good{border-color:#16a34a;background:#f0fdf4}.ri-ins.warn{border-color:#f59e0b;background:#fffbeb}.ri-ins.bad{border-color:#dc2626;background:#fef2f2}.ri-ins.info{border-color:#2563eb;background:#eff6ff}.ri-deck.presenting{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#0b1f1a;padding:2.5vh 3vw;display:grid;place-items:center}.ri-deck.presenting .ri-slide{display:none;width:min(94vw,calc(92vh * 16 / 9))}.ri-deck.presenting .ri-slide.cur{display:grid}.ri-nav{position:fixed;bottom:14px;right:18px;z-index:95;display:flex;gap:6px;align-items:center;color:#fff}.ri-nav button{background:#ffffff26;color:#fff;border:0;border-radius:10px;padding:6px 12px;font-size:18px;cursor:pointer}@media(max-width:900px){.ri-slide{aspect-ratio:auto}.ri-kpis{grid-template-columns:1fr 1fr}.ri-map-wrap,.ri-grid2,.ri-grid2.wide-left,.ri-insights{grid-template-columns:1fr}}@media print{body.print-insights *{-webkit-print-color-adjust:exact;print-color-adjust:exact}body.print-insights .topbar,body.print-insights .no-print,body.print-insights .update-banner,body.print-insights .live-notes,body.print-insights .main-nav,body.print-insights nav,body.print-insights header.app-head,body.print-insights .push-nudge,body.print-insights .alert{display:none!important}body.print-insights .ri-deck{display:block}body.print-insights .ri-slide{page:riSlides;box-shadow:none;border:1px solid #e2e8f0;border-top:6px solid #0f5c4a;break-after:page;page-break-after:always;width:100%;height:182mm;aspect-ratio:auto;margin:0}body.print-insights .ri-flow{animation:none}}@page riSlides{size:A4 landscape;margin:8mm}.ri-callout-svg{opacity:0}.ri-callout-svg.go{animation:riFade .7s ease forwards}@media print{body.print-insights .ri-callout-svg{opacity:1;animation:none}}.ri-cover{display:grid;gap:14px;height:100%;align-content:center}.ri-hero{display:flex;gap:14px;align-items:center}.ri-hero img{width:74px;height:74px;object-fit:contain}.ri-hero b{display:block;font-size:clamp(18px,2vw,26px);color:#0f5c4a}.ri-hero span,.ri-share small{color:#64748b}.ri-share-bar{display:flex;height:30px;border-radius:10px;overflow:hidden;background:#f1f5f9;margin-top:4px}.ri-share-bar i{display:flex;align-items:center;justify-content:center;color:#fff;font-style:normal;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}.ri-share-bar.tall{height:34px}.ri-late{margin-top:12px;height:auto}.ri-rings .ri-ring-box{width:112px}.ri-stack-row b{white-space:nowrap}.ri-stack-row small{font-size:10.5px;white-space:nowrap}.ri-legend-tags{font-size:11px;color:#64748b}.ri-fade{opacity:0;transition:opacity .8s ease 1s}.ri-fade.go{opacity:1}@media print{body.print-insights .ri-fade{opacity:1;transition:none}}.ri-table.big{font-size:14px}.ri-table.big td,.ri-table.big th{padding:8px 6px}.ri-mix{display:flex;height:20px;border-radius:6px;overflow:hidden;background:#f1f5f9}.ri-mix i{display:flex;align-items:center;justify-content:center;color:#fff;font-size:10.5px;font-weight:700;font-style:normal;overflow:hidden;white-space:nowrap;transition:width 1s cubic-bezier(.2,.8,.2,1)}@media print{body.print-report>#root,body.print-insights>#root{display:block!important}body.print-report .fuel-banner,body.print-report .quota-alert,body.print-report .push-nudge,body.print-insights .fuel-banner,body.print-insights .quota-alert,body.print-insights .push-nudge,body.print-insights .topbar{display:none!important}body.print-insights main,body.print-insights .ri-page{padding:0!important;margin:0!important}}@media print{body.print-insights .ri-kpis{grid-template-columns:repeat(4,1fr)!important}body.print-insights .ri-map-wrap{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)!important;height:150mm}body.print-insights .ri-map{height:148mm;width:100%}body.print-insights .ri-grid2{grid-template-columns:1fr 1fr!important}body.print-insights .ri-grid2.wide-left{grid-template-columns:1.3fr 1fr!important}body.print-insights .ri-insights{grid-template-columns:1fr 1fr!important}body.print-insights .ri-sankey{height:120mm}body.print-insights .ri-trend{height:125mm;max-height:none}body.print-insights .ri-kpi b{font-size:26px}body.print-insights .ri-head h2{font-size:22px}}.ri-opts{margin:6px 0 10px;border:1px solid #e2e8f0;border-radius:12px;padding:8px 12px}.ri-opts summary{cursor:pointer;font-weight:700}.ri-checks{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0}.ri-checks.slides{gap:6px}.ri-checks .mode-chip{font-size:12.5px}.ri-notes{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:6px 12px;margin-bottom:6px;font-size:12.5px}.ri-notes b{color:#166534}.ri-notes ul{margin:2px 0 0;padding-left:18px}.ri-notes li{margin:1px 0}.ri-d{font-size:11px;font-weight:700;color:#64748b;white-space:nowrap}.ri-d.up{color:#15803d}.ri-d.down{color:#b91c1c}.ri-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:start}.ri-act-col h4{margin:0 0 6px;font-size:14px}.ri-act-col.urgent h4{color:#b91c1c}.ri-act-col.important h4{color:#b45309}.ri-act-col.monitor h4{color:#15803d}.ri-act{border-radius:12px;padding:8px 10px;margin-bottom:8px;background:#f8fafc;border-left:5px solid #94a3b8;transition:opacity .5s,transform .5s;font-size:12.5px}.ri-act-col.urgent .ri-act{border-color:#dc2626;background:#fef2f2}.ri-act-col.important .ri-act{border-color:#f59e0b;background:#fffbeb}.ri-act-col.monitor .ri-act{border-color:#16a34a;background:#f0fdf4}.ri-act.done{opacity:.55!important}.ri-act.done b{text-decoration:line-through}.ri-act-h{display:flex;gap:6px;align-items:flex-start}.ri-act-h b{flex:1;font-size:13px}.ri-act p{margin:3px 0 0;color:#334155}.ri-act .impact{color:#15803d;font-weight:600}.ri-act-done{border:1px solid #cbd5e1;background:#fff;border-radius:99px;padding:0 8px;cursor:pointer;font-size:12px;white-space:nowrap}@media(max-width:900px){.ri-actions{grid-template-columns:1fr}}@media print{body.print-insights .ri-actions{grid-template-columns:repeat(3,1fr)!important}body.print-insights .ri-opts{display:none}}.ri-checks.slides .mode-chip{display:inline-flex;align-items:center;gap:4px;width:auto;min-width:0;min-height:0;height:auto;padding:4px 10px;flex:none;text-align:left;white-space:nowrap}.ri-checks.slides .mode-chip input{width:auto;margin:0}.ri-act{padding:6px 9px;margin-bottom:6px;font-size:12px}.ri-act p{margin:2px 0 0}.ri-more{font-size:12px;color:#64748b;margin:2px 0 0}.ri-actlist{margin-top:16px}.ri-actlist tr.done td{opacity:.55}.ri-actlist tr.done b{text-decoration:line-through}.ri-modes{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 10px}.ri-flags{display:flex;flex-wrap:wrap;gap:4px}.ri-flags em{font-style:normal;font-size:11px;padding:1px 8px;border-radius:99px;white-space:nowrap}.ri-flags em.bad{background:#fee2e2;color:#991b1b}.ri-flags em.warn{background:#fef3c7;color:#92400e}.ri-flags em.good{background:#dcfce7;color:#166534}.ri-grade{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:8px;color:#fff;font-weight:800;font-size:13px}.ri-mini-kpis{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.ri-mini-kpis span{background:#f1f5f9;border-radius:99px;padding:3px 10px;font-size:12px}.ri-stops,.ri-tl{list-style:none;padding:0;margin:4px 0 8px;display:grid;gap:3px;font-size:12.5px}.ri-tl li{border-left:3px solid #0f5c4a;padding-left:8px}.ri-speed{width:100%;height:auto;max-height:190px}.ri-kpis.five{grid-template-columns:repeat(5,1fr);margin-bottom:10px}.ri-kpis.five .ri-kpi b{font-size:clamp(18px,1.8vw,26px)}.ri-pick{margin-bottom:8px}.ri-pick select{width:auto}.ri-table tr.sel td{background:#ecfdf5}.ri-table .warn{color:#b45309;font-weight:700}@media print{body.print-insights .ri-kpis.five{grid-template-columns:repeat(5,1fr)!important}body.print-insights .ri-modes{display:none}}@media(max-width:900px){.ri-kpis.five{grid-template-columns:1fr 1fr}}.ri-stack.wide-note .ri-stack-row{grid-template-columns:110px 1fr 64px 300px}.ri-stack.wide-note .ri-stack-row small{white-space:normal}.ri-kpi-panel{border:2px solid #0f5c4a;border-radius:14px;padding:10px 14px;margin:6px 0 12px;background:#f8fffb}.ri-kpi-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}.ri-kpi-f{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;font-size:13px;padding:3px 0;border-bottom:1px dashed #e2e8f0}.ri-kpi-in{display:flex;align-items:center;gap:6px}.ri-kpi-in input{width:82px}.ri-kpi-in small{color:#64748b;white-space:nowrap}.ri-kpi-in em{color:#b45309;font-style:normal}.ri-kpi-matrix td,.ri-kpi-matrix th{text-align:center;white-space:nowrap}.ri-kpi-matrix td:first-child,.ri-kpi-matrix th:first-child{text-align:left}.ri-kpi-matrix td.kpi-pass,.ri-kpi-checks .kpi-pass,td.kpi-pass{background:#dcfce7;color:#166534;font-weight:700}.ri-kpi-matrix td.kpi-warn,.ri-kpi-checks .kpi-warn,td.kpi-warn{background:#fef3c7;color:#92400e;font-weight:700}.ri-kpi-matrix td.kpi-fail,.ri-kpi-checks .kpi-fail,td.kpi-fail{background:#fee2e2;color:#991b1b;font-weight:700}.ri-kpi-matrix td.kpi-na{color:#94a3b8}.ri-kpi-checks{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.ri-kpi-checks span{border-radius:99px;padding:2px 10px;font-size:12px;background:#f1f5f9;color:#64748b}.wheel-badge{display:inline-block;font-size:11px;font-weight:800;border:1.5px solid #0f766e;color:#0f766e;border-radius:6px;padding:0 4px;margin-left:4px}.speed-alert{border-color:#dc2626;background:#fee2e2;color:#7f1d1d}.trk-speed-class{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px}.swap-list{display:grid;gap:6px;max-height:320px;overflow:auto}.form .swap-opt{display:flex;flex-direction:row;gap:8px;align-items:flex-start;border:1px solid var(--border);border-radius:10px;padding:8px 10px;cursor:pointer}.form .swap-opt input{width:auto;margin-top:3px}.swap-opt.on{border-color:#2f5f9e;background:#eef4ff}.cfm{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}.cfm-map{height:560px;border-radius:14px;overflow:hidden;border:1px solid #dbe3e0}.cfm-side{display:grid;gap:8px;align-content:start;max-height:560px;overflow:auto}.cfm-item{text-align:left;display:grid;gap:2px;border:1px solid #dbe3e0;border-left:5px solid var(--c);background:#fff;border-radius:12px;padding:8px 10px;font:inherit;cursor:pointer}.cfm-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--c);margin-right:6px}.cfm-pin-wrap{background:none;border:0}.cfm-pin{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--c);color:#0f172a;font-weight:800;font-size:12px;box-shadow:0 1px 4px #0000004d}@media(max-width:760px){.cfm{grid-template-columns:1fr}.cfm-map{height:420px}.cfm-side{max-height:none}}.scan-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;background:#0f172abf;display:grid;place-items:center;padding:12px}.scan-sheet{background:#fff;border-radius:16px;width:min(520px,100%);max-height:96vh;overflow:auto;padding:12px;display:grid;gap:8px;grid-auto-rows:max-content;align-content:start}.scan-head-btns{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.scan-head{display:flex;justify-content:space-between;align-items:center}.scan-cam{position:relative;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:4 / 3;min-height:0}.scan-cam.cam-mini{aspect-ratio:auto;height:min(30vh,220px)}.scan-cam.cam-off{height:0;aspect-ratio:auto;visibility:hidden;margin:-4px 0}.scan-cam video{width:100%;height:100%;object-fit:cover;display:block}.scan-frame{position:absolute;top:18%;right:12%;bottom:18%;left:12%;border:3px solid #22c55e;border-radius:12px;box-shadow:0 0 0 999px #00000040}.scan-msg{position:absolute;inset:auto 8px 8px;background:#000000b3;color:#fff;padding:8px;border-radius:8px;font-size:14px}.scan-hit{background:#dcfce7;color:#14532d;border-radius:10px;padding:6px 10px;margin:0;word-break:break-all}.scan-type{display:flex;gap:6px;flex-wrap:wrap}.scan-type input{flex:1;min-width:160px}.scan-photo{cursor:pointer}.scan-list{display:grid;gap:4px;max-height:45vh;overflow:auto;font-size:14px}.scan-list .ok{color:#166534}.scan-list .miss{color:#92400e}.code-labels{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.code-label{border:1px dashed #94a3b8;border-radius:10px;padding:8px;text-align:center;display:grid;gap:4px;justify-items:center;break-inside:avoid}.code-label img{width:120px;height:120px}.code-label svg{max-width:100%;height:auto}.scan-btn{width:100%;margin:6px 0}.task-scan{margin:8px 0;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.jc{display:grid;gap:6px}.jc-msgs{overflow:auto;display:grid;gap:6px;padding:6px;background:#f8fafc;border-radius:10px;min-height:80px}.jc-msg{display:grid;gap:2px;max-width:85%;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:6px 10px;justify-self:start}.jc-msg.me{justify-self:end;background:#dcfce7;border-color:#86efac}.jc-msg small{color:#64748b;font-size:11px}.jc-quick,.radio-quick{display:flex;flex-wrap:wrap;gap:4px}.jc-send,.radio-send{display:flex;gap:6px}.jc-send input,.radio-send input{flex:1;min-width:0}.jc-panel{position:sticky;bottom:8px;z-index:50;background:#fff;border:2px solid #2563eb;border-radius:14px;padding:10px;margin:8px 0;box-shadow:0 6px 20px #0000002e;display:grid;gap:6px}.jc-head,.radio-head{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}.jc-fab,.radio-fab{border:0;border-radius:99px;padding:10px 16px;font:inherit;font-weight:700;background:#2563eb;color:#fff;cursor:pointer;box-shadow:0 4px 12px #0003;margin:6px 0}.jc-fab.new,.radio-fab.new{background:#dc2626;animation:carPulse 1.4s ease-out infinite}.radio-dock{position:fixed;left:10px;bottom:10px;z-index:900;max-width:calc(100vw - 20px)}.radio-dock.open{right:10px}.radio-fab{background:#0f766e}.radio-panel{background:#fff;border:2px solid #0f766e;border-radius:16px;padding:10px;display:grid;gap:6px;max-width:520px;margin-left:auto;margin-right:auto;box-shadow:0 8px 24px #00000040}.radio-panel.office{position:static;box-shadow:none;max-width:none}.radio-msgs{max-height:38vh;overflow:auto;display:grid;gap:6px;padding:6px;background:#f0fdfa;border-radius:10px}.radio-msg{display:grid;gap:3px;max-width:88%;background:#fff;border:1px solid #99f6e4;border-radius:12px;padding:6px 10px;justify-self:start}.radio-msg.me{justify-self:end;background:#ccfbf1}.radio-msg small{color:#475569;font-size:11px}.radio-msg audio{max-width:220px;height:32px}.radio-ptt{width:100%;background:#0f766e;color:#fff;user-select:none;-webkit-user-select:none;touch-action:none}.radio-ptt.rec{background:#dc2626}.radio-toggle{margin:4px 0}.net-off{background:#fef3c7;color:#78350f;border:1px solid #f59e0b;border-radius:10px;padding:6px 10px;font-size:13px}.radio-msg .pending,.jc-msg .pending{color:#b45309}.radio-mode{display:flex;gap:4px;justify-content:center}.convoy-tools{display:grid;gap:6px}.convoy-btns{display:flex;flex-wrap:wrap;gap:4px}.convoy-req{display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:#fef9c3;border:1px solid #eab308;border-radius:10px;padding:6px 8px}.convoy-invite{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:#f0fdfa;border:1px dashed #0f766e;border-radius:12px;padding:8px}.convoy-invite img{width:130px;height:130px}.convoy-invite div{display:grid;gap:2px}.convoy-code{font-size:30px;letter-spacing:4px;color:#0f766e}.convoy-admin{display:grid;gap:8px;margin:8px 0}.convoy-make{display:grid;gap:6px}.convoy-row{display:grid;gap:6px;border-top:1px solid var(--border);padding-top:6px}.mt-sheet{width:min(760px,100%)}.mt-map{height:min(52vh,460px);border-radius:12px;overflow:hidden;border:1px solid var(--border, #dbe3e0)}.mt-chips{display:flex;flex-wrap:wrap;gap:4px}.mt-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mt-list{display:grid;gap:4px;max-height:30vh;overflow:auto}.mt-item{display:flex;gap:8px;align-items:center;border:1px solid #e2e8f0;border-radius:10px;padding:6px 8px}.mt-item>div{flex:1;display:grid;min-width:0}.mt-item small{color:#64748b}.mt-pin-wrap{background:none;border:0}.mt-pin{display:inline-grid;place-items:center;min-width:26px;height:26px;padding:0 4px;border-radius:99px;background:#fff;border:3px solid #64748b;color:#0f172a;font-weight:800;font-size:12px;box-shadow:0 1px 4px #0000004d}.mt-pin.sm{min-width:22px;height:22px;font-size:11px;border-width:2px}.mt-pin.start{border-color:#0f766e;background:#ccfbf1;font-size:10px}.mt-pin.next{border-color:#2563eb;background:#2563eb;color:#fff;transform:scale(1.15)}.mt-pin.delivered{border-color:#16a34a;background:#dcfce7}.mt-pin.failed{border-color:#dc2626;background:#fee2e2}.mt-pin.yes{border-color:#16a34a}.mt-pin.likely{border-color:#eab308}.mt-pin.unknown{border-color:#94a3b8;opacity:.8}.mt-me{display:inline-block;width:16px;height:16px;border-radius:50%;background:#2563eb;border:3px solid #fff;box-shadow:0 0 0 3px #2563eb59}.mt-dot{width:10px;height:10px;border-radius:50%;background:#94a3b8;flex:none}.mt-dot.yes{background:#16a34a}.mt-dot.likely{background:#eab308}.mt-legend{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.count-box{display:grid;gap:6px}.count-total{font-size:20px;color:#0f766e}.count-line{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto auto auto;gap:4px;align-items:center;border-bottom:1px dashed #e2e8f0;padding:2px 0}.count-line>small{font-size:11px;color:#475569;word-break:break-all}.count-line>.btn.sm{padding:6px 8px;min-width:0}@media(max-width:420px){.count-line{grid-template-columns:auto minmax(0,1fr) auto auto auto auto}.count-line>small{grid-column:2 / -1;grid-row:2}}.count-line input{min-width:0}.count-manual{display:grid;grid-template-columns:1fr 70px auto;gap:6px}.count-msg{width:100%;font:inherit;font-size:13px}.count-sum{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:8px}.cj-items{display:grid;gap:8px}.cj-count{margin:0;font-size:16px}.last-scan{display:grid;gap:4px;border:2px solid #94a3b8;border-radius:12px;padding:8px 10px;background:#f8fafc}.last-scan.known{border-color:#16a34a;background:#f0fdf4}.last-scan.unknown{border-color:#f59e0b;background:#fffbeb}.last-scan b{font-size:17px;display:flex;gap:8px;align-items:center}.name-src{display:inline-block;font-size:11px;border-radius:99px;padding:1px 8px;background:#e2e8f0;color:#334155;width:fit-content}.name-src.job,.name-src.registry{background:#dcfce7;color:#14532d}.name-src.learned{background:#e0f2fe;color:#075985}.name-src.online{background:#ede9fe;color:#5b21b6}.name-src.unknown{background:#fef3c7;color:#78350f}.name-edit{display:grid;gap:4px}.name-edit-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.name-edit-row input{flex:1;min-width:120px}.name-edit-row .name-unit{flex:0 0 70px;min-width:60px}.name-photo{width:44px;height:44px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0}.mytrucks{display:grid;gap:8px;margin-bottom:10px}.mytruck{display:flex;gap:10px;align-items:center;text-align:left;border:1px solid #dbe3e0;border-left:5px solid #0f766e;background:#fff;border-radius:12px;padding:10px 12px;font:inherit;cursor:pointer}.mytruck-ic{font-size:26px}.mytruck-main{flex:1;display:grid;gap:2px}.mytruck-main small{color:#475569}.mytruck-sum{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.mytruck-sum .st{border-radius:99px;padding:4px 10px;background:#f1f5f9;font-size:13px}.mytruck-sum .onTruck{background:#e0f2fe}.mytruck-sum .delivered{background:#dcfce7}.mytruck-sum .waiting{background:#fef3c7}.mytrucks-title{margin:0 0 6px;font-size:16px}.mytruck-body{display:grid;gap:8px;grid-column:1 / -1;width:100%}.mytruck-jobs{display:flex;flex-wrap:wrap;gap:6px}.mytruck-jobs .cp-btn{height:auto}.rp-gps-note{grid-column:1 / -1}.pi-table{max-height:55vh;overflow:auto}.pi-table td{vertical-align:top}.count-compare{display:grid;gap:3px;padding:8px;border:1px solid #fcd34d;background:#fffbeb;border-radius:10px;font-size:14px}.count-compare.all-ok{border-color:#86efac;background:#f0fdf4}.cmp-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:6px;align-items:center}.cmp-row .cmp-name small{color:#64748b}.cmp-row.ok>small{color:#166534}.cmp-row.short>small,.cmp-row.none>small{color:#b45309}.cmp-row.over>small{color:#1d4ed8}