.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:rgba(255,255,255,.5)}.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:rgba(255,255,255,.8);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:rgba(255,255,255,.8);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:white;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}}.leaflet-routing-container,.leaflet-routing-error{width:320px;background-color:#fff;padding-top:4px;transition:all .2s ease;box-sizing:border-box}.leaflet-control-container .leaflet-routing-container-hide{width:32px;height:32px}.leaflet-routing-container h2{font-size:14px}.leaflet-routing-container h3{font-size:12px;font-weight:400}.leaflet-routing-collapsible .leaflet-routing-geocoders{margin-top:20px}.leaflet-routing-alt,.leaflet-routing-geocoders,.leaflet-routing-error{padding:6px;margin-top:2px;margin-bottom:6px;border-bottom:1px solid #ccc;max-height:320px;overflow-y:auto;transition:all .2s ease}.leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-alt,.leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-geocoders{display:none}.leaflet-bar .leaflet-routing-alt:last-child{border-bottom:none}.leaflet-routing-alt-minimized{color:#888;max-height:64px;overflow:hidden;cursor:pointer}.leaflet-routing-alt table{border-collapse:collapse}.leaflet-routing-alt tr:hover{background-color:#eee;cursor:pointer}.leaflet-routing-alt::-webkit-scrollbar{width:8px}.leaflet-routing-alt::-webkit-scrollbar-track{border-radius:2px;background-color:#eee}.leaflet-routing-alt::-webkit-scrollbar-thumb{border-radius:2px;background-color:#888}.leaflet-routing-icon{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAAAoCAYAAAAmGCn4AAAIyUlEQVR4AezVOQEAIAzAQPyLBvpp6HTDxULOew8AWFYBAAwYAAwYADBgGAAGDAAYMPDZOweYW3IwDF/btm3b/s21bdtd27Zt27Zt2/qdfZM0m8nkfL3T02m/03vb5Fn8p3gzesYTCDRq1Kg7yAP7g+vAe5Lr5N/yQHe+jIG0Z7gAwryvQJiOgbCs5T4olWB7gvWYMg0AF4AagD8oqZF1B1jONBOIBOwDNgf5YBronnKO2WBRBgZk0ddooq9xzgWMIiIzVTAteP3A/WBL/1ds1uko56U+jvINAxuBE+T8/k5yPzhB/jbMs/m9pczfj2Ne59hynw2CIWtPUKvIVA/6Os5UDv7SnX6yTbnFXLtlOV/rwb2gErRIIceNxDh3ZNHXJ0Rf+zoVMIrgXiFQNgC/yLEbwJa+C9hHCVvO1BQcBuoSZKmTdZt6It8GmfsXsIHTeey/gLnWkT0TZNvPYZ7dIsuRNrLtbuwCpnkJtDHMUag4E9BVo5+5iu1On8T9WN5QC8YVV0rYewF7JWHLZzce180j2/TzQr4RXM9bjwUsGLO+niDfO46yTCBOOX8JDgelYJCkVP7tS0JEE9gFTHMbaGKQoxn4nuh7R41+ziH6uE8nj4sNtGBccb2VsMzvnYQtZWgPvjNYab8D7b2Qr8T1PPVUwJzynaSRc7rlLM3AKxnGvQR0VLTrKOvE270CmjkScDV4LsKr4Hf5G8VCwyynEP0+k7B9c/AT0ceGOllcbZgF44rrpYRz7FSbYBbwYRnGehfsBBaB7pJF8m/vmk87JvlK7M9L7wUsmHOeqpH1TMtZDsow5gaal+/i7Q9yJODPiB2KwxXTc3fDLBMVfQ9J0L6IaPs7aK2VxeH1QcG44nonYZnbOwlbGLcr+CM2zpWgraJNW3BlrM0foGvOy1difx56LWBu+VKnMX8m/v4TaGEpS19QHT/yzaKfSzIcmfblELCs31JxlHl5CnleI/o+JEHb64m2F2nnsC3fGMLhilvrs4Rz8I7PLZkEfGhsjK9AqwTtWsm60baH5pZ8iWUV2JevvwLmXo8VR0AXgLOI38os3vUcv+bbMYt+Oma4JlzOJWDZ5k6izXUp5NmD6Pv9BJfD/iHaztfOYVO+BMLRilthKmF1VvYNkeCQBoOA448N7Gaw0t9oQ2wpyLeCno725euXgPl3plFuInItAfOom4csZTkqNs7hBn3FT/sexXgE3BVUEW2OTiFPD1Cre80eZXOizSegsXYO2/IlELZX3MjeYU02Ky+KYNgQ6iKY5FvnUMAvx8aYqdF2ZqztyyzPa9PTsQaUE8uvn8ucBQETy1w92IJBvl3ip3wl34ImoDH4gri7uJuFPHfHxik16Ks01tfdDgT8OWgVoQfYCDyg2PkaYZ5JeYR9uqLNg2muFywrsURYFnB0odKSMIpg2xDqIxzLtwrkAeFIwL/Gxuiis7GMtf2V43lthXxLqeV3bV3mqPFAHqjiPhJG2ZHIeEakzklEnV0s5Pk2NsYgg74GxXcqcvAxpH1TzFRJjPE9aJahfm9Qr3/zFo11AZpjPj5KiVrC9EbLQr60EQ7lWw0KXD7OYtq/43xCQ74lso5/AgYcj9+hFIBqTgmjPE9MkzmROlOJOi8FAWfNZ6bXpIkbvX4hxsvTePHKk9QYQcASlGJ65bUvlDVEvkX0Rj4IWCISTMdi85y8EuZ6AQ1KEZeEUUYpTqM2jtX9kKg7NpyCzopacDUYapJD44UaV2eo+wpRd+sg4ATjoxRSKy+1oeKaPvzypY/Y6I18ELBEKORbqJ+T/yYsBgELuo76jJbFbMcS0++EDHWPJOoeH27CMuJbMCrFXDOJcf4G7SL1RhP1/gEdgoATjo9SQN9dxy9g7seQiLt0y5Ju5IOASapAAWNO4ZGARYJ6ZZmecrCYqwn4iph+UzLUH0vU/Ro0DY8h/c/3YFWEfLAluFDxNac3Up637xLjbBKpczRR51qq3yBgAuKGDi8EzHAXaoVGW2E7T67dHKgh3zzu9QdFeCBgoVG3wmGu5brPjaK8SbRZGV7Ekeg54MWKm55WpJjtAGKM++XvjcGnRJ1Vss5rktZBwCBB/VWgzjMBi1ybjtx5uB+PS/hVplW5JDgGAZvDP92uUnwur4qAksfVDl5FOc63V1ES7Z4i2h2T8ode6ol1t5fi2e5vQNPYctguCBhobIg8EDAhhyBg9hfEpNV37n6MIQgYpT3423gZI64bWvgYg0jYrgO4WP0xBnYBX2nhbVg6z/fuAc4lfjsx0r6XpHHkksUIMBuMAi2CgIkNkAcCJlaoIGDuV6SmNQb/5wiDgLVew2rOVjY+R5hgOesDSsCR4AvdzxEyCPhZot3NKefbmBjndfAz8du4DMthO+Iu+M/BNM8EbH/D44GA1XIIAmb9SIjLsdg+yB8E/IQFAT9hIed0w+W0Duwcb8t4DThPkfWclPO1AX9ozL+XZVtKwOeCTUFR5Cj+KX8FzCBffgHTG+wgYM7PZNL5fJVwEDDZ/xDQQFz7PQOcpgR1iPYNYDDHdCL4kv6YgFUB/wBKI5SDHaW0ahV5SyxkvERjPd51NQJuDmaDfSIf6PjTXwEzyJdZwEJdJwjYcF4LG/l8lXAQsPay9JhGH48RfRyWAwKuAlfSr3i1IGBz3gbNLWRcmHD8GtCdEjBoDN6PPGb1RuT3pn4KmEG+nAJWEwRsOM+FrXweSpggCFhuSD8h5t/2Gv1sS/TxMaOA7wKb6N8Mxi7gn2PPXVud3wS3yzaUgPOiO2kok9Y6AQfCfEQRvosvwCrgBYrXInYz/YKSZL6v04lBwA+AkZZzHp4gR/lqBDwr8tKVHcBzQcD8BAFzSlhfvoEg4IuJDfC9WfR1O9HXhUHAGXdwfgOfgrvAoWCCo5xDExyBt1AJWP7/FaAG1IIDzAUcCHgsYR/kGwjwCziAMhssIjDeEWAV8H/t1QEJAAAAw6D+rf8cQ8AMAiBgBHwAIGAAEDAAIGAAEDAAIGAA+lIG6dSg2lVqEcYAAAAASUVORK5CYII=);-webkit-background-size:240px 20px;background-size:240px 20px;background-repeat:no-repeat;margin:0;content:"";display:inline-block;vertical-align:top;width:20px;height:20px}.leaflet-routing-icon-continue{background-position:0 0}.leaflet-routing-icon-sharp-right{background-position:-20px 0}.leaflet-routing-icon-turn-right{background-position:-40px 0}.leaflet-routing-icon-bear-right{background-position:-60px 0}.leaflet-routing-icon-u-turn{background-position:-80px 0}.leaflet-routing-icon-sharp-left{background-position:-100px 0}.leaflet-routing-icon-turn-left{background-position:-120px 0}.leaflet-routing-icon-bear-left{background-position:-140px 0}.leaflet-routing-icon-depart{background-position:-160px 0}.leaflet-routing-icon-enter-roundabout{background-position:-180px 0}.leaflet-routing-icon-arrive{background-position:-200px 0}.leaflet-routing-icon-via{background-position:-220px 0}.leaflet-routing-geocoders div{padding:4px 0}.leaflet-routing-geocoders input{width:303px;width:calc(100% - 4px);line-height:1.67;border:1px solid #ccc}.leaflet-routing-geocoders button{font:700 18px Lucida Console,Monaco,monospace;border:1px solid #ccc;border-radius:4px;background-color:#fff;margin:0 3px 0 0;float:right;cursor:pointer;transition:background-color .2s ease}.leaflet-routing-add-waypoint:after{content:"+"}.leaflet-routing-reverse-waypoints:after{font-weight:400;content:"⇅"}.leaflet-routing-geocoders button:hover{background-color:#eee}.leaflet-routing-geocoders input,.leaflet-routing-remove-waypoint,.leaflet-routing-geocoder{position:relative}.leaflet-routing-geocoder-result{font:12px/1.5 Helvetica Neue,Arial,Helvetica,sans-serif;position:absolute;max-height:0;overflow:hidden;transition:all .5s ease;z-index:1000}.leaflet-routing-geocoder-result table{width:100%;border:1px solid #ccc;border-radius:0 0 4px 4px;background-color:#fff;cursor:pointer}.leaflet-routing-geocoder-result-open{max-height:800px}.leaflet-routing-geocoder-selected,.leaflet-routing-geocoder-result tr:hover{background-color:#eee}.leaflet-routing-geocoder-no-results{font-style:italic;color:#888}.leaflet-routing-remove-waypoint{background-color:transparent;display:inline-block;vertical-align:middle;cursor:pointer}.leaflet-routing-remove-waypoint:after{position:absolute;display:block;width:15px;height:1px;z-index:1;right:1px;top:4px;bottom:0;margin:-16px auto auto;padding:2px 4px 16px 2px;font-size:18px;font-weight:700;content:"×";text-align:center;cursor:pointer;color:#ccc;background:white;line-height:1}.leaflet-routing-remove-waypoint:hover{color:#000}.leaflet-routing-instruction-distance{width:48px}.leaflet-routing-collapse-btn{position:absolute;top:0;right:6px;font-size:24px;color:#ccc;font-weight:700}.leaflet-routing-collapse-btn:after{content:"×"}.leaflet-routing-container-hide .leaflet-routing-collapse-btn{position:relative;left:4px;top:4px;display:block;width:26px;height:23px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAXCAYAAAAV1F8QAAABjUlEQVR4Ab1VA4h0URR+v23btv/8wtgKa9v2bp6wDOuwjpPdZG/mxs2b3eS359Q99eymerhH3/HlBEGw/WQymVPRaPR3JBLJwv81PVnbIADQBACC/OF5/rRrQGCwDo2Gw+F1juNOIC0QCNwhMFeA0DAzeCTnVVVVnWe8JadAmLJ3aAy+D9X4WlHZSVseDek40ot8jNwZkE4dTHddPB5/BQXei8ViH9Ejq0DY7qBfCvxCMBiMiW0QwHW1VkVgs0Agy+vZECtjux6wrsoSDc9GQFNTUyeJDjW6gjoA8F1sg8M0EQFCv0wpEIGnjYBAplqNLgL/ioecnpCcblG2wOg5ju0q9LyTBpIJ/WTetDmI6JAioknHwz5ONPvfxHmh3WWxRqg7RGeqEXn0V61joH4Vel0no//XsPFEPEfUAAvkFSzJc67PUbE3g9hQvlhAgt4VAekZcwxENyfk+L6KEzPIa2hoOOMYSBxVKBR6KYpkiG5VknMMRHOh8iwg3zUgerxe7yWsB27mX79+UbpsPcfWV8aO/4mmHgAAAABJRU5ErkJggg==)}.leaflet-routing-container-hide .leaflet-routing-collapse-btn:after{content:none}.leaflet-top .leaflet-routing-container.leaflet-routing-container-hide{margin-top:10px!important}.leaflet-right .leaflet-routing-container.leaflet-routing-container-hide{margin-right:10px!important}.leaflet-bottom .leaflet-routing-container.leaflet-routing-container-hide{margin-bottom:10px!important}.leaflet-left .leaflet-routing-container.leaflet-routing-container-hide{margin-left:10px!important}@media only screen and (max-width: 640px){.leaflet-routing-container{margin:0!important;padding:0!important;width:100%;height:100%}}:root{--font-display: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Monaco", "Menlo", "Ubuntu Mono", monospace;--text-xs: .72rem;--text-sm: .82rem;--text-base: .9rem;--text-md: 1rem;--text-lg: 1.15rem;--text-xl: 1.4rem;--text-2xl: 1.9rem;--text-3xl: 2.8rem;--bg-primary: #080c0f;--bg-secondary: #0f1519;--bg-tertiary: #1c2630;--bg-card: #141c22;--bg-hover: #1f2d3a;--text-primary: #f0f4f8;--text-secondary: #8fa3b1;--text-muted: #546e7a;--text-inverse: #080c0f;--accent-primary: #00c4b4;--accent-secondary: #0097a7;--accent-success: #22c55e;--accent-warning: #f59e0b;--accent-danger: #f43f5e;--accent-info: #38bdf8;--status-online: #22c55e;--status-offline: #f43f5e;--status-alarm: #f59e0b;--status-online-bg: rgba(34, 197, 94, .08);--status-offline-bg: rgba(244, 63, 94, .08);--status-alarm-bg: rgba(245, 158, 11, .08);--border-primary: rgba(255, 255, 255, .08);--border-secondary: rgba(255, 255, 255, .14);--border-accent: var(--accent-primary);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .6);--shadow-md: 0 4px 12px -1px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 24px -3px rgba(0, 0, 0, .6);--shadow-xl: 0 20px 40px -5px rgba(0, 0, 0, .7);--gradient-primary: linear-gradient(135deg, #00c4b4 0%, #0097a7 100%);--gradient-secondary: linear-gradient(135deg, #141c22 0%, #1c2630 100%);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .45s ease;--dashboard-bg: #080c0f;--dashboard-card: #141c22;--dashboard-border: rgba(255, 255, 255, .07);--chart-bg: #141c22;--map-bg: #080c0f}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-display);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1600px;margin:0 auto;padding:0 var(--spacing-lg);box-sizing:border-box}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg)}.navbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-content{display:flex;align-items:center;gap:var(--spacing-md);max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg)}.navbar-left{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.dashboard-link{font-size:.9rem;color:var(--text-secondary);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition-fast);white-space:nowrap}.dashboard-link:hover{color:var(--text-primary);background:var(--bg-hover)}.dashboard-link.active{color:var(--accent-primary);background:rgba(0,196,180,.1)}.navbar-right{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.user-profile-dropdown{position:relative}.user-profile-toggle{background:none;border:none;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.user-profile-toggle:hover{background:var(--bg-hover)}.user-icon{font-size:1.5rem;color:var(--text-secondary);transition:var(--transition-fast)}.user-profile-toggle:hover .user-icon{color:var(--text-primary)}.user-avatar-img{width:32px;height:32px;border-radius:50%;object-fit:cover;border:2px solid var(--border-primary);display:block}.user-avatar-initials{width:32px;height:32px;border-radius:50%;background:var(--bg-card);border:2px solid var(--border-primary);display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:600;color:var(--accent-primary)}.user-dropdown-menu{position:absolute;top:100%;right:0;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:150px;z-index:1001;margin-top:var(--spacing-xs);animation:dropdownFadeIn .2s ease;list-style:none;padding:0}.user-dropdown-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);text-decoration:none;transition:var(--transition-fast);border-radius:0;background:none;border:none;text-align:left;cursor:pointer;font-size:.9rem}.user-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.user-dropdown-item.logout-item{color:var(--accent-danger)}.user-dropdown-item.logout-item:hover{background:rgba(239,68,68,.1)}.navbar-brand{font-size:1.35rem;font-weight:700;color:var(--text-primary);text-decoration:none;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap}.navbar-nav{display:flex;list-style:none;gap:var(--spacing-xs);margin-left:auto;align-items:center}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:1.15em;height:1.15em;flex-shrink:0;margin-right:.4em;color:inherit;opacity:.7}.nav-icon svg{width:100%;height:100%}.nav-link:hover .nav-icon,.nav-link.active .nav-icon,.dropdown-toggle:hover .nav-icon,.dropdown-toggle.active .nav-icon,.dropdown-item:hover .nav-icon{opacity:1}.nav-link{color:var(--text-secondary);text-decoration:none;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:var(--transition-fast);font-weight:500;font-size:.9rem;white-space:nowrap;display:inline-flex;align-items:center}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link.active{color:var(--accent-primary);background:rgba(0,196,180,.1)}.nav-link.logout{color:var(--accent-danger)}.nav-link.logout:hover{background:rgba(239,68,68,.1)}.dropdown{position:relative}.dropdown-toggle{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;cursor:pointer;font-size:inherit;color:inherit;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:var(--transition-fast)}.dropdown-toggle:hover{background:var(--bg-hover)}.dropdown-toggle.active{background:var(--accent-primary);color:var(--text-primary)}.dropdown-arrow{font-size:.75rem;transition:var(--transition-fast)}.dropdown-toggle.active .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;z-index:1001;margin-top:var(--spacing-xs);animation:dropdownFadeIn .2s ease}.dropdown-item{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);color:var(--text-primary);text-decoration:none;transition:var(--transition-fast);border-radius:0}.dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-item.active{background:var(--accent-primary);color:var(--text-primary)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-menu{transform-origin:top right}.dropdown-menu{transform-origin:top left}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);transition:var(--transition-normal);overflow:visible}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-accent)}.form-group{margin-bottom:var(--spacing-md)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.form-card{margin-bottom:var(--spacing-xl)}.action-buttons{display:flex;gap:var(--spacing-xs)}.project-name,.worksite-name,.organization-name{font-weight:600;color:var(--text-primary)}.project-description,.worksite-description{font-size:.875rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.coordinates{font-size:.75rem;color:var(--text-muted);font-family:monospace}.form-group label{display:block;margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-weight:500;font-size:.875rem}input,select,textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;transition:var(--transition-fast)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #00c4b426}input:disabled,select:disabled,textarea:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition-fast);gap:var(--spacing-xs)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:.75rem}.btn-primary{background:var(--gradient-primary);color:var(--text-primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-accent)}.btn-danger{background:var(--accent-danger);color:var(--text-primary)}.btn-danger:hover{background:#e11d48;transform:translateY(-1px)}.btn-warning{background:var(--accent-warning);color:var(--text-inverse)}.btn-warning:hover{background:#d97706;transform:translateY(-1px)}.btn-success{background:var(--accent-success);color:var(--text-inverse)}.btn-success:hover{background:#16a34a;transform:translateY(-1px)}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.login-page-wrapper{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);box-sizing:border-box}.login-form{max-width:400px;margin:0 auto;padding:var(--spacing-2xl)}.login-form h2{text-align:center;margin-bottom:var(--spacing-xl);font-size:1.875rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error{background:rgba(239,68,68,.15);border:1px solid var(--accent-danger);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-weight:500}.success{background:rgba(16,185,129,.1);border:1px solid var(--accent-success);color:var(--accent-success);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl);color:var(--text-secondary);font-size:1.125rem}.table-container{overflow-x:auto;margin-top:var(--spacing-md);-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;margin-top:var(--spacing-md)}.table{width:100%;min-width:900px;border-collapse:collapse;margin-top:var(--spacing-md);table-layout:auto}th{background:var(--bg-tertiary);color:var(--text-muted);font-weight:600;text-align:left;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-primary);font-size:var(--text-sm);letter-spacing:.02em;white-space:nowrap;position:sticky;top:0;z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-primary);color:var(--text-primary);vertical-align:middle;word-break:break-word}tr{transition:background .1s ease}tr:hover{background:var(--bg-hover)}.role-badge,.status-badge,.connection-badge{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;display:inline-block}.role-admin{background:var(--accent-warning);color:var(--text-inverse)}.role-superuser{background:var(--accent-danger);color:var(--text-inverse)}.role-user{background:var(--accent-info);color:var(--text-inverse)}.status-active{background:var(--accent-success);color:var(--text-inverse)}.status-inactive{background:var(--accent-danger);color:var(--text-inverse)}.status-suspended{background:var(--accent-warning);color:var(--text-inverse)}.connection-badge.connected{background:var(--accent-success);color:var(--text-inverse)}.connection-badge.disconnected{background:var(--accent-danger);color:var(--text-inverse)}.connection-badge.clickable{transition:var(--transition-fast)}.connection-badge.clickable:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.group-badge{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;background:var(--accent-secondary);color:var(--text-inverse);display:inline-block;white-space:nowrap}.activity-type-badge{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary);display:inline-block;white-space:nowrap;text-transform:lowercase}.company-badge{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;background:var(--accent-primary);color:var(--text-inverse);display:inline-block}.project-badge{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;background:var(--accent-info);color:var(--text-inverse);display:inline-block}.worksite-badge{padding:.25rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;background:var(--accent-warning);color:var(--text-inverse);display:inline-block}.organization-info{display:flex;flex-direction:column;gap:.25rem}.company-name{font-weight:700;color:var(--text-primary);font-size:1rem}.project-name{font-weight:500;color:var(--text-secondary);font-size:.875rem;font-style:italic}.worksite-name{font-weight:400;color:var(--text-muted);font-size:.75rem;font-style:italic}.inactive-worksite{opacity:.6;background:var(--bg-tertiary)}.inactive-worksite:hover{opacity:.8;background:var(--bg-hover)}.worksite-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.worksite-description{font-size:.875rem;color:var(--text-secondary);line-height:1.4}.coordinates{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-left:3px solid var(--accent-primary);border-radius:var(--radius-xl);padding:var(--spacing-lg);text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-card.stat-online{border-left-color:var(--status-online)}.stat-card.stat-offline{border-left-color:var(--status-offline)}.stat-card.stat-alarm{border-left-color:var(--status-alarm)}.stat-card.stat-info{border-left-color:var(--accent-info)}.stat-number{font-size:var(--text-3xl);font-weight:700;color:var(--accent-primary);margin-bottom:var(--spacing-xs);line-height:1;font-variant-numeric:tabular-nums}.stat-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;letter-spacing:.03em}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}.device-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition-normal)}.device-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.device-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.device-name{font-weight:600;color:var(--text-primary);font-size:1.125rem}.device-status{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.device-status.online{background:rgba(16,185,129,.2);color:var(--accent-success)}.device-status.offline{background:rgba(239,68,68,.2);color:var(--accent-danger)}.device-info{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.device-info-item{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-primary)}.device-info-label{color:var(--text-secondary);font-size:.875rem}.device-info-value{color:var(--text-primary);font-weight:500}.chart-container{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.chart-container h3{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:1.25rem;font-weight:600}@media (max-width: 768px){.stats-grid,.device-grid,.device-info{grid-template-columns:1fr}.login-form{padding:var(--spacing-lg)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}*:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.page-enter{animation:pageEnter .2s ease-out both}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeletonShimmer 1.4s ease infinite;border-radius:var(--radius-sm);color:transparent!important}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-line{height:14px;margin-bottom:8px;border-radius:var(--radius-sm)}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:8px}.text-center{text-align:center}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.hidden{display:none}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.gap-5{gap:var(--spacing-xl)}.dashboard-container{background:var(--dashboard-bg);min-height:100vh;padding:var(--spacing-lg)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--dashboard-card);border-radius:var(--radius-lg);border:1px solid var(--dashboard-border)}.dashboard-filters{display:flex;gap:var(--spacing-md)}.filter-select,.time-range-select{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;cursor:pointer}.filter-select:focus,.time-range-select:focus{outline:none;border-color:var(--accent-primary)}.dashboard-controls{display:flex;gap:var(--spacing-md);align-items:center}.dashboard-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}.dashboard-section{background:var(--dashboard-card);border-radius:var(--radius-lg);border:1px solid var(--dashboard-border);padding:var(--spacing-lg)}.dashboard-section h3{margin:0 0 var(--spacing-lg) 0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.timeline-section{grid-column:1 / -1}.chart-container{height:400px;position:relative;background:var(--chart-bg);border-radius:var(--radius-md);padding:var(--spacing-md)}.maps-section{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.map-container{background:var(--map-bg);border-radius:var(--radius-lg);border:1px solid var(--dashboard-border);overflow:hidden}.map-container h3{margin:0;padding:var(--spacing-md);background:var(--dashboard-card);color:var(--text-primary);font-size:1rem;font-weight:600;border-bottom:1px solid var(--dashboard-border)}.map-placeholder{height:300px;position:relative;background:var(--map-bg);background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px}.map-content{position:relative;width:100%;height:100%}.map-legend{position:absolute;bottom:var(--spacing-md);left:var(--spacing-md);z-index:10}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:.75rem}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.live{background:var(--accent-danger)}.location-marker{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid var(--text-primary);transform:translate(-50%,-50%);cursor:pointer;transition:var(--transition-fast)}.location-marker.active{background:var(--accent-success);box-shadow:0 0 8px #10b98180}.location-marker.inactive{background:var(--accent-danger);box-shadow:0 0 8px #ef444480}.location-marker.alarm{border-color:var(--accent-warning);box-shadow:0 0 8px #f59e0b80}.location-marker:hover{transform:translate(-50%,-50%) scale(1.2)}.device-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-md)}.summary-item{background:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-primary);text-align:center}.summary-label{display:block;color:var(--text-secondary);font-size:.875rem;margin-bottom:var(--spacing-xs)}.summary-value{display:block;color:var(--text-primary);font-size:2rem;font-weight:600}.map-scale{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);color:var(--text-muted);font-size:.75rem}.map-controls{position:absolute;top:var(--spacing-md);left:var(--spacing-md);display:flex;flex-direction:column;gap:2px}.map-btn{width:24px;height:24px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:var(--transition-fast)}.map-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.heatmap-overlay{position:absolute;width:100%;height:100%}.heatmap-point{position:absolute;width:20px;height:20px;border-radius:50%;background:radial-gradient(circle,var(--accent-danger) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none}.no-data{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-style:italic}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:var(--spacing-md)}.dashboard-filters{flex-direction:column;width:100%}.maps-section{grid-template-columns:1fr}.chart-container{height:300px}}.profile-container{padding:var(--spacing-xl);width:100%;max-width:none;margin:0}.profile-content{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center}.profile-content h1{color:var(--text-primary);margin-bottom:var(--spacing-xl);font-size:2.5rem;font-weight:600}.under-construction{padding:var(--spacing-2xl)}.construction-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.under-construction h2{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.5rem;font-weight:500}.under-construction p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;border:1px solid var(--border-primary)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-primary);background:var(--bg-card);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.modal-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.theme-toggle-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);padding:var(--spacing-sm);cursor:pointer;font-size:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.theme-toggle-btn:hover{background:var(--bg-hover);border-color:var(--border-secondary)}.close-btn{background:none;border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-muted);padding:var(--spacing-sm);cursor:pointer;font-size:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.close-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-secondary)}.modal-body{padding:var(--spacing-lg);flex:1;overflow:hidden}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-top:1px solid var(--border-primary);background:var(--bg-card);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.geofence-info{display:flex;gap:var(--spacing-lg);color:var(--text-secondary);font-size:.9rem}.geofence-info p{margin:0}@media (max-width: 768px){.modal-content{width:95%;max-height:95vh}.modal-header{padding:var(--spacing-md)}.modal-header h3{font-size:1.1rem}.modal-body{padding:var(--spacing-md)}.modal-footer{padding:var(--spacing-md);flex-direction:column;gap:var(--spacing-md);align-items:stretch}.geofence-info{flex-direction:column;gap:var(--spacing-sm)}}.connection-details{max-height:60vh;overflow-y:auto}.connection-summary{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.connection-summary p{margin:0;color:var(--text-primary);font-size:1rem}.session-id{background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.75rem;color:var(--text-primary);border:1px solid var(--border-primary)}.ip-address{font-family:var(--font-mono);font-size:.875rem;color:var(--accent-primary);font-weight:500}.user-agent{font-size:.8rem;color:var(--text-secondary);max-width:200px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login-method{padding:.25rem .5rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-primary);text-transform:capitalize}.status-disconnected{color:var(--accent-danger);font-weight:500;font-size:.75rem}.status-current-session{color:var(--accent-info);font-weight:600;font-size:.8rem;background:rgba(56,189,248,.1);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--accent-info);white-space:nowrap}.connection-details .table td:last-child{white-space:nowrap;min-width:140px}.status-active{color:var(--accent-success);font-weight:600;font-size:.8rem;background:rgba(16,185,129,.1);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--accent-success)}.status-inactive{color:var(--accent-danger);font-weight:500;font-size:.8rem;background:rgba(239,68,68,.1);padding:.25rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--accent-danger)}.avatar-sm{width:32px;height:32px;font-size:.875rem;font-weight:600}.pagination .page-link{color:var(--text-primary);background-color:var(--bg-secondary);border-color:var(--border-primary)}.pagination .page-link:hover{color:var(--accent-primary);background-color:var(--bg-tertiary);border-color:var(--accent-primary)}.pagination .page-item.active .page-link{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.pagination .page-item.disabled .page-link{color:var(--text-muted);background-color:var(--bg-secondary);border-color:var(--border-primary);cursor:not-allowed}.btn-info{background:var(--accent-info);border-color:var(--accent-info);color:#fff}.action-buttons{display:flex;align-items:center;gap:.25rem;flex-wrap:nowrap;justify-content:flex-start}.action-buttons .btn{white-space:nowrap;min-width:auto}.btn-info{background:var(--accent-info);border-color:var(--accent-info);color:#fff;font-size:.8rem;padding:.25rem .5rem}.btn-info:hover{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.btn-info:focus{box-shadow:0 0 0 .2rem #38bdf859}.table td{vertical-align:middle;padding:.6rem .75rem;font-size:.875rem;line-height:1.4}.table th{padding:.6rem .75rem;font-weight:600;font-size:.8rem}.dashboard-header-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-primary)}.dashboard-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.dashboard-title h1{margin:0;color:var(--text-primary);font-size:2rem;font-weight:700}.user-context{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs)}.user-role{background:var(--accent-primary);color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.user-scope{color:var(--text-secondary);font-size:.875rem;font-weight:500}.dashboard-scope-notice{background:var(--accent-info);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;text-align:center;border:1px solid rgba(56,189,248,.3)}.dashboard-scope-notice p{margin:0}.dashboard-controls .btn{margin-left:var(--spacing-sm)}.dashboard-controls .btn-primary{background:var(--accent-success);border-color:var(--accent-success)}.dashboard-controls .btn-primary:hover{background:#16a34a;border-color:#16a34a}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.under-construction{display:flex;justify-content:center;align-items:center;min-height:60vh;padding:var(--spacing-xl)}.construction-content{text-align:center;max-width:600px;padding:var(--spacing-2xl);background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-primary);box-shadow:var(--shadow-lg)}.construction-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.8}.construction-content h2{color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:var(--spacing-md)}.construction-content p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:var(--spacing-md)}.feature-list{text-align:left;color:var(--text-secondary);font-size:1rem;line-height:1.8;margin-top:var(--spacing-lg)}.feature-list li{margin-bottom:var(--spacing-sm);position:relative;padding-left:var(--spacing-lg)}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--accent-success);font-weight:700}.stat-box{background:var(--bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border-primary);text-align:center}.stat-label{color:var(--text-secondary);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.stat-value{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.dashboard-device-status-bar{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:15px;width:100%;max-width:100%;box-sizing:border-box}.dashboard-device-status-bar h3{margin:0;flex:0 1 auto;min-width:0}.dashboard-device-status-controls{display:flex;flex-wrap:wrap;align-items:center;gap:15px;min-width:0;flex:1 1 200px;justify-content:flex-end}.dashboard-last-refresh{display:flex;align-items:center;gap:5px;font-size:.75rem;color:var(--text-secondary)}.dashboard-last-refresh-value{font-weight:500;color:var(--text-primary)}.dashboard-last-refresh-value.is-busy{color:var(--accent-info)}.dashboard-refresh-interval-wrap{display:flex;align-items:center;gap:8px}.dashboard-refresh-interval-wrap label{font-size:.75rem;font-weight:500;color:var(--text-primary)}.btn-refresh-dashboard{padding:6px 12px;font-size:.75rem;font-weight:500;border:1px solid var(--accent-primary);border-radius:4px;background:var(--accent-primary);color:var(--text-inverse);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;box-sizing:border-box}.btn-refresh-dashboard:hover{background:var(--accent-secondary);border-color:var(--accent-secondary)}.btn-refresh-dashboard:disabled{background:var(--bg-tertiary);border-color:var(--border-primary);color:var(--text-muted);cursor:not-allowed}.select-dashboard-refresh{padding:6px 10px;font-size:.75rem;border:1px solid var(--border-primary);border-radius:4px;background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;min-width:120px;max-width:100%;box-sizing:border-box}:root{--app-sidebar-width: 240px;--app-topbar-height: 52px}@media (min-width: 1280px){.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,280px));justify-content:start}}.app-topbar{position:sticky;top:0;z-index:1100;display:flex;align-items:center;gap:var(--spacing-sm);height:var(--app-topbar-height);padding:0 var(--spacing-md);background:rgba(15,21,25,.92);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-sizing:border-box}.app-topbar-brand{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0}.app-topbar-logo{display:block;height:36px;width:auto;max-width:100%;object-fit:contain}@media (max-width: 480px){.app-topbar-logo{height:28px}}.app-topbar-spacer{flex:1;min-width:0}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--app-sidebar-width);background:linear-gradient(180deg,#0f1a22 0%,#0a1118 100%);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;z-index:1050;overflow-y:auto;overflow-x:hidden;transform:translate(-100%);transition:transform .22s ease-out;padding-top:var(--app-topbar-height);box-sizing:border-box;will-change:transform}.app-sidebar.open{transform:translate(0)}.app-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1040}.app-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm) var(--spacing-xs);min-height:0}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:var(--text-base);font-weight:500;background:none;border:none;width:100%;cursor:pointer;text-align:left;transition:background .15s,color .15s,transform .15s;box-sizing:border-box;min-height:36px}.sidebar-link:hover{background:rgba(255,255,255,.05);color:var(--text-primary);transform:translate(2px)}.sidebar-link.active{background:rgba(0,196,180,.1);color:var(--accent-primary);box-shadow:inset 3px 0 0 var(--accent-primary);transform:none}.sidebar-divider{height:1px;background:rgba(255,255,255,.06);margin:6px 12px}.sidebar-link-icon{display:inline-flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;flex-shrink:0;opacity:.85}.sidebar-link-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-group-toggle{padding-right:10px}.sidebar-group-arrow{font-size:.7rem;opacity:.55;transition:transform .15s;flex-shrink:0}.sidebar-group.open>.sidebar-group-toggle .sidebar-group-arrow{transform:rotate(180deg);opacity:.9}.sidebar-group-children{display:flex;flex-direction:column;gap:2px;padding-left:22px;margin:2px 0 4px}.sidebar-sublink{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);opacity:.82;text-decoration:none;font-size:.82rem;transition:background .15s,color .15s,opacity .15s;min-height:30px;box-sizing:border-box}.sidebar-sublink:hover{background:rgba(255,255,255,.05);color:var(--text-primary);opacity:1;transform:translate(2px)}.sidebar-sublink.active{color:var(--accent-primary);background:rgba(0,196,180,.08);box-shadow:inset 3px 0 0 var(--accent-primary);opacity:1}.app-sidebar-footer{padding:var(--spacing-sm) var(--spacing-xs);border-top:1px solid rgba(255,255,255,.06);background:transparent}.app-sidebar-user{padding:4px 12px 10px;display:flex;flex-direction:column;gap:2px;font-size:var(--text-sm)}.app-sidebar-username{color:var(--text-primary);font-weight:600}.app-sidebar-role{color:var(--text-muted);font-size:var(--text-xs)}.sidebar-logout{color:var(--accent-danger)}.sidebar-logout:hover{background:rgba(239,68,68,.12);color:var(--accent-danger)}@media (min-width: 1024px){.app-sidebar{transform:translate(0);transition:none}.app-sidebar-backdrop,.hamburger-btn{display:none}.app-topbar{padding-left:calc(var(--app-sidebar-width) + var(--spacing-md))}.container{margin-left:var(--app-sidebar-width);max-width:calc(100% - var(--app-sidebar-width));padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}@media (max-width: 1023.98px){.container{max-width:100%;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.app-topbar{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}@media (max-width: 420px){:root{--app-sidebar-width: min(86vw, 280px)}.container{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.app-topbar-logo{height:24px}}html,body{overflow-x:hidden}html{-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}input,textarea,[contenteditable],.selectable{-webkit-user-select:text;user-select:text}a,button,[role=button],input,select,textarea,label{touch-action:manipulation}button,.btn,.sidebar-link,.sidebar-sublink,.user-dropdown-item,.user-profile-toggle{min-height:44px;min-width:44px}.app-sidebar .sidebar-link,.app-sidebar .sidebar-sublink{min-width:0}.app-sidebar .sidebar-sublink{min-height:30px}input,select,textarea{font-size:max(16px,.875rem)}*{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) var(--bg-secondary)}.app-topbar{padding-top:env(safe-area-inset-top);padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.app-sidebar{padding-left:env(safe-area-inset-left)}.container,.dashboard-container{padding-left:max(var(--spacing-md),env(safe-area-inset-left));padding-right:max(var(--spacing-md),env(safe-area-inset-right))}.page-bottom-safe{padding-bottom:max(var(--spacing-md),env(safe-area-inset-bottom))}.hamburger-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:none;border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;padding:0;transition:var(--transition-fast);flex-shrink:0}.hamburger-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.hamburger-bar{display:block;width:20px;height:2px;background:var(--text-primary);border-radius:2px;transition:transform .3s ease,opacity .3s ease}.hamburger-btn.open .hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-btn.open .hamburger-bar:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open .hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 1023.98px){.container{padding:0 var(--spacing-sm)}.dashboard-container{padding:var(--spacing-sm)}.dashboard-header{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.dashboard-device-status-bar{flex-direction:column;align-items:stretch}.dashboard-device-status-controls{flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;flex:1 1 auto}.dashboard-device-status-controls .dashboard-last-refresh,.dashboard-device-status-controls .dashboard-refresh-interval-wrap{width:100%;justify-content:space-between}.dashboard-device-status-controls .select-dashboard-refresh,.dashboard-device-status-controls .btn-refresh-dashboard{width:100%;max-width:100%}.dashboard-filters{flex-direction:column;width:100%}.dashboard-controls{flex-wrap:wrap;gap:var(--spacing-sm)}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:1.75rem}.device-grid,.device-info,.maps-section{grid-template-columns:1fr}.chart-container{height:250px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%;justify-content:center}.modal-overlay{padding:0;align-items:flex-end}.modal-content{width:100%;max-width:100%;max-height:92dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:env(safe-area-inset-bottom)}.modal-footer{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.geofence-info{flex-direction:column;gap:var(--spacing-xs)}.login-form{padding:var(--spacing-md);max-width:100%}.btn{padding:var(--spacing-sm) var(--spacing-md);font-size:1rem}.action-buttons{flex-wrap:wrap}.header{flex-direction:column;gap:var(--spacing-sm);align-items:stretch}.header .btn{width:100%;justify-content:center}.user-dropdown-menu{right:0;left:auto;transform:none}}@media (max-width: 480px){.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--spacing-sm));padding:0 var(--spacing-sm)}.table{min-width:800px;font-size:.8rem}.stats-grid{grid-template-columns:1fr}.app-topbar-brand{font-size:1rem}.stat-number,.summary-value{font-size:1.5rem}.dashboard-section{padding:var(--spacing-md)}}@media (max-height: 500px) and (orientation: landscape){.app-topbar{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.chart-container{height:200px}}@-moz-document url-prefix(){.app-topbar-brand,.login-form h2{background:none;-webkit-text-fill-color:unset;color:var(--accent-primary)}}@media (forced-colors: active){.btn,.sidebar-link,.sidebar-sublink,.user-dropdown-item{forced-color-adjust:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mobile-only,.mobile-card-list,.mobile-bottom-bar,.mobile-more-backdrop,.mobile-more-drawer{display:none}@media (max-width: 768px){.app-topbar .hamburger-btn{display:none}.app-sidebar{display:none!important}.container,main,.app-content{margin-left:0!important;max-width:100%!important;padding-bottom:calc(56px + env(safe-area-inset-bottom))}.mobile-bottom-bar{position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(10,16,20,.96);border-top:1px solid rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:stretch;z-index:1100}.mbb-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#888;text-decoration:none;background:none;border:none;cursor:pointer;padding:0;min-height:44px;font-size:0;transition:color .15s;-webkit-tap-highlight-color:transparent}.mbb-tab svg{width:22px;height:22px;flex-shrink:0}.mbb-label{font-size:10px;font-weight:500;letter-spacing:.01em;color:inherit}.mbb-tab--active,.mbb-tab.active{color:var(--accent-primary)}.mbb-tab{position:relative}.mbb-tab--active:before,.mbb-tab.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:3px;background:var(--accent-primary);border-radius:0 0 3px 3px}.mbb-tab:active{opacity:.7}}@media (max-width: 768px){.mobile-more-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);z-index:1150}.mobile-more-backdrop.open{display:block}.mobile-more-drawer{display:block;position:fixed;bottom:0;left:0;right:0;max-height:80vh;background:var(--bg-secondary);border-radius:16px 16px 0 0;border-top:1px solid rgba(255,255,255,.08);z-index:1200;transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom)}.mobile-more-drawer--open{transform:translateY(0)}.mobile-more-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid rgba(255,255,255,.06);font-weight:600;font-size:1rem;color:var(--text-primary);position:sticky;top:0;background:var(--bg-secondary);z-index:1}.mobile-more-drawer-close{background:none;border:none;color:var(--text-muted);font-size:1.4rem;cursor:pointer;padding:4px 8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.mobile-more-drawer a,.mobile-more-drawer-link,.mobile-more-link{display:flex;align-items:center;gap:14px;padding:14px 20px;color:var(--text-secondary);text-decoration:none;font-size:.95rem;border-bottom:1px solid var(--border-primary);min-height:48px;-webkit-tap-highlight-color:transparent;transition:background .1s;background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;cursor:pointer}.mobile-more-drawer a:active,.mobile-more-drawer-link:active,.mobile-more-link:active{background:var(--bg-tertiary)}.mobile-more-drawer a.active,.mobile-more-link.active{color:var(--accent-primary)}.mobile-more-section{display:block;padding:10px 20px 4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.mobile-more-logout{color:var(--accent-danger)}.mobile-more-logout:hover{color:var(--accent-danger);opacity:.8}}@media (max-width: 768px){.map-fullbleed-mobile .leaflet-container,.map-container.mobile-fullbleed{width:100vw!important;height:calc(100vh - 56px - env(safe-area-inset-bottom))!important;margin:0;border-radius:0}.callout-popup .leaflet-popup-content-wrapper{background:var(--bg-card);color:var(--text-primary);border-radius:10px;padding:0;box-shadow:0 4px 16px #0006;border:1px solid var(--border-primary);min-width:160px;max-width:220px}.callout-popup .leaflet-popup-content{margin:10px 14px;font-size:13px;line-height:1.5}.callout-popup .leaflet-popup-tip-container{display:none}.callout-popup .leaflet-popup-close-button{color:var(--text-muted)!important;top:6px;right:8px}.map-fab-group{position:absolute;bottom:calc(72px + env(safe-area-inset-bottom));right:12px;z-index:1000;display:flex;flex-direction:column;gap:8px}.map-fab{width:48px;height:48px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006;-webkit-tap-highlight-color:transparent;transition:background .15s}.map-fab:active{background:var(--bg-hover)}.map-cluster-icon{background:transparent}.map-cluster-badge{width:36px;height:36px;background:var(--accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-weight:700;font-size:13px;border:2px solid var(--bg-primary);box-shadow:0 2px 6px #0006}}@media (max-width: 768px){.has-mobile-cards .table-container{display:none}.device-card-list.mobile-only{display:flex!important;flex-direction:column;gap:8px;padding:8px 0}.device-card{display:flex;align-items:center;gap:12px;background:#141c22;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px 14px;cursor:pointer;min-height:60px;-webkit-tap-highlight-color:transparent;transition:background .15s;transform:none}.device-card:active{background:#1c2630}.device-card-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-online{background:var(--status-online)}.status-offline{background:var(--status-offline)}.status-alarm{background:var(--status-alarm)}.device-card-info{flex:1;min-width:0}.device-card-name{font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-card-meta{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.device-card-battery{display:flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-muted);flex-shrink:0}.device-tech-details{margin-top:12px;border:1px solid var(--border-primary);border-radius:8px;overflow:hidden}.device-tech-details summary{padding:10px 14px;cursor:pointer;font-size:.85rem;color:var(--text-muted);background:var(--bg-secondary);list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:44px;-webkit-tap-highlight-color:transparent}.device-tech-details summary:after{content:"▼";font-size:.7rem}.device-tech-details[open] summary:after{content:"▲"}.device-tech-details>*:not(summary){padding:10px 14px}}@media (max-width: 768px){.mobile-only:not(.device-card-list){display:block}.table-responsive-cards table{display:none}.table-responsive-cards .mobile-card-list{display:block!important}.mobile-record-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:8px;padding:12px 14px;margin-bottom:8px;font-size:.85rem;color:var(--text-secondary)}.mobile-record-card-row{display:flex;justify-content:space-between;align-items:flex-start;padding:3px 0;border-bottom:1px solid var(--border-primary)}.mobile-record-card-row:last-child{border-bottom:none}.mobile-record-label{color:var(--text-muted);font-size:.75rem;flex-shrink:0;margin-right:8px}.mobile-record-value{color:var(--text-primary);text-align:right;word-break:break-word}}@media (max-width: 768px){.form-grid,.settings-row{flex-direction:column!important;gap:12px!important}.form-field,.settings-field{width:100%!important;max-width:100%!important}.settings-field{box-sizing:border-box}.modal-actions,.btn-row{flex-direction:column!important;gap:8px!important}.modal-actions button,.btn-row button{width:100%!important;min-height:44px}.settings-group-collapsible{border:1px solid var(--border-primary);border-radius:8px;margin-bottom:12px;overflow:hidden}.settings-group-collapsible>summary{padding:12px 16px;cursor:pointer;background:var(--bg-secondary);color:var(--text-secondary);font-weight:600;font-size:.9rem;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:44px}.settings-group-collapsible>summary:after{content:"▼";font-size:.7rem;color:var(--text-muted)}.settings-group-collapsible[open]>summary:after{content:"▲"}.settings-group-collapsible>*:not(summary){padding:12px 16px}}@media (max-width: 768px){a,[role=button],.clickable,input[type=checkbox],input[type=radio]{min-height:44px;min-width:44px}label{min-height:44px;display:flex;align-items:center}body{font-size:14px}.device-name,.device-card-name,[class*=device-name]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}small,.text-xs,.caption{font-size:12px!important}}@media (max-width: 768px){.map-loading-placeholder{background:var(--bg-secondary);width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem;border-radius:8px}}@media (max-width: 768px){.dashboard-content{width:100%;overflow:hidden}.dashboard-section{width:100%;min-width:0;box-sizing:border-box;overflow:hidden;padding:12px!important}.chart-container{height:220px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;padding:4px!important}.chart-container canvas{max-width:100%!important;width:100%!important}.chart-container .chartjs-size-monitor{width:100%!important}}