@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap";.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{--bg:#eef3f8;--bg2:#ffffff;--panel:#ffffff;--panel2:#f8fbfe;--line:#d9e3ee;--line2:#cbd9e7;--ink:#17304b;--muted:#708198;--muted2:#708198;--blue:#2475c8;--blue2:#52a6e5;--cyan:#1da9d6;--red:#d92d3f;--orange:#f59e0b;--green:#169b62;--shadow:0 10px 30px rgba(0,0,0,.18)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Kanit,sans-serif}body{font-size:13px}.app{min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid #d9e3ee;display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:1100}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:45px;height:45px;border-radius:12px;background:#2475c8;display:grid;place-items:center;font-weight:700;font-size:20px;box-shadow:inset 0 0 0 1px #2475c8}.brand-title{font-weight:700;font-size:16px}.brand-sub{font-size:9px;color:#708198;letter-spacing:1.7px}.top-status{display:flex;align-items:center;gap:12px;color:#708198;font-size:10px}.online{color:#169b62}.online i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#169b62;margin-right:5px;box-shadow:0 0 0 4px #55c7a31a}.top-date{color:#89a1bd}.top-clock{font-size:17px;letter-spacing:1px;color:#e5f0fb}.top-btn,.ghost{border:1px solid #d5e0eb;background:#eef4fa;color:#17304b;border-radius:8px;padding:8px 11px;cursor:pointer}.body{display:flex;min-height:calc(100vh - 72px)}.sidebar{width:240px;background:#f8fafc;border-right:1px solid #d9e3ee;padding:18px 12px;display:flex;flex-direction:column;position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto}.side-section-title,.quick-title{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#8391a4;padding:3px 11px 8px}.nav,.quick-btn{width:100%;text-align:left;border:0;background:transparent;padding:11px 12px;border-radius:9px;color:#50657b;margin:2px 0;cursor:pointer;display:flex;align-items:center;gap:9px;font:600 11px inherit}.nav span{width:18px;text-align:center;color:#6f91b1}.nav.active{background:#e5effa;color:#fff;box-shadow:inset 3px 0 #2475c8}.nav.active span{color:#fff}.nav em{margin-left:auto;font-style:normal;font-size:8px;background:#d9e3ee;padding:2px 6px;border-radius:10px;color:#42627e}.side-line{height:1px;background:#d9e3ee;margin:15px 8px}.side-label{display:block;color:#7c8b9c;font-size:9px;margin:4px 8px 5px}.sidebar select,.two-input input,.form-grid input,.form-grid textarea,.filter-row input,.filter-row select{width:100%;border:1px solid #d7e1ec;background:#fff;color:#17304b;border-radius:7px;padding:9px 10px;font:500 10px inherit;margin-bottom:7px;outline:none}.sidebar select:focus,.two-input input:focus,.form-grid input:focus,.form-grid textarea:focus,.filter-row input:focus,.filter-row select:focus{border-color:#2475c8;box-shadow:0 0 0 2px #4ca2ff1f}.two-input{display:grid;grid-template-columns:1fr 1fr;gap:6px}.level-list{display:grid;gap:7px;margin:2px 8px 9px}.level-list label{color:#50657b;font-size:10px;display:flex;align-items:center;gap:7px}.level-list input,.map-toolbar input,.full-map-toolbar input{accent-color:#2475c8}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.critical{background:#d92d3f}.dot.important{background:#f59e0b}.dot.normal{background:#55a9ee}.apply,.primary{width:100%;border:0;background:var(--blue);color:#fff;border-radius:7px;padding:10px 12px;cursor:pointer;font:700 10px inherit;box-shadow:0 5px 18px #0b65d82e}button:disabled{opacity:.45;cursor:not-allowed}.quick-btn{background:#fff;border:1px solid #d9e3ee;color:#50657b}.quick-btn:hover{background:#eaf3fc;color:#fff}.side-bottom{margin-top:auto;border-top:1px solid #d9e3ee;padding:12px 9px 0;color:#6884a1}.side-bottom div{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#7f9ab4}.side-bottom span,.side-bottom small{display:block;font-size:8px;margin-top:3px}.main{flex:1;max-width:1650px;width:100%;margin:auto;padding:22px 24px 36px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px}.eyebrow{font-size:9px;color:#2475c8;letter-spacing:1.8px;font-weight:800}.page-head h1{margin:2px 0;font-size:29px;color:#102f4d}.page-head p{margin:0;color:#6e8094;font-size:10px}.head-actions{display:flex;align-items:center;gap:7px}.head-actions .primary{width:auto}.sync{font-size:9px;color:#169b62;background:#edf8f3;border:1px solid #b8e1d6;border-radius:20px;padding:7px 10px}.secondary,.mini,.link{border:1px solid #214a6f;background:#fff;color:#aac2d8;border-radius:7px;padding:8px 11px;font:700 10px inherit;cursor:pointer}.secondary:hover,.mini:hover,.link:hover{background:#eaf3fc;color:#fff}.filter-strip{background:#f8fafc;border:1px solid #d9e3ee;border-radius:10px;padding:8px 11px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:#6f8ba7;font-size:9px;margin-bottom:12px}.filter-strip b{color:#5d7187}.strip-reset{margin-left:auto;border:0;background:transparent;color:#2475c8;cursor:pointer;font:600 9px inherit}.kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:13px 14px;display:flex;gap:9px;min-height:92px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.kpi:after{content:"";position:absolute;right:-20px;top:-25px;width:90px;height:90px;border-radius:50%;background:#328cff0f}.kpi-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#edf4fb;color:#91caff;font-weight:800}.kpi-main{min-width:0}.kpi-main>span,.kpi-main>small{display:block;color:#708198}.kpi-main>span{font-size:9px}.kpi-main strong{display:block;font-size:27px;line-height:1.15;margin:3px 0}.kpi-main small{font-size:8px}.tone-red .kpi-icon{color:var(--red);background:#fdebed}.tone-orange .kpi-icon{color:var(--orange);background:#fff5dc}.tone-cyan .kpi-icon{color:var(--cyan);background:#e4f8fc}.tone-green .kpi-icon{color:var(--green);background:#e8f5f0}.tone-navy .kpi-icon{color:#77a9dc}.tone-red .kpi-main strong{color:var(--red)}.tone-orange .kpi-main strong{color:var(--orange)}.tone-cyan .kpi-main strong{color:var(--cyan)}.tone-green .kpi-main strong{color:var(--green)}.legacy-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:8px;margin:10px 0 12px}.legacy-box{background:#091a30;border:1px solid #d9e3ee;border-radius:9px;padding:8px 10px}.legacy-box span{display:block;color:#7c8b9c;font-size:8px;letter-spacing:1px}.legacy-box b{display:block;font-size:22px;line-height:1.15;margin:1px 0}.legacy-box small{color:#58728d;font-size:8px}.red-t{color:var(--red)!important}.orange-t{color:var(--orange)!important}.green-t{color:var(--green)!important}.hero-grid{display:grid;grid-template-columns:1.28fr .72fr;gap:12px}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.card-head>div>b,.card-head>b{display:block;color:#e0edf9;font-size:12px}.card-head>div>span,.card-head>span{display:block;color:#6f8ba6;font-size:8px;margin-top:2px}.card-head .mini{padding:6px 9px;font-size:9px}.map-toolbar,.full-map-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:7px;color:#88a3be;font-size:9px}.map-toolbar label,.full-map-toolbar label{display:flex;align-items:center;gap:5px}.map-fit{margin-left:auto;border:1px solid #214a6f;background:#09213b;color:#8fb0cc;padding:5px 8px;border-radius:6px;cursor:pointer;font:600 9px inherit}.map{height:372px;width:100%;border-radius:9px;overflow:hidden;background:#0a192b;border:1px solid #d9e3ee}.map-large{height:640px}.map-page-card{padding-bottom:12px}.map-legend{display:flex;gap:12px;flex-wrap:wrap;color:#708198;font-size:8px;padding-top:8px}.map-legend span{display:flex;align-items:center;gap:5px}.legend{display:inline-block;width:9px;height:9px;border-radius:3px;border:1px solid rgba(255,255,255,.18)}.legend.critical{background:#d92d3f}.legend.important{background:#f59e0b}.legend.normal{background:#55a9ee}.legend.district{background:#2685c159;border:1px solid #55a8ea}.legend.density{background:#e86f45}.clock-card{min-height:430px}.crime-total{font-size:9px;color:#7ba7cc}.lower-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-top:12px}.dashboard-grid-3{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:12px;margin-top:12px}.summary-table,.district-table{overflow:auto}.summary-table table,.district-table table{width:100%;border-collapse:collapse}.summary-table th,.summary-table td,.district-table th,.district-table td{border-bottom:1px solid #153451;padding:7px 6px;font-size:9px;text-align:left}.summary-table th,.district-table th{color:#6685a4;font-weight:400}.summary-table td,.district-table td{color:#c8d7e7}.num{font-variant-numeric:tabular-nums;text-align:right!important}.summary-bar{height:6px;background:#122d4a;border-radius:10px;overflow:hidden;min-width:70px}.summary-bar i{display:block;height:100%;background:#1983e6;border-radius:10px}.summary-table small,.district-table small{color:#6d879f;font-size:8px}.brief-list{display:grid;gap:8px}.brief-list>div{border-left:2px solid #1c76bf;background:#f6f9fc;padding:8px 9px;border-radius:6px}.brief-list b{display:block;color:#b8d5ec;font-size:9px}.brief-list span{display:block;color:#7791aa;font-size:9px;line-height:1.5;margin-top:2px}.pill{display:inline-block;padding:3px 8px;border-radius:20px;font-size:8px;white-space:nowrap}.pill.critical{background:#4b1820;color:#ff8691}.pill.important{background:#4b3614;color:#ffd26d}.pill.normal{background:#143454;color:#8dc7ff}.table-scroll{overflow:auto}.incident-table{width:100%;border-collapse:collapse;font-size:9px;min-width:880px}.incident-table th,.incident-table td{padding:8px 7px;border-bottom:1px solid #153451;text-align:left}.incident-table th{color:#6e8ba7;font-weight:400;white-space:nowrap}.incident-table td{color:#50657b}.incident-table tbody tr{cursor:pointer}.incident-table tbody tr:hover{background:#0d2743}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.nowrap{white-space:nowrap}.location-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-mini{font-size:8px;border-radius:20px;padding:3px 7px;border:1px solid #224b6e}.status-mini.closed{color:#69cfaa;background:#0d312c}.status-mini.open{color:#ffbc6f;background:#352519}.row-locate{border:1px solid #234f75;background:#eef4fa;color:#8dc7ff;border-radius:5px;cursor:pointer;padding:2px 6px}.empty{text-align:center!important;color:#607994!important;padding:25px!important}.filter-row{display:grid;grid-template-columns:2fr 150px 190px auto;gap:7px;margin-bottom:9px}.filter-row input,.filter-row select{margin:0}.filter-row button{width:auto;border:0}.pager{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;color:#708198;font-size:9px}.pager button{min-width:30px;height:28px;border:1px solid #214a6f;background:#fff;color:#17304b;border-radius:6px;cursor:pointer}.priority-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.priority-kpi{background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:14px}.priority-kpi span,.priority-kpi small{display:block;color:#7189a1;font-size:9px}.priority-kpi b{display:block;font-size:32px;margin:2px 0}.priority-kpi.red b{color:var(--red)}.priority-kpi.orange b{color:var(--orange)}.priority-kpi.cyan b{color:var(--cyan)}.analytics-actions{display:flex;gap:7px;margin-bottom:10px}.analytics-actions button{border:1px solid #214a6f;background:#fff;color:#98b0c9;border-radius:7px;padding:7px 10px;cursor:pointer;font:600 9px inherit}.analytics-actions button.active,.analytics-actions button:hover{background:#e5effa;color:#fff}.analytics-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.analytics-wide{min-height:330px}.hour-bars{display:grid;grid-template-columns:repeat(24,1fr);gap:5px;align-items:end;height:260px;padding:14px 2px 6px}.hour-col{display:flex;flex-direction:column;justify-content:end;align-items:center;gap:4px;height:100%}.hour-col i{display:block;width:100%;max-width:20px;min-height:4px;background:#1983e6;border-radius:4px 4px 2px 2px}.hour-val{font-size:7px;color:#83a4c2;min-height:10px}.hour-col small{font-size:7px;color:#5f7791}.day-bars{display:grid;gap:9px;max-height:265px;overflow:auto;padding:9px}.day-row{display:grid;grid-template-columns:85px 1fr 35px;gap:8px;align-items:center;font-size:9px;color:#86a0ba}.day-row i{height:9px;background:#122d4a;border-radius:8px;overflow:hidden}.day-row i b{display:block;height:100%;background:#1983e6;border-radius:8px}.day-row strong{text-align:right;color:#d2e1ef}.hotspots{display:grid;gap:6px;max-height:265px;overflow:auto}.hotspots>div{display:grid;grid-template-columns:1fr auto;gap:0 8px;padding:8px;border-bottom:1px solid #153451}.hotspots span{color:#cbd8e6;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotspots b{color:#79b9ec}.hotspots small{grid-column:1/-1;color:#6685a4;font-size:8px}.district-mini{display:grid;gap:5px;max-height:265px;overflow:auto}.district-mini>div{display:flex;justify-content:space-between;padding:7px 8px;background:#f6f9fc;border:1px solid #dfe7ef;border-radius:6px}.district-mini span{color:#a6bdd2;font-size:9px}.district-mini b{color:#74b5e9}.compare-card{margin-top:12px}.compare-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.compare-grid>div{background:#f6f9fc;border:1px solid #dfe7ef;border-radius:8px;padding:9px}.compare-grid span,.compare-grid small{display:block;color:#6d879f;font-size:8px}.compare-grid b{display:block;font-size:21px;margin:2px 0}.map-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.district-table tr{cursor:pointer}.district-table tr:hover{background:#0d2743}.district-table td:first-child b,.district-table td:first-child small{display:block}.map-info{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.map-info>div{background:#f6f9fc;border:1px solid #dfe7ef;border-radius:8px;padding:10px}.map-info>div>b{display:block;font-size:20px;color:#66b5f1}.map-info>div>span{display:block;color:#7f98af;font-size:8px}.map-info .legend{float:left;margin:3px 7px 0 0}.report-paper{background:#f5f7fa;color:#16344e;border-radius:10px;padding:24px;max-width:1200px;margin:0 auto;box-shadow:0 12px 30px #0003}.report-title{display:flex;gap:12px;align-items:center;border-bottom:1px solid #d3dce5;padding-bottom:13px}.report-title .brand-mark{color:#fff}.report-title h2{margin:0;font-size:18px}.report-title span{font-size:9px;color:#71879b}.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:13px 0}.report-kpis>div{border:1px solid #d6e0e8;border-radius:7px;padding:9px;background:#fff}.report-kpis b{font-size:22px;display:block;color:#0d4d83}.report-kpis span{font-size:8px;color:#6e8293}.report-paper h3{font-size:11px;margin:14px 0 7px}.report-list,.report-paper ol{font-size:9px;line-height:1.8;margin-top:4px}.report-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.report-paper .incident-table{min-width:0}.report-paper .incident-table th,.report-paper .incident-table td{color:#284862;border-bottom-color:#dbe3ea}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-grid .card:nth-child(3){grid-column:1/-1}.status-list{display:grid;gap:7px}.status-list>div{display:flex;align-items:center;justify-content:space-between;padding:8px;background:#f6f9fc;border:1px solid #dfe7ef;border-radius:7px}.status-list span{font-size:9px;color:#7e97af}.status-list b{font-size:9px}.status-list .ok{color:var(--green)}.status-list .bad{color:var(--red)}.rule{display:grid;grid-template-columns:10px 55px 1fr;gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid #153451}.rule:last-child{border-bottom:0}.rule b{font-size:9px}.rule span{font-size:9px;color:#708198;line-height:1.5}.system-note{margin-top:12px}.system-note b{font-size:10px}.system-note p{font-size:9px;color:#748ba2;line-height:1.7;margin:5px 0 0}.modal-backdrop{position:fixed;inset:0;background:#020a14c7;z-index:3000;display:grid;place-items:center;padding:18px}.modal{width:min(720px,96vw);max-height:92vh;overflow:auto;background:#0a1b30;border:1px solid #214a6f;border-radius:12px;box-shadow:0 24px 60px #0006;padding:16px}.modal-wide{width:min(1000px,97vw)}.modal-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #d9e3ee;padding-bottom:9px;margin-bottom:11px}.modal-head h2{margin:2px 0 0;font-size:19px}.modal-head button,.modal-actions button{border:1px solid #214a6f;background:#eef4fa;color:#17304b;border-radius:6px;padding:7px 11px;cursor:pointer}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.detail-grid>div{background:#0b2038;border:1px solid #dfe7ef;border-radius:7px;padding:8px}.detail-grid label{display:block;color:#617c98;font-size:8px;margin-bottom:2px}.detail-grid b,.detail-grid span{font-size:9px;color:#d6e5f1;word-break:break-word}.full-detail{grid-column:1/-1}.form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.form-grid input,.form-grid textarea{margin:0}.form-grid textarea{min-height:90px;resize:vertical}.span2{grid-column:span 2}.modal-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin-top:12px}.modal-actions .primary{width:auto}.danger-btn{background:#3b1620!important;border-color:#6b2531!important;color:#ff9aa4!important}.loading{position:fixed;right:18px;bottom:18px;background:#fff;border:1px solid #d5e0eb;color:#c5d9eb;border-radius:8px;padding:8px 11px;z-index:5000;font-size:9px;display:flex;gap:7px;align-items:center;box-shadow:0 8px 25px #00000040}.loading span{width:9px;height:9px;border:2px solid #d5e0eb;border-top-color:#66b7f3;border-radius:50%;animation:spin .7s linear infinite}.toast{position:fixed;right:18px;top:90px;background:#0b2038;border:1px solid #d5e0eb;border-radius:8px;padding:9px 12px;z-index:5000;color:#d8e8f6;box-shadow:0 10px 30px #0000004d;font-size:9px}.toast.error{border-color:#71303a;color:#ffacb3}.toast.success{border-color:#1f6657;color:#8de1c5}.toast button{margin-left:10px;border:0;background:transparent;color:#8ba6be;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}.leaflet-container{font-family:Kanit,sans-serif;background:#122235}.leaflet-control-layers,.leaflet-control-zoom a{background:#fff!important;color:#17304b!important;border-color:#cbd9e7!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#17304b;border:1px solid #d5e0eb}.leaflet-popup-content{font-size:10px;line-height:1.6}.leaflet-tooltip{background:#fff;border:1px solid #d5e0eb;color:#17304b;font-family:Kanit,sans-serif;font-size:9px}.map-popup strong{color:#78bdf3}.map-popup span{color:#7d95ad}.file-drop,.preview-card{background:#fff!important}@media(max-width:1250px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.hero-grid,.lower-grid,.dashboard-grid-3,.map-bottom-grid,.analytics-grid,.settings-grid{grid-template-columns:1fr}.legacy-row{grid-template-columns:repeat(5,1fr)}}@media(max-width:900px){.topbar{padding:0 14px}.top-date,.sidebar{display:none}.main{padding:14px}.kpi-grid,.legacy-row,.filter-row,.detail-grid,.form-grid,.report-kpis,.compare-grid,.priority-kpis{grid-template-columns:1fr 1fr}.report-columns{grid-template-columns:1fr}.map-large{height:520px}}@media(max-width:560px){.brand-sub,.top-status .top-btn{display:none}.kpi-grid,.legacy-row,.priority-kpis,.report-kpis,.compare-grid,.filter-row,.detail-grid,.form-grid{grid-template-columns:1fr}.span2,.full-detail{grid-column:auto}.map{height:320px}.map-large{height:440px}.page-head{align-items:flex-start;flex-direction:column}.head-actions{width:100%}.head-actions .primary,.head-actions .secondary{flex:1}.filter-strip{gap:8px}}@media print{body{background:#fff!important}.topbar,.sidebar,.page-head,.loading,.toast,.map-card,.analytics-actions{display:none!important}.main{padding:0!important;max-width:none!important}.report-paper{box-shadow:none;border-radius:0;max-width:none}.report-paper .incident-table{font-size:8px}.report-paper .incident-table th,.report-paper .incident-table td{padding:4px}}.import-pro{display:grid;gap:12px}.import-top-tabs{display:flex;gap:6px;padding-bottom:2px}.import-top-tabs button{border:1px solid #214a6f;background:#fff;color:#8fa8c0;border-radius:7px;padding:8px 12px;cursor:pointer;font:700 10px inherit}.import-top-tabs button.active,.import-top-tabs button:hover{background:#e5effa;color:#fff}.import-file-layout{display:grid;gap:12px}.upload-card{min-height:190px}.drop{border:1px dashed #2a5b86;background:#081a2d;border-radius:10px;min-height:125px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#89a4bf;text-align:center}.drop.drag{border-color:#52a6e5;background:#eef7ff}.upload-icon{font-size:24px;color:#2475c8}.drop b{font-size:11px;color:#50657b}.drop span{font-size:9px;color:#7c8b9c}.file-pick-btn{display:inline-block;margin-top:6px;border:1px solid #2a5b86;background:#2475c8;color:#fff;border-radius:7px;padding:7px 11px;cursor:pointer;font:700 9px inherit}.file-pick-btn input{display:none}.file-box{display:flex;align-items:center;gap:8px;margin-top:9px;background:#f6f9fc;border:1px solid #dfe7ef;border-radius:8px;padding:8px}.file-box b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-box span{margin-left:auto;color:#6d879f;font-size:8px}.file-box button{border:1px solid #214a6f;background:#eef4fa;color:#41637f;border-radius:6px;padding:5px 8px;cursor:pointer;font:600 8px inherit}.mapping-card{overflow:visible}.mapping-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.map-field{background:#081a2d;border:1px solid #d9e3ee;border-radius:8px;padding:8px}.map-field.required{border-color:#8fb1ce}.map-label{display:flex;align-items:center;justify-content:space-between;gap:6px}.map-label b{font-size:9px;color:#c8dbea}.map-label span{font-size:7px;color:#f59e0b;border:1px solid #d8bd85;border-radius:10px;padding:2px 5px}.map-field select{width:100%;background:#fff;border:1px solid #214a6f;color:#50657b;border-radius:6px;padding:7px;margin:6px 0 5px;font:500 9px inherit}.sample{display:block;color:#67839d;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mapping-check{display:flex;justify-content:space-between;align-items:center;gap:9px;margin-top:9px;padding-top:9px;border-top:1px solid #153451}.mapping-check span{color:#6d879f;font-size:9px}.mapping-check span.ok{color:#169b62}.mapping-check .primary{width:auto}.paste-card{padding-bottom:12px}.clipboard-help{background:#081a2d;border-left:2px solid #1983e6;padding:8px 10px;display:grid;gap:2px;margin-bottom:10px}.clipboard-help b{font-size:9px;color:#50657b}.clipboard-help span,.clipboard-help small{font-size:8px;color:#728ca6}.column-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.paste-column{background:#081a2d;border:1px solid #d9e3ee;border-radius:8px;padding:7px}.paste-column>label{display:flex;justify-content:space-between;color:#c1d5e7;font-size:9px;margin-bottom:5px}.paste-column>label small{color:#f59e0b}.paste-column textarea{width:100%;min-height:92px;resize:vertical;background:#fff;border:1px solid #214a6f;color:#d7e5f1;border-radius:6px;padding:7px;font:500 9px inherit}.column-foot{display:flex;justify-content:flex-end;color:#67839d;font-size:8px;margin-top:4px}.clip-actions{display:flex;justify-content:flex-end;margin-top:10px}.clip-actions .primary{width:auto}.preview-card{margin-top:1px}.import-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:9px}.import-summary-grid>div{background:#081a2d;border:1px solid #d9e3ee;border-radius:8px;padding:9px;text-align:center}.import-summary-grid b{display:block;font-size:20px}.import-summary-grid span{display:block;color:#728ca4;font-size:8px}.import-summary-grid .greenbox b{color:#169b62}.import-summary-grid .orangebox b{color:#f59e0b}.import-summary-grid .redbox b{color:#ff6978}.skip-notice{background:#fdebed;border:1px solid #e5bcc2;border-radius:8px;padding:9px;margin-bottom:9px}.skip-notice>b{display:block;color:#a92534;font-size:9px}.skip-notice>span{display:block;color:#a2636d;font-size:8px;margin-top:2px}.skip-list{margin-top:7px;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;max-height:170px;overflow:auto}.skip-list span{background:#fdf5f6;border:1px solid #e7c7cc;border-radius:5px;padding:5px 6px;color:#a2636d;font-size:8px}.preview-table{overflow:auto;max-height:410px;border:1px solid #d9e3ee;border-radius:8px}.preview-table table{width:100%;border-collapse:collapse;min-width:760px}.preview-table th,.preview-table td{padding:7px;border-bottom:1px solid #153451;text-align:left;font-size:8px}.preview-table th{color:#75879a;font-weight:400;position:sticky;top:0;background:#091a30}.preview-table td{color:#50657b}.preview-actions{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap;margin-top:9px}.preview-actions .primary,.preview-actions .secondary{width:auto}.result-banner{margin-top:9px;padding:9px;background:#edf8f3;border:1px solid #b8e1d6;border-radius:8px}.result-banner b{display:block;color:#169b62;font-size:10px}.result-banner span{display:block;color:#5f8f7e;font-size:8px;margin-top:2px}@media(max-width:1100px){.mapping-grid,.column-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.mapping-grid,.column-grid,.import-summary-grid,.skip-list{grid-template-columns:1fr}.mapping-check{align-items:flex-start;flex-direction:column}.mapping-check .primary{width:100%}.file-box{flex-wrap:wrap}.file-box span{margin-left:0}.file-box button{margin-left:auto}}.file-inline{position:relative;overflow:hidden;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.file-inline input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.polygon-layout{display:grid;grid-template-columns:390px 1fr;gap:12px}.polygon-side-card{min-height:660px}.polygon-map-card{min-height:660px;padding-bottom:12px}.map-manager{height:620px}.custom-head{border-top:1px solid #d9e3ee;padding-top:13px;margin-top:14px}.poly-list{display:grid;gap:6px;max-height:250px;overflow:auto}.poly-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto auto;gap:6px;align-items:center;background:#081a2d;border:1px solid #d9e3ee;border-radius:8px;padding:7px}.poly-row.disabled{opacity:.48}.poly-swatch{width:9px;height:30px;border-radius:4px;background:#f59e0b}.poly-swatch.district{background:#55a8ea}.poly-main{min-width:0}.poly-main b{display:block;color:#17304b;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poly-main small{display:block;color:#66839f;font-size:7px;margin-top:2px}.danger-mini{border-color:#6b2734!important;color:#ff9da7!important}.polygon-help{display:grid;gap:5px;margin-top:12px;padding:10px;background:#f8fafc;border-left:2px solid #2475c8}.polygon-help b{font-size:9px;color:#50657b}.polygon-help span{font-size:8px;color:#728399;line-height:1.5}.draw-status{font-size:9px;color:#708aa5;padding:6px 8px;border:1px solid #214a6f;border-radius:18px;background:#f8fafc}.draw-status.active{color:#f59e0b;border-color:#d6ad5c;background:#fff6e4}.draw-hint{margin-top:7px;padding:7px 9px;border:1px dashed #2a5b86;background:#081a2d;border-radius:7px;color:#6e8094;font-size:8px}.polygon-notice{margin-bottom:10px;border:1px solid #b8e1d6;background:#edf8f3;border-radius:8px;padding:8px 10px}.polygon-notice.error{border-color:#e5bcc2;background:#fdebed}.polygon-notice b{display:block;font-size:9px;color:#169b62}.polygon-notice.error b{color:#a92534}.polygon-notice span{display:block;font-size:8px;color:#5f8f7e;margin-top:2px}.polygon-notice.error span{color:#a2636d}.polygon-editor-card{margin-top:12px}.polygon-form{display:grid;grid-template-columns:2fr 1.1fr .7fr 1fr;gap:8px}.polygon-form label{display:grid;gap:5px;color:#7690aa;font-size:8px}.polygon-form input,.polygon-form select,.polygon-form textarea{width:100%;border:1px solid #d7e1ec;background:#fff;color:#17304b;border-radius:7px;padding:8px 9px;font:500 9px inherit}.polygon-form input[type=color]{height:34px;padding:3px}.polygon-form input[type=range]{padding:0}.polygon-form textarea{min-height:50px;resize:vertical}.polygon-form .wide{grid-column:1/-1}.polygon-form-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px}.polygon-form-actions .primary{width:auto}.district-label{background:#081a2d!important;border:1px solid #8bb0cf!important;color:#17304b!important;box-shadow:0 2px 10px #00000040;font-size:8px!important;padding:3px 6px!important}.district-label:before{display:none!important}@media(max-width:1100px){.polygon-layout{grid-template-columns:1fr}.polygon-side-card,.polygon-map-card{min-height:auto}.map-manager{height:520px}.polygon-form{grid-template-columns:1fr 1fr}.polygon-form .wide{grid-column:1/-1}}@media(max-width:700px){.polygon-form{grid-template-columns:1fr}.poly-row{grid-template-columns:10px minmax(0,1fr) auto}.poly-row button:nth-last-child(3){grid-column:auto}.map-manager{height:440px}}:root{--navy:#08294d;--navy2:#0e3b68;--blue:#2475c8;--cyan:#1da9d6;--bg:#eef3f8;--card:#fff;--line:#d9e3ee;--text:#17304b;--muted:#708198;--red:#d92d3f;--orange:#f59e0b;--green:#169b62;--shadow:0 5px 18px rgba(20,48,79,.07)}html,body,#app{background:var(--bg)!important;color:var(--text)!important;font-family:Noto Sans Thai,sans-serif}.topbar{background:linear-gradient(115deg,#061f3d,#0c3761)!important;color:#fff!important;border-bottom:0!important;height:68px!important;padding:0 20px!important;box-shadow:0 3px 12px #001d3b44!important}.brand-mark{background:#fff!important;color:var(--navy)!important;box-shadow:none!important}.brand-sub{color:#fff!important;opacity:.68}.top-status{color:#fff!important}.online{background:#ffffff12!important;color:#fff!important;border-color:#ffffff20!important}.top-date,.top-clock{color:#fff!important}.top-btn{background:#ffffff14!important;color:#fff!important;border-color:#ffffff2d!important}.body{min-height:calc(100vh - 68px)!important}.sidebar{width:245px!important;background:#f8fafc!important;border-right:1px solid var(--line)!important;padding:15px 12px!important;position:sticky!important;top:68px!important;height:calc(100vh - 68px)!important}.side-section-title,.quick-title{color:#8391a4!important}.nav,.quick-btn{color:#50657b!important;background:transparent!important}.nav.active{background:#e5effa!important;color:var(--navy)!important;box-shadow:inset 3px 0 var(--blue)!important}.nav em{background:#e6edf5!important;color:#42627e!important}.quick-btn{background:#fff!important;border:1px solid var(--line)!important;color:#50657b!important}.side-line{background:var(--line)!important}.side-label{color:#8391a4!important}.sidebar select,.two-input input,.form-grid input,.form-grid textarea,.filter-row input,.filter-row select{background:#fff!important;color:#3b536d!important;border-color:#d7e1ec!important}.level-list{background:#fff!important;border-color:var(--line)!important}.level-list label{color:#50657b!important}.main{padding:18px 20px 40px!important}.page-head h1{color:#102f4d!important}.page-head p{color:var(--muted)!important}.eyebrow{color:#5d7c9c!important}.card,.kpi{background:#fff!important;border-color:var(--line)!important;box-shadow:var(--shadow)!important}.card-head{border-color:#e7edf3!important}.card-head span{color:#8a98a8!important}.secondary,.mini,.link,.head-actions button{background:#fff!important;color:var(--navy)!important;border-color:var(--line)!important}.secondary:hover,.mini:hover,.link:hover{background:#eaf3fc!important;color:var(--navy)!important}.filter-strip{background:#fff!important;border-color:var(--line)!important;color:#708198!important}.filter-strip b{color:#5d7187!important}.kpi-main>span,.kpi-main>small{color:#728399!important}.kpi-main strong{color:#102f4d!important}.kpi-icon{background:#edf4fb!important;color:var(--blue)!important}.tone-red .kpi-icon{background:#fdebed!important;color:var(--red)!important}.tone-orange .kpi-icon{background:#fff5dc!important;color:var(--orange)!important}.tone-cyan .kpi-icon{background:#e4f8fc!important;color:var(--cyan)!important}.tone-green .kpi-icon{background:#e4f4ee!important;color:var(--green)!important}.legacy-box,.compare-card,.priority-kpi,.map-legend,.map-toolbar,.full-map-toolbar,.analytics-actions{background:#fff!important;border-color:var(--line)!important;color:var(--text)!important}.legacy-box span,.priority-kpi span{color:#708198!important}.full-map-toolbar label,.map-toolbar label{color:#50657b!important}.summary-table,.district-table{background:#fff!important}th{background:#f6f8fa!important;color:#75879a!important}th,td{border-color:#edf1f5!important}tbody tr:hover{background:#f8fbfe!important}.bar{background:#edf2f6!important}.brief{border-color:#edf1f5!important}.brief span{color:#6e8094!important}.hour-col small,.hour-val{color:#7b8da2!important}.hotspots>div,.rule{border-color:#edf1f5!important}.analytics-actions button{background:#fff!important;border-color:var(--line)!important;color:#50657b!important}.analytics-actions button.active{background:#e5effa!important;color:var(--navy)!important}.map-page-card,.map-card{background:#fff!important}.map-info span,.system-note span,.map-legend span{color:#708198!important}.import-confirm{min-width:220px!important;font-weight:800!important}.clock-card{min-height:0!important;padding-bottom:12px!important;background:#fff!important}.clock-card .card-head{margin-bottom:4px!important}.clock-card .card-head>div>b{color:#17304b!important}.clock-card .card-head>div>span,.clock-card .crime-total{color:#8491a0!important}.hero-grid{grid-template-columns:1.72fr .88fr!important;align-items:stretch}.map-card{min-width:0}.map-card .map{height:510px!important}.clock-card{min-width:0}.dashboard-recent-pager{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:9px;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:8px}.dashboard-recent-pager .mini{width:auto;padding:6px 10px}.district-name-label,.custom-name-label{display:flex;align-items:center;gap:6px;white-space:nowrap;background:#fffffff7;border:2px solid #0b4f86;border-left:6px solid #f59e0b;border-radius:8px;padding:4px 8px;color:#08294d;box-shadow:0 3px 12px #08294d47;font-family:Kanit,sans-serif;font-size:11px;font-weight:800;line-height:1.15;transform:translate(-50%,-50%);pointer-events:none}.district-name-label span,.custom-name-label span{display:block}.district-name-label b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#08294d;color:#fff;font-size:9px;padding:0 5px}.custom-name-label{border-left-color:#f59e0b;border-color:#b8790a}@media(max-width:1250px){.hero-grid{grid-template-columns:1fr!important}.map-card .map{height:520px!important}}@media(max-width:900px){.map-card .map{height:500px!important}.dashboard-recent-pager{flex-wrap:wrap}}@media(max-width:560px){.map-card .map{height:410px!important}}.incident-form-modal{max-width:1280px!important;max-height:92vh;overflow:auto}.incident-form-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:14px;align-items:start}.incident-form-left{min-width:0}.form-section{background:#fbfdff;border:1px solid var(--line);border-radius:11px;padding:12px;margin-bottom:10px}.form-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:9px}.form-section-head b{font-size:11px;color:var(--navy);font-weight:800}.form-section-head span{font-size:8px;color:var(--muted);text-align:right}.compact-form{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.form-field{display:grid!important;gap:5px}.form-field>span{font-size:8px;color:#73869b;font-weight:700}.form-field>span b{color:var(--red)}.form-field input,.form-field select,.form-field textarea{margin:0!important;font-size:10px!important;min-height:38px}.form-field textarea{min-height:90px!important;resize:vertical}.form-field.span2{grid-column:1/-1}.operation-group-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.operation-group-btn{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:center;text-align:left;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px;cursor:pointer;color:var(--navy);font-family:inherit;min-height:76px}.operation-group-btn:hover{border-color:var(--group-color);background:#f7fbff}.operation-group-btn.active{border-color:var(--group-color);background:color-mix(in srgb,var(--group-color) 8%,#fff);box-shadow:0 0 0 2px color-mix(in srgb,var(--group-color) 16%,transparent)}.og-num{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--group-color);color:#fff;font-weight:800;font-size:13px}.operation-group-btn b{display:block;font-size:8px;line-height:1.35}.operation-group-btn small{display:block;margin-top:3px;color:var(--muted);font-size:7px;line-height:1.35}.classification-preview{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;border:1px solid;border-left-width:5px;border-radius:8px;background:#fff}.classification-preview>i{width:9px;height:9px;border-radius:50%;flex:0 0 auto}.classification-preview b{display:block;color:var(--navy);font-size:9px}.classification-preview span{display:block;color:var(--muted);font-size:8px;margin-top:2px}.classification-preview strong{color:var(--navy)}.incident-form-right{position:sticky;top:0}.incident-map-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px;box-shadow:var(--shadow)}.incident-form-map{height:600px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#eef3f8}.coord-box{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-top:8px;align-items:end}.coord-box label{display:grid;gap:4px}.coord-box label span{font-size:8px;color:var(--muted);font-weight:700}.coord-box input{width:100%;border:1px solid var(--line);border-radius:7px;padding:8px 9px;color:var(--navy);background:#fff;font:600 9px inherit}.coord-box .secondary{white-space:nowrap;padding:8px 10px}.map-pick-hint{margin-top:7px;padding:7px 9px;background:#f5f9fd;border:1px dashed #b8cade;border-radius:7px;color:#637a91;font-size:8px}.incident-save-btn{width:auto!important;min-width:150px}.crime-clock-panel{padding:16px!important}.crime-clock-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.crime-clock-toolbar b{display:block;font-size:11px;color:var(--navy)}.crime-clock-toolbar span{display:block;font-size:8px;color:var(--muted);margin-top:2px}.crime-clock-status{font-size:8px;padding:6px 9px;border-radius:16px;border:1px solid #b8e1d6;background:#edf8f3;color:#167c58;white-space:nowrap}.crime-clock-status.loading{border-color:#c7d7e8;background:#f2f7fc;color:#386589}.crime-clock-status.error{border-color:#e5bcc2;background:#fdebed;color:#a92534}.crime-clock-ranges{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.crime-range{border:1px solid var(--line);background:#fbfdff;border-radius:10px;padding:10px}.range-title{display:flex;align-items:center;gap:7px;margin-bottom:8px}.range-title>b{font-size:9px;color:var(--navy)}.range-badge{font-size:8px;font-weight:800;padding:4px 7px;border-radius:12px;color:#fff}.range-badge.a{background:#5b7897}.range-badge.b{background:#2475c8}.range-inputs{display:grid;grid-template-columns:1fr 16px 1fr;gap:6px;align-items:end}.range-inputs>span{align-self:center;text-align:center;color:var(--muted);font-size:8px}.range-inputs label{display:grid;gap:4px;color:var(--muted);font-size:8px;font-weight:700}.range-inputs input{border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--navy);padding:7px 8px;font:600 9px inherit}.crime-clock-compare{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px}.crime-clock-side{min-width:0;text-align:center}.crime-clock-heading{font-size:10px;font-weight:800;color:var(--navy);margin-bottom:3px}.crime-clock-total{font-size:9px;color:#718398;font-weight:700;margin-top:-2px}.crime-clock-delta{text-align:center;border-left:1px dashed var(--line);border-right:1px dashed var(--line);padding:16px 4px}.delta-label{font-size:8px;color:var(--muted)}.delta-value{font-size:19px;font-weight:900;color:#718398;margin-top:5px}.delta-value.up,.delta-percent.up{color:var(--red)}.delta-value.down,.delta-percent.down{color:var(--green)}.delta-percent{font-size:9px;font-weight:800;margin-top:2px}.crime-clock-delta small{display:block;color:var(--muted);font-size:7px;margin-top:2px}.crime-clock-summary-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:10px;margin-top:12px}.inner-card{box-shadow:none!important;background:#fbfdff!important}.crime-change-list,.peak-hours{display:grid;gap:5px}.crime-change-row{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:7px;align-items:center;padding:7px 2px;border-bottom:1px dashed var(--line)}.crime-change-row>i{width:9px;height:26px;border-radius:3px}.crime-change-row b{display:block;font-size:8px;color:var(--navy)}.crime-change-row small{display:block;font-size:7px;color:var(--muted);margin-top:2px}.crime-change-row strong{font-size:9px;color:#718398}.crime-change-row strong.up{color:var(--red)}.crime-change-row strong.down{color:var(--green)}.peak-hours>div{display:grid;grid-template-columns:52px 1fr 15px 1fr;align-items:center;gap:5px;padding:6px 8px;border:1px solid var(--line);background:#fff;border-radius:7px;font-size:8px}.peak-hours span{font-weight:800;color:var(--navy)}.peak-hours b{text-align:right}.peak-hours i{text-align:center;color:var(--muted);font-style:normal}.peak-hours .empty{display:block;text-align:center;color:var(--muted);grid-template-columns:1fr}.rule-group-list{display:grid;gap:6px}.rule-group-row{display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px solid #edf1f5}.rule-group-row>i{width:27px;height:27px;border-radius:8px;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:10px}.rule-group-row b{display:block;color:var(--navy);font-size:8px}.rule-group-row span{display:block;color:var(--muted);font-size:7px;margin-top:2px}.rule-level-note{display:grid;grid-template-columns:8px 52px minmax(0,1fr);gap:6px;align-items:center;margin-top:6px;padding-top:6px;border-top:1px dashed var(--line)}.rule-level-note b{font-size:8px;color:var(--navy)}.rule-level-note span{font-size:7px;color:var(--muted)}@media(max-width:1200px){.operation-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.incident-form-layout{grid-template-columns:1fr}.incident-form-right{position:static}.incident-form-map{height:500px}}@media(max-width:900px){.crime-clock-ranges,.crime-clock-summary-grid,.crime-clock-compare{grid-template-columns:1fr}.crime-clock-delta{border-left:0;border-right:0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line)}}@media(max-width:620px){.operation-group-grid{grid-template-columns:1fr 1fr}.compact-form{grid-template-columns:1fr!important}.form-field.span2{grid-column:auto}.coord-box{grid-template-columns:1fr 1fr}.coord-box .secondary{grid-column:1/-1}.incident-form-map{height:420px}}.patrol-list{display:grid;gap:6px;max-height:310px;overflow:auto}.patrol-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 9px;border:1px solid var(--line);border-radius:8px;background:#fbfdff}.patrol-row b{display:block;color:var(--navy);font-size:11px}.patrol-row small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.patrol-row .mini{white-space:nowrap}.patrol-card{min-width:0}.auth-loading{min-height:100vh;display:grid;place-items:center;background:#eef3f8;color:#17304b}.auth-loading-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 40px;background:#fff;border:1px solid #dbe4ee;border-radius:16px;box-shadow:0 12px 35px #17304b1a}.auth-logo{width:74px;height:74px}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,rgba(23,75,122,.1),transparent 32%),#eef3f8}.login-card{width:min(430px,94vw);background:#fff;border:1px solid #dbe4ee;border-radius:18px;box-shadow:0 18px 55px #17304b24;padding:30px}.login-brand{display:flex;align-items:center;gap:12px}.login-brand img{width:58px;height:58px}.login-brand b{display:block;color:#0b2545;font-size:17px}.login-brand span{display:block;color:#75879a;font-size:11px;margin-top:3px}.login-kicker{margin-top:28px;font-size:10px;letter-spacing:.14em;font-weight:800;color:#2d7fe3}.login-card h1{margin:5px 0 2px;font-size:28px;color:#17304b}.login-card>p{margin:0 0 18px;color:#75879a;font-size:13px}.login-form{display:grid;gap:14px}.login-form label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#31506d}.login-form input{width:100%;border:1px solid #cfdbe7;background:#fbfdff;border-radius:9px;padding:11px 12px;font:inherit;font-weight:500;color:#17304b;outline:none}.login-form input:focus{border-color:#2f6fed;box-shadow:0 0 0 3px #2f6fed1a}.login-submit{width:100%;margin-top:4px;min-height:44px}.login-error{background:#fff1f2;border:1px solid #fecdd3;color:#b4232c;border-radius:8px;padding:9px 10px;font-size:12px}.login-note{text-align:center;margin-top:18px;font-size:10px;color:#8b9bae}.brand-logo{width:46px;height:46px;object-fit:contain;flex:0 0 auto}.user-chip{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#e6eef8;border-radius:20px;padding:6px 10px;font-size:11px}.logout-btn{border-color:#ffffff47}.incident-div-icon{background:transparent!important;border:0!important}.incident-marker{position:relative;width:34px;height:42px;filter:drop-shadow(0 3px 5px rgba(7,28,48,.35))}.incident-marker:after{content:"";position:absolute;left:10px;bottom:0;width:14px;height:14px;background:var(--marker);transform:rotate(45deg);border-bottom-right-radius:3px;z-index:0}.incident-marker img{position:absolute;left:2px;top:0;width:30px;height:30px;z-index:2;border-radius:50%;background:#fff;border:2px solid #fff}.incident-marker span{position:absolute;right:-1px;top:2px;width:9px;height:9px;border-radius:50%;background:var(--marker);border:2px solid #fff;z-index:3}.district-label-icon,.custom-label-icon{background:transparent!important;border:0!important}.district-name-label,.custom-name-label{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;background:#fff;border:2px solid var(--poly);color:#17304b;border-radius:7px;padding:5px 8px;box-shadow:0 3px 9px #1018262e;font-family:Kanit,Noto Sans Thai,sans-serif;font-size:11px;font-weight:800;transform:translate(-50%,-50%)}.district-name-label:before,.custom-name-label:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--poly);flex:0 0 auto}.district-name-label b{min-width:18px;text-align:center;background:var(--poly);color:#fff;border-radius:10px;padding:1px 5px;font-size:10px}.custom-name-label{font-size:10px}.density-scale{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;font-size:9px;color:#5f7791}.density-scale span{display:inline-flex;align-items:center;gap:4px}.density-scale i{width:11px;height:11px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.12)}.density-1{background:#38bdf8}.density-3{background:#facc15}.density-5{background:#f97316}.density-10{background:#ef4444}.density-hotspot-icon{background:transparent!important;border:0!important;pointer-events:none}.density-hotspot-badge{width:50px;height:50px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,#fff 0 18%,var(--density) 19% 62%,rgba(255,255,255,.86) 63% 72%,var(--density) 73% 100%);border:2px solid var(--density-edge);box-shadow:0 3px 12px #08294d47;font-family:Kanit,sans-serif;line-height:1;color:#17304b}.density-hotspot-badge span{font-size:13px;font-weight:900}.density-hotspot-badge small{font-size:7px;font-weight:800;margin-top:2px}.density-popup{font-family:Kanit,sans-serif;font-size:10px;line-height:1.7}.density-popup b{color:#17304b}.density-popup strong{font-size:16px;color:#d92d3f}.polygon-vertex-icon{background:transparent!important;border:0!important}.polygon-vertex{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#0b4f86;color:#fff;border:3px solid #fff;box-shadow:0 2px 7px #08294d59;font:800 10px Kanit,Arial,sans-serif;cursor:move}.polygon-vertex-icon:hover .polygon-vertex{transform:scale(1.12);background:#f59e0b}.polygon-editor-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:8px 10px;border:1px dashed #9bb6cf;border-radius:8px;background:#f6f9fc;color:#52708e;font-size:8px}.polygon-editor-tools .secondary{width:auto;white-space:nowrap}.poly-row{background:#fff!important}.poly-row:hover{background:#f5f9fd!important}.poly-main b{color:#17304b!important}.poly-main small{color:#66839f!important}.draw-hint{color:#4c6780!important;background:#f6f9fc!important}.polygon-map-card{position:relative}.polygon-map-card .full-map-toolbar{position:relative;z-index:10}.polygon-map-card .leaflet-container{cursor:crosshair}.polygon-map-card .leaflet-popup-content-wrapper{border-top:3px solid #2475c8}. .station-poly-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.station-poly-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto auto auto auto;gap:7px;align-items:center;padding:8px 9px;border:1px solid #dbe3ee;border-radius:9px;background:#f8fafc}.station-poly-row.missing{background:#fffaf1;border-style:dashed}.station-color-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 3px #dbe3ee}.station-name-label{background:#fff;border:2px solid var(--poly,#0b2545);border-radius:10px;box-shadow:0 3px 10px #1018262e;padding:5px 8px;display:flex;gap:6px;align-items:center;white-space:nowrap;color:#0b2545;font-size:12px;transform:translateY(-4px)}.station-name-label b{background:var(--poly,#0b2545);color:#fff;border-radius:6px;padding:2px 5px;font-size:10px}.station-name-label span{font-weight:800}.station-head{margin-top:14px;border-top:1px solid #dbe3ee;padding-top:12px}.station-label-icon{background:transparent!important;border:0!important}@media(max-width:900px){.station-poly-row{grid-template-columns:12px minmax(0,1fr) auto auto}.station-poly-row .mini:nth-last-child(-n+2){display:none}}.das-wheel[data-v-40a53abb]{position:relative;width:100%;padding:2px 4px 7px}.das-wheel-meta[data-v-40a53abb]{display:flex;align-items:end;justify-content:space-between;padding:0 2px 3px}.das-wheel-title b[data-v-40a53abb]{display:block;font-size:11px;color:#17304b;line-height:1.25}.das-wheel-title span[data-v-40a53abb]{display:block;margin-top:1px;color:#8491a0;font-size:8px}.das-wheel-total[data-v-40a53abb]{font-size:10px;color:#718398;font-weight:700}.das-wheel-stage[data-v-40a53abb]{display:flex;justify-content:center;align-items:center;margin:-2px auto 0;max-width:315px}.das-wheel-svg[data-v-40a53abb]{display:block;width:min(100%,300px);height:auto;overflow:visible}.das-cell[data-v-40a53abb]{stroke:#fff;stroke-width:1.35;cursor:pointer;transition:filter .12s,stroke-width .12s}.das-cell[data-v-40a53abb]:hover{filter:brightness(.97);stroke:#17304b;stroke-width:1.8}.das-cell.peak[data-v-40a53abb]{stroke:#fff;stroke-width:1.65}.das-count[data-v-40a53abb]{pointer-events:none;font:700 7px Kanit,sans-serif;fill:#fff;paint-order:stroke;stroke:#17304b24;stroke-width:1px}.wheel-core[data-v-40a53abb]{fill:#fff;stroke:#d9e3ee;stroke-width:1.2}.wheel-core-inner[data-v-40a53abb]{fill:#f6f9fc;stroke:#e4ebf2;stroke-width:1}.wheel-total[data-v-40a53abb]{font:800 21px Kanit,sans-serif;fill:#17304b}.wheel-unit[data-v-40a53abb]{font:600 8px Kanit,sans-serif;fill:#7890a5}.hour-labels text[data-v-40a53abb]{font:600 6.2px Kanit,sans-serif;fill:#6f8194}.das-wheel-legend[data-v-40a53abb]{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:0 3px 7px}.das-legend-item[data-v-40a53abb]{display:grid;grid-template-columns:9px minmax(0,1fr) auto;align-items:center;gap:6px;border:1px solid #dbe4ec;background:#f8fafc;border-radius:6px;padding:5px 6px;min-width:0;cursor:pointer;font:500 7px Kanit,sans-serif;color:#5f7388;text-align:left}.das-legend-item i[data-v-40a53abb]{width:8px;height:8px;border-radius:2px;display:block}.das-legend-item span[data-v-40a53abb]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.das-legend-item b[data-v-40a53abb]{font-size:8px;color:#31506d}.das-legend-item.active[data-v-40a53abb]{border-color:#7da9d1;background:#edf5fc}.das-wheel-hover[data-v-40a53abb]{position:absolute;left:50%;top:63%;transform:translate(-50%,-50%);pointer-events:none;min-width:120px;text-align:center;background:#fffffff5;border:1px solid #d7e1ec;border-radius:7px;padding:4px 7px;box-shadow:0 5px 14px #14324b14}.das-wheel-hover b[data-v-40a53abb]{display:block;font-size:8px;color:#17304b}.das-wheel-hover span[data-v-40a53abb]{display:block;font-size:7px;color:#718398;margin-top:1px;white-space:nowrap}.das-wheel-top-hours[data-v-40a53abb]{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin:0 3px;color:#8a97a5;font-size:7px}.das-wheel-top-hours>span[data-v-40a53abb]{margin-right:2px}.das-wheel-top-hours button[data-v-40a53abb]{border:1px solid #dbe4ec;background:#fff;border-radius:12px;color:#6a7d90;padding:3px 6px;font:600 7px Kanit,sans-serif;cursor:pointer}.das-wheel-top-hours button[data-v-40a53abb]:hover{border-color:#8bb3d5;background:#f3f8fc}.das-wheel-top-hours button b[data-v-40a53abb]{color:#2475c8;margin-left:2px}@media(max-width:560px){.das-wheel-svg[data-v-40a53abb]{width:285px}.das-wheel-legend[data-v-40a53abb]{grid-template-columns:1fr}.das-wheel-hover[data-v-40a53abb]{top:62%}}