@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#10251e;background:#edf4f0;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 85% 0%,#cdeada 0,transparent 32%),#edf4f0}button{font:inherit}.app-shell{min-height:100vh}header{height:76px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:#f8fcfadb;border-bottom:1px solid #d4e2da;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;color:#10251e;text-decoration:none;font:700 17px Manrope;letter-spacing:-.3px}.brand strong{display:block;color:#159b61;font-size:10px;letter-spacing:3px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#e9fff4;background:#0b7149;box-shadow:0 8px 18px #0b714938}.connection{display:flex;align-items:center;gap:7px;padding:9px 13px;background:#fff;border:1px solid #d8e5de;border-radius:30px;color:#63766e;font-size:12px;font-weight:600}.connection>span{width:7px;height:7px;border-radius:50%;background:#ee7a60}.connection.online>span{background:#23ba71;box-shadow:0 0 0 4px #23ba7120}main{max-width:1440px;margin:auto;padding:0 clamp(20px,5vw,76px) 60px}.hero{display:grid;grid-template-columns:1fr auto;align-items:end;gap:40px;padding:64px 0 44px}.eyebrow{margin:0 0 12px;color:#168e5b;font-size:10px;font-weight:800;letter-spacing:2.1px}h1{margin:0;max-width:700px;font:800 clamp(38px,5.2vw,72px)/.98 Manrope;letter-spacing:-4px}h1 em{color:#159b61;font-style:normal}.intro{max-width:520px;margin:22px 0 0;color:#657970;font-size:16px;line-height:1.6}.station-meta{min-width:260px;padding:22px;background:#0b3025;color:#fff;border-radius:18px;box-shadow:0 20px 45px #163c2b24}.station-meta small{color:#69d69f;font-size:9px;letter-spacing:1.7px}.station-meta strong,.station-meta span{display:block}.station-meta strong{margin:7px 0 4px;font:700 17px Manrope}.station-meta span{color:#9db8ad;font-size:11px}.sensor-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.sensor-card{min-height:166px;padding:17px;text-align:left;color:#163027;border:1px solid #dbe6e0;border-radius:17px;background:#ffffffdb;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.sensor-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #214d3820}.sensor-card.selected{border-color:#38b87c;box-shadow:inset 0 0 0 1px #38b87c}.card-top{display:flex;justify-content:space-between;align-items:center}.icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eaf8f1;color:#159b61}.amber .icon{color:#d58a19;background:#fff6df}.blue .icon{color:#2784ca;background:#e9f4fb}.cyan .icon{color:#218e99;background:#e8f7f7}.purple .icon{color:#8469c8;background:#f1edfc}.orange .icon{color:#dc7245;background:#fff0e9}.live-dot{color:#7e9189;font-size:8px;font-weight:800;letter-spacing:1px}.reading{margin-top:22px;white-space:nowrap}.reading strong{font:700 clamp(24px,2vw,31px) Manrope;letter-spacing:-1.5px}.reading span{margin-left:5px;color:#809087;font-size:11px}.sensor-card p{margin:3px 0 0;color:#71837a;font-size:11px}.chart-panel{margin-top:18px;padding:25px 25px 18px;background:#ffffffe0;border:1px solid #dbe6e0;border-radius:20px}.chart-heading{display:flex;justify-content:space-between;align-items:center}.chart-heading h2{margin:0;font:700 20px Manrope}.current{color:#7a8b83;font-size:11px;text-align:right}.current strong{display:block;margin-top:3px;color:#159b61;font-size:18px}.chart-wrap{height:250px;margin-top:18px}footer{display:flex;justify-content:space-between;padding:24px clamp(20px,5vw,76px);color:#71837a;border-top:1px solid #d4e2da;font-size:11px}@media(max-width:1100px){.sensor-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:760px){header{height:66px}.connection{padding:8px}.connection svg{display:none}.hero{grid-template-columns:1fr;padding-top:42px}.station-meta{min-width:0}.sensor-grid{grid-template-columns:repeat(2,1fr)}h1{letter-spacing:-2.5px}.sensor-card{min-height:150px}footer{gap:12px;flex-direction:column}}@media(max-width:380px){.sensor-grid{grid-template-columns:1fr}}.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}}.portal{min-height:100vh;background:#f2f6f4;color:#15261f}.portal aside{position:fixed;inset:0 auto 0 0;width:246px;background:#092b21;color:#dcebe4;padding:22px 15px;display:flex;flex-direction:column;z-index:20;transition:.25s}.portal-brand{height:52px;display:flex;align-items:center;gap:11px;padding:0 8px;font:700 15px Manrope}.portal-brand>span{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#18a66a;color:#fff}.portal-brand small{display:block;color:#5dd5a0;font-size:8px;letter-spacing:2.7px}.collapse{position:absolute;right:-14px;top:79px;width:28px;height:28px;border:1px solid #d4e3dc;border-radius:50%;background:#fff;color:#345548;display:grid;place-items:center}.portal nav{margin-top:42px;display:flex;flex-direction:column;gap:5px}.portal nav button{display:flex;align-items:center;gap:13px;padding:13px 15px;border:0;border-radius:10px;background:transparent;color:#91aaa0;cursor:pointer;text-align:left}.portal nav button.active,.portal nav button:hover{background:#164638;color:#fff}.portal nav button.active svg{color:#59d49e}.user-block{margin-top:auto;padding:14px 8px 3px;border-top:1px solid #21483c;display:flex;align-items:center;gap:9px}.avatar{width:36px;height:36px;border-radius:10px;background:#d8f3e6;color:#0a7048;display:grid;place-items:center;font-size:11px;font-weight:800}.user-block div:nth-child(2){min-width:0;flex:1}.user-block b,.user-block small{display:block;white-space:nowrap}.user-block b{font-size:11px}.user-block small{font-size:9px;color:#79968b}.user-block button{background:none;border:0;color:#91aaa0;cursor:pointer}.portal-main{margin-left:246px;min-height:100vh;transition:.25s}.portal.collapsed aside{width:74px}.portal.collapsed .portal-brand b,.portal.collapsed nav span,.portal.collapsed .user-block>div:not(.avatar),.portal.collapsed .user-block button{display:none}.portal.collapsed .portal-main{margin-left:74px}.topbar{height:76px;padding:0 30px;background:#fff;border-bottom:1px solid #dfe7e3;display:flex;align-items:center;justify-content:space-between}.topbar p,.panel-title p,.detail-head p,.trend-card p,.page-actions p,.site-form>p{margin:0 0 3px;color:#188b5c;font-size:8px;font-weight:800;letter-spacing:1.7px}.topbar h2{margin:0;font:700 18px Manrope}.top-actions{display:flex;align-items:center;gap:8px}.top-actions>button{position:relative;width:36px;height:36px;border:1px solid #dce6e1;background:#fff;border-radius:10px;color:#587067}.top-actions i{position:absolute;width:6px;height:6px;border-radius:50%;background:#ef725f;right:8px;top:7px}.system-live{margin-left:5px;padding:9px 12px;border-radius:20px;background:#ecf8f2;color:#287756;font-size:10px;font-weight:700}.system-live span,.live-pill span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#21b975;margin-right:6px}.dashboard-page,.management-page{padding:22px 28px 42px}.summary-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.summary{display:flex;align-items:center;gap:13px;padding:17px;background:#fff;border:1px solid #dfe8e3;border-radius:13px}.summary>span{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#eaf1ee;color:#46665a}.summary svg{width:19px}.summary.green>span{background:#e5f7ef;color:#14945e}.summary.warn>span{background:#fff3e4;color:#d89127}.summary b,.summary small{display:block}.summary b{font:700 24px Manrope}.summary small{font-size:10px;color:#7a8d84}.map-layout{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(300px,.65fr);gap:14px;margin-top:14px}.map-card,.site-panel,.site-strip,.table-card,.settings-grid section{background:#fff;border:1px solid #dfe8e3;border-radius:15px;overflow:hidden}.panel-title{min-height:70px;padding:17px 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5ece8}.panel-title h3{margin:0;font:700 15px Manrope}.panel-title>span:not(.status){padding:6px 9px;border-radius:14px;background:#eef5f1;color:#678076;font-size:9px}.map-holder{height:460px}.map-holder .leaflet-container{height:100%;background:#dfe9e4}.leaflet-control-attribution{font-size:8px!important}.site-panel{padding-bottom:17px}.status{padding:5px 9px;border-radius:13px;text-transform:capitalize;font-size:9px;font-weight:700}.status.online{background:#e5f7ef;color:#128454}.status.maintenance{background:#fff1dc;color:#ba7415}.status.offline{background:#feeae8;color:#c24c43}.site-address{display:flex;gap:10px;padding:16px 18px}.site-address>svg{color:#189b63;width:19px}.site-address b,.site-address span{display:block}.site-address b{font-size:12px}.site-address span{margin-top:3px;font-size:9px;color:#819088}.mini-sensors{padding:0 17px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.mini-sensors>div{padding:10px;background:#f5f8f6;border-radius:9px;display:grid;grid-template-columns:19px 1fr;align-items:center;gap:4px}.mini-sensors svg{width:15px;color:#1a9c65}.mini-sensors span{font-size:8px;color:#71857b}.mini-sensors b{grid-column:1/3;font-size:16px}.mini-sensors small{font-size:8px;color:#71857b;margin-left:3px}.primary{display:flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:9px;background:#118859;color:#fff;padding:12px 17px;font-weight:700;font-size:11px;cursor:pointer}.primary:hover{background:#096d46}.primary.full{margin:16px 17px 0;width:calc(100% - 34px)}.site-strip{margin-top:14px}.site-list{padding:13px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.site-list>button{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #e1e9e5;border-radius:10px;background:#fff;text-align:left}.site-list>button.selected{border-color:#20a269;background:#f2fbf7}.site-list .pin{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#e6f7ef;color:#179661}.site-list .pin.maintenance{background:#fff1dd;color:#c37e1c}.site-list .pin.offline{background:#feeae8;color:#c9564c}.site-list svg{width:15px}.site-list b,.site-list small{display:block}.site-list b{font-size:10px}.site-list small{font-size:8px;color:#819088}.site-list i{margin-left:auto;font-size:8px;color:#82938b;font-style:normal}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fff}.login-art{padding:45px clamp(40px,6vw,90px);background:linear-gradient(145deg,#04291ded,#075235e8),radial-gradient(circle at 70% 20%,#2daf78,#082e23);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.login-brand{display:flex;align-items:center;gap:8px;font:700 15px Manrope}.login-brand b{color:#62dda4}.login-art>div:nth-child(2){max-width:570px}.login-art p{font-size:9px;letter-spacing:2.4px;color:#6de1aa}.login-art h1{font:800 clamp(40px,5vw,67px)/1.02 Manrope;letter-spacing:-3.5px}.login-art>div:nth-child(2)>span{display:block;max-width:490px;margin-top:21px;color:#abc8bb;line-height:1.7}.login-stats{display:flex;gap:45px}.login-stats b{font:700 23px Manrope}.login-stats small{display:block;margin-top:4px;color:#88aa9c;font:400 9px DM Sans}.login-form{display:grid;place-items:center;padding:35px}.login-form form{width:min(390px,100%)}.login-form h2{font:800 35px Manrope;margin:5px 0}.login-form form>span{color:#768980;font-size:12px}.login-form label,.site-form label,.settings-grid label{display:block;margin-top:22px;color:#425a50;font-size:10px;font-weight:700}.login-form input,.site-form input,.site-form select,.settings-grid select{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #d7e2dc;border-radius:8px;background:#fff;font:12px DM Sans;outline:none}.login-form input:focus,.site-form input:focus{border-color:#159661;box-shadow:0 0 0 3px #15966117}.login-form .primary{width:100%;margin-top:23px;padding:14px}.demo-note{display:block;margin-top:13px;text-align:center;color:#809087}.mobile-logo{display:none}.form-error{color:#c84c43!important;font-size:10px!important}.modal-backdrop{position:fixed;inset:0;background:#0a241bc9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;padding:22px;z-index:100}.detail-modal{position:relative;width:min(1180px,96vw);max-height:92vh;overflow:auto;background:#f4f7f5;border-radius:18px;box-shadow:0 35px 80px #0006}.modal-close{position:absolute;right:17px;top:17px;width:34px;height:34px;border:0;border-radius:50%;background:#e8efeb;color:#476157;display:grid;place-items:center;z-index:2}.modal-close svg{width:18px}.detail-head{padding:25px 30px;background:#fff;border-bottom:1px solid #dfe8e3;display:flex;justify-content:space-between}.detail-head h2{font:700 21px Manrope;margin:3px 0 7px}.detail-head>div>span{display:flex;align-items:center;gap:5px;color:#71857b;font-size:10px}.detail-head svg{width:14px}.live-pill{height:fit-content;margin-right:40px;padding:8px 11px;border-radius:18px;background:#e8f7ef;color:#208158;font-size:9px}.detail-grid{padding:17px;display:grid;grid-template-columns:330px 1fr;gap:14px}.all-sensors,.trend-card{background:#fff;border:1px solid #dfe8e3;border-radius:13px;padding:10px}.all-sensors button{width:100%;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;background:#fff;padding:9px;text-align:left}.all-sensors button.active{background:#eaf8f1}.all-sensors button>svg{width:17px;color:#179661}.all-sensors span{flex:1;font-size:10px;font-weight:700}.all-sensors small{display:block;color:#819088;font-size:7px;font-weight:400}.all-sensors b{text-align:right;font-size:13px}.trend-card{padding:20px}.trend-card h3{margin:3px 0;font:700 17px Manrope}.trend-card>div>strong{display:block;margin:10px 0 25px;font:700 32px Manrope;color:#138959}.trend-card strong small{font-size:11px;color:#71857b}.page-actions{display:flex;justify-content:space-between;align-items:end;margin:5px 0 20px}.page-actions h3{font:700 24px Manrope;margin:4px 0}.page-actions>div>span{font-size:11px;color:#75877e}.page-actions svg{width:16px}table{width:100%;border-collapse:collapse;min-width:800px}th,td{padding:14px 17px;border-bottom:1px solid #e5ece8;text-align:left;font-size:10px}th{background:#f8faf9;color:#71857b;font-size:8px;letter-spacing:.8px;text-transform:uppercase}td>b,td>small{display:block}td>small{margin-top:4px;color:#7a8d84}td>small svg{width:11px;vertical-align:middle}td code{padding:5px 7px;border-radius:5px;background:#eef3f0}td:last-child{display:flex;gap:5px}td button{display:flex;align-items:center;gap:5px;border:1px solid #d8e3dd;background:#fff;border-radius:7px;padding:7px;color:#3c584c;font-size:9px}td button svg{width:13px}.danger{color:#c45148!important}.site-form{position:relative;width:min(700px,95vw);max-height:92vh;overflow:auto;background:#fff;border-radius:17px;padding:27px}.site-form h2{font:700 23px Manrope;margin:4px 0 15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.sensor-select>span{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sensor-select button{padding:7px 9px;border:1px solid #dae4df;background:#fff;border-radius:7px;font-size:8px}.sensor-select button.active{border-color:#159661;background:#e9f7f0;color:#13794f}.site-form .primary.full{width:100%;margin:20px 0 0}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.settings-grid section{padding:20px}.settings-grid h3{margin:0;font:700 15px Manrope}.settings-grid label:has(input[type=checkbox]){display:flex;align-items:center;justify-content:space-between}.settings-grid label span{font-size:10px}.settings-grid label small{display:block;margin-top:3px;color:#86968f;font-weight:400;font-size:8px}.settings-grid input[type=checkbox]{accent-color:#159661;width:17px;height:17px}@media(max-width:1050px){.summary-row{grid-template-columns:repeat(2,1fr)}.map-layout{grid-template-columns:1fr}.site-list{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.map-holder{height:390px}}@media(max-width:720px){.portal aside{width:74px}.portal-brand b,.portal nav span,.user-block>div:not(.avatar),.user-block button{display:none}.portal-main,.portal.collapsed .portal-main{margin-left:74px}.collapse{display:none}.topbar{padding:0 15px}.top-actions>button{display:none}.dashboard-page,.management-page{padding:15px}.summary-row{grid-template-columns:1fr 1fr}.summary{padding:12px}.summary b{font-size:20px}.site-list,.detail-grid{grid-template-columns:1fr}.all-sensors{display:grid;grid-template-columns:1fr 1fr}.login-page{grid-template-columns:1fr}.login-art{display:none}.mobile-logo{display:flex;align-items:center;gap:7px;margin-bottom:50px;color:#128557;font-weight:800}.form-grid{grid-template-columns:1fr}.page-actions{align-items:flex-start;gap:15px;flex-direction:column}.detail-head{padding:20px}.live-pill{display:none}}.sensor-specs{display:grid!important;grid-template-columns:repeat(4,1fr);gap:7px;margin:0 0 22px}.sensor-specs span{padding:9px;background:#f3f7f5;border-radius:8px;color:#29483b;font-size:9px}.sensor-specs small{display:block;margin-bottom:3px;color:#82948b;font-size:7px;text-transform:uppercase;letter-spacing:.7px}.alarm-count{padding:9px 13px;border-radius:18px;background:#feeae8;color:#c34e45;font-size:10px;font-weight:800}.alarm-level{display:inline-block;padding:5px 8px;border-radius:12px;font-size:8px;font-weight:800;text-transform:uppercase}.alarm-level.warning{background:#fff0d9;color:#b87013}.alarm-level.critical{background:#fee5e2;color:#c63e35}.acknowledged{color:#188858;font-size:9px;font-weight:700}.empty-state{text-align:center!important;padding:50px!important;color:#74887e!important}.alarm-rules{margin-top:15px;padding:20px;background:#fff;border:1px solid #dfe8e3;border-radius:15px}.alarm-rules h3{margin:0 0 15px;font:700 15px Manrope}.alarm-rules>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.alarm-rules span{padding:10px;border-radius:8px;background:#f4f8f6}.alarm-rules b,.alarm-rules small{display:block}.alarm-rules b{font-size:9px}.alarm-rules small{margin-top:3px;color:#7a8d84;font-size:8px}@media(max-width:1050px){.alarm-rules>div{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sensor-specs,.alarm-rules>div{grid-template-columns:1fr 1fr}}.global-alarm-bar{width:100%;min-height:43px;padding:0 28px;border:0;border-bottom:1px solid #f0d49f;background:#fff6e7;color:#785216;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer}.global-alarm-bar.critical{background:#fff0ee;border-color:#f2c1bc;color:#9c332c}.global-alarm-bar.clear{background:#edf8f2;border-color:#cde9da;color:#276c4e}.alarm-icon{position:relative;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#fff}.alarm-icon i{position:absolute;right:3px;top:3px;width:6px;height:6px;border-radius:50%;background:#e04438;box-shadow:0 0 0 2px #fff}.global-alarm-bar>b{font-size:9px;letter-spacing:.8px;white-space:nowrap}.alarm-ticker{min-width:0;flex:1;display:flex;gap:7px;overflow:hidden;white-space:nowrap;font-size:10px}.alarm-ticker strong{font-weight:800}.alarm-ticker span{overflow:hidden;text-overflow:ellipsis}.global-alarm-bar em{display:flex;align-items:center;gap:3px;font-size:9px;font-style:normal;font-weight:700;white-space:nowrap}@media(max-width:720px){.global-alarm-bar{padding:0 15px}.global-alarm-bar>b{display:none}.global-alarm-bar em{font-size:0}.global-alarm-bar em svg{display:block}}.classic-alert-shell{position:relative;z-index:10;min-height:36px;transition:width .32s cubic-bezier(.16,1,.3,1);filter:drop-shadow(0 8px 15px rgba(15,35,27,.16))}.classic-alert-table{overflow:hidden;background:#fffffff0;border-right:1px solid #d4e0da;border-bottom:1px solid #d4e0da}.alert-rows{max-height:34px;overflow:hidden;transition:max-height .35s ease}.alert-rows.expanded{max-height:250px;overflow-y:auto}.classic-alert-row{width:100%;height:34px;padding:0;border:0;border-bottom:1px solid rgba(0,0,0,.16);display:grid;grid-template-columns:180px minmax(180px,1fr) minmax(100px,180px);align-items:center;text-align:left;color:#111;cursor:pointer}.classic-alert-row>span,.classic-alert-row>strong,.classic-alert-row>b{height:34px;padding:0 10px;display:flex;align-items:center;border-right:1px solid rgba(0,0,0,.25);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classic-alert-row>strong{font-weight:500}.classic-alert-row>b{border:0;font-weight:700}.classic-alert-row.critical{background:#ffc9c5}.classic-alert-row.warning{background:#ffe3a5}.classic-alert-row.clear{background:#c9efd9}.classic-alert-controls{display:flex;align-items:center;gap:4px;padding:3px 4px;border:1px solid #d4e0da;border-radius:999px;background:#ffffffe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 7px 15px #0f231b2e}.classic-alert-controls.floating{position:absolute;left:100%;top:17px;transform:translate(10px,-50%)}.classic-alert-shell.closed .classic-alert-controls.floating{transform:translate(-5px,-50%)}.classic-alert-controls.inline{position:absolute;right:5px;top:17px;transform:translateY(-50%)}.classic-alert-controls button{width:27px;height:27px;padding:0;border:1px solid #16895a;border-radius:50%;background:#fff;color:#16895a;display:grid;place-items:center;cursor:pointer;transition:.18s}.classic-alert-controls button:hover{transform:scale(1.08);background:#eaf8f1}.classic-alert-controls svg{width:15px}.classic-alert-controls .rotate{transform:rotate(180deg)}@media(max-width:800px){.classic-alert-shell{width:calc(100% - 55px)!important}.classic-alert-row{grid-template-columns:105px 1fr}.classic-alert-row>b{display:none}.classic-alert-row>span,.classic-alert-row>strong{font-size:8px;padding:0 6px}.classic-alert-controls button:nth-child(2),.classic-alert-controls button:nth-child(4){display:none}}.sensor-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.sensor-catalog article{position:relative;padding:18px;background:#fff;border:1px solid #dfe8e3;border-radius:14px}.sensor-catalog article>h3{margin:11px 0 2px;font:700 16px Manrope}.sensor-catalog article>code{color:#71857b;font-size:9px}.sensor-catalog article>strong{position:absolute;right:18px;top:47px;color:#158c5b;font:700 17px Manrope}.catalog-live,.catalog-off{padding:4px 7px;border-radius:10px;background:#e5f7ee;color:#178556;font-size:7px;font-weight:800}.catalog-off{background:#eee;color:#777}.sensor-catalog dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:16px 0}.sensor-catalog dl>div{padding:8px;background:#f5f8f6;border-radius:7px}.sensor-catalog dt{color:#819088;font-size:7px;text-transform:uppercase}.sensor-catalog dd{margin:3px 0 0;font-size:9px}.sensor-catalog footer{display:flex;gap:6px;padding:11px 0 0;border-top:1px solid #e5ece8}.sensor-catalog footer button{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #d8e3dd;border-radius:7px;background:#fff;color:#3c584c;font-size:9px}.sensor-catalog footer svg{width:13px}@media(max-width:1050px){.sensor-catalog{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.sensor-catalog{grid-template-columns:1fr}}:root{--bw-blue:#003b70;--bw-blue-deep:#00284f;--bw-green:#167a43;--bw-lime:#67a844;--bw-gold:#e4b640}.portal{background:#f3f6f8}.portal aside{background:linear-gradient(180deg,var(--bw-blue-deep),#001d39);border-right:1px solid #16456e;box-shadow:8px 0 30px #00274c1f}.portal-brand{font-size:17px;letter-spacing:.3px}.portal-brand>span.bw-monogram,.login-b{font:900 24px/1 Manrope;background:#fff;color:var(--bw-blue)!important;border-radius:4px;transform:skew(-5deg);box-shadow:inset 0 -4px 0 var(--bw-green)}.portal-brand small{color:#7fc89b;letter-spacing:2px}.portal nav button.active,.portal nav button:hover{background:#0c4b7c}.portal nav button.active{box-shadow:inset 3px 0 #69ad4a}.portal nav button.active svg{color:#91cc69}.topbar{border-top:4px solid var(--bw-green);height:80px;box-shadow:0 4px 20px #0030590d}.topbar p,.panel-title p,.detail-head p,.trend-card p,.page-actions p,.site-form>p{color:var(--bw-blue)}.primary{background:var(--bw-blue);border-radius:5px;box-shadow:0 7px 16px #003b7029}.primary:hover{background:var(--bw-blue-deep)}.system-live{background:#e9f4ec;color:var(--bw-green)}.summary,.map-card,.site-panel,.site-strip,.table-card,.settings-grid section,.sensor-catalog article{border-radius:8px;border-color:#dbe3e9;box-shadow:0 5px 18px #00315b0b}.summary.green>span,.mini-sensors .icon{color:var(--bw-green)}.panel-title{border-bottom:3px solid #eef2f4}.panel-title:after{content:"";position:absolute}.site-panel .primary{background:var(--bw-blue)}.sensor-card.selected{border-color:var(--bw-blue)}.login-art{position:relative;background:linear-gradient(135deg,#00264af5,#004970e6),radial-gradient(circle at 70% 25%,#4b9855,#00345e)}.login-art:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 55%,rgba(102,169,68,.19) 55%,rgba(102,169,68,.19) 66%,transparent 66%);pointer-events:none}.login-art>*{position:relative}.login-brand{font-size:20px;letter-spacing:.4px}.login-brand .login-b,.mobile-logo .login-b{display:grid;place-items:center;width:42px;height:42px;margin-right:4px}.login-brand b{color:#91cd65}.login-art p{color:#9bce78}.login-art h1{font-size:clamp(39px,4.6vw,64px);letter-spacing:-3px}.login-stats{padding-top:22px;border-top:1px solid rgba(255,255,255,.2)}.login-form .eyebrow{color:var(--bw-blue)}.login-form h2{color:var(--bw-blue-deep)}.login-form input:focus,.site-form input:focus{border-color:var(--bw-blue);box-shadow:0 0 0 3px #003b701a}.classic-alert-row.clear{background:#d9ecdf}.classic-alert-controls button{border-color:var(--bw-blue);color:var(--bw-blue)}.catalog-live{background:#e4f1e8;color:var(--bw-green)}.sensor-catalog article>strong{color:var(--bw-blue)}.status.online{background:#e4f1e8;color:var(--bw-green)}.map-holder{border-top:1px solid #dbe3e9}@media(max-width:720px){.topbar{height:70px}.portal-brand>span.bw-monogram{font-size:21px}}.sensor-detail-layer{z-index:2000!important}.sensor-detail-layer .detail-modal{z-index:2001}.leaflet-container,.leaflet-pane,.leaflet-control{z-index:auto!important}.sensor-select-head{display:flex;align-items:center;justify-content:space-between;padding:8px 9px 11px}.sensor-select-head>b{font-size:10px}.sensor-select-head>button{width:auto!important;padding:5px 8px!important;color:#003b70!important;background:#eef5fa!important;font-size:8px!important}.all-sensors>button{position:relative}.all-sensors>button:disabled{opacity:.42;cursor:not-allowed}.sensor-check{flex:0 0 auto;width:16px;height:16px;border:1px solid #b8c8c0;border-radius:4px;display:grid;place-items:center;color:#fff;font-size:10px;font-style:normal}.sensor-check.checked{border-color:#003b70;background:#003b70}.multi-trend{min-width:0}.trend-legend{display:flex!important;flex-wrap:wrap;gap:7px;margin:14px 0 24px}.trend-legend>span{display:flex!important;align-items:center;gap:5px;padding:7px 9px;border:1px solid #e0e8e4;border-radius:7px;background:#f7f9f8;color:#52685e;font-size:8px}.trend-legend>span>i{width:8px;height:8px;border-radius:50%}.trend-legend>span>b{color:#1d352b;font-size:8px}@media(max-width:720px){.sensor-detail-layer{padding:7px}.sensor-detail-layer .detail-modal{width:100%;max-height:98vh}.multi-trend .recharts-responsive-container{height:320px!important}}html{scroll-behavior:smooth}body{background:#eef3f6}::selection{background:#0b5689;color:#fff}*{scrollbar-width:thin;scrollbar-color:#9cb4aa transparent}button,input,select{transition:border-color .18s,background-color .18s,color .18s,box-shadow .18s,transform .18s}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(18,125,78,.24);outline-offset:2px}.portal-main{background:radial-gradient(circle at 90% 0,rgba(40,118,82,.08),transparent 27%),linear-gradient(180deg,#f7f9fa 0,#edf3f5)}.topbar{position:sticky;top:0;z-index:900;background:#ffffffe8;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.topbar>div:first-child{position:relative;padding-left:14px}.topbar>div:first-child:before{content:"";position:absolute;left:0;top:2px;width:3px;height:32px;border-radius:4px;background:linear-gradient(#003b70,#55a348)}.live-clock{padding-right:14px;border-right:1px solid #dce5e1;text-align:right}.live-clock b,.live-clock span{display:block}.live-clock b{color:#163c57;font:700 12px Manrope}.live-clock span{margin-top:1px;color:#819188;font-size:8px;text-transform:uppercase;letter-spacing:.6px}.top-actions>button{cursor:pointer}.top-actions>button:hover{transform:translateY(-2px);border-color:#b8cbd7;box-shadow:0 7px 15px #00325a1a}.dashboard-page,.management-page{max-width:1680px;margin:auto}.summary{position:relative;overflow:hidden;min-height:79px}.summary:after{content:"";position:absolute;right:-25px;bottom:-35px;width:80px;height:80px;border:15px solid rgba(0,59,112,.035);border-radius:50%}.summary:hover{transform:translateY(-3px);border-color:#bdced8;box-shadow:0 13px 30px #002f5517}.summary>span{box-shadow:inset 0 0 0 1px #00000009}.map-card,.site-panel,.site-strip,.table-card,.settings-grid section,.sensor-catalog article{transition:transform .2s,border-color .2s,box-shadow .2s}.map-card:hover,.site-panel:hover,.settings-grid section:hover{border-color:#c3d2da;box-shadow:0 13px 32px #00315b13}.panel-title{background:linear-gradient(90deg,#fff,#fafcfd)}.panel-title h3{letter-spacing:-.2px}.map-holder{position:relative}.map-holder:after{content:"LIVE NETWORK";position:absolute;z-index:500;right:13px;bottom:15px;padding:7px 10px;border:1px solid rgba(255,255,255,.75);border-radius:6px;background:#002b4ed1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:7px;font-weight:800;letter-spacing:1.2px;pointer-events:none}.leaflet-bar{border:0!important;box-shadow:0 8px 22px #002a4a2e!important}.leaflet-bar a{color:#003b70!important;border-color:#e0e8ec!important}.leaflet-popup-content-wrapper{border-radius:8px!important;box-shadow:0 12px 35px #00274633!important}.mini-sensors>div{border:1px solid transparent;transition:.18s}.mini-sensors>div:hover{border-color:#cbdcd4;background:#edf7f1;transform:translateY(-1px)}.site-list>button{cursor:pointer;transition:.18s}.site-list>button:hover{transform:translateY(-2px);border-color:#a9c5b8;box-shadow:0 7px 14px #002d4e12}.site-list>button.selected{box-shadow:inset 3px 0 #167a43}.detail-modal,.site-form{animation:modal-enter .25s cubic-bezier(.2,.8,.2,1)}.modal-backdrop{animation:fade-in .2s ease}.modal-close:hover{transform:rotate(8deg);background:#dce8e2;color:#003b70}.all-sensors>button:hover:not(:disabled){background:#f0f7f4}.all-sensors>button.active{box-shadow:inset 3px 0 #003b70}.trend-card{background:linear-gradient(145deg,#fff,#f9fbfc)}.trend-legend>span{transition:.18s}.trend-legend>span:hover{transform:translateY(-2px);box-shadow:0 5px 11px #00284614}.table-card tbody tr{transition:background .16s}.table-card tbody tr:hover{background:#f2f8f5}.table-card thead{position:sticky;top:0;z-index:2}.sensor-catalog article{overflow:hidden}.sensor-catalog article:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(#003b70,#4b9d54);opacity:.72}.sensor-catalog article:hover{transform:translateY(-4px);border-color:#b9cbd5;box-shadow:0 15px 32px #002f561a}.sensor-catalog footer button:hover,td button:hover{border-color:#739bad;background:#eef5f8}.classic-alert-shell{position:sticky;top:80px;z-index:850}.classic-alert-row{transition:filter .15s}.classic-alert-row:hover{filter:brightness(.97)}.login-form form{padding:35px;border:1px solid #e0e7eb;border-radius:12px;background:#fffffff5;box-shadow:0 25px 60px #002b4f1c}.login-page{background:linear-gradient(120deg,#f8fafb,#edf3f6)}.login-form input{height:46px}.login-form .primary{height:47px}.status{display:inline-flex;align-items:center;gap:5px}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.system-live span{animation:pulse 1.8s infinite}.primary:not(:disabled):active{transform:translateY(1px)}.primary:disabled{opacity:.65;cursor:wait}@keyframes modal-enter{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{box-shadow:0 0 #149b5f59}50%{box-shadow:0 0 0 6px #149b5f00}}@media(max-width:720px){.live-clock{display:none}.topbar h2{font-size:15px}.summary-row{gap:8px}.summary{min-height:70px}.map-holder{height:360px}.login-form form{padding:24px;border:0;box-shadow:none}.classic-alert-shell{top:70px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.command-scene{position:relative;height:310px;margin-bottom:14px;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:35px 50px;color:#fff;background:radial-gradient(circle at 78% 46%,rgba(38,170,105,.2),transparent 28%),linear-gradient(120deg,#00264a,#003f70 58%,#075b58);box-shadow:0 20px 50px #002b4e2e;isolation:isolate}.command-scene:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:linear-gradient(90deg,#000,transparent 90%);mask-image:linear-gradient(90deg,#000,transparent 90%)}.command-scene:after{content:"";position:absolute;inset:auto -10% -90% 25%;height:150%;border:1px solid rgba(100,220,160,.15);border-radius:50%;transform:rotate(-8deg);z-index:-1}.scene-copy{position:relative;z-index:3}.scene-copy>p{margin:0 0 12px;color:#8fd0a7;font-size:8px;font-weight:800;letter-spacing:2.2px}.scene-copy h1{margin:0;font:800 clamp(30px,3.5vw,50px)/1.02 Manrope;letter-spacing:-2.6px}.scene-copy h1 span{color:#91cf78}.scene-metrics{display:flex;gap:8px;margin-top:25px}.scene-metrics>span{min-width:120px;padding:9px 11px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#ffffff0f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#9eb9c5;font-size:7px}.scene-metrics svg{width:12px;vertical-align:middle;margin-right:5px;color:#82d69d}.scene-metrics b{display:block;margin:4px 0 0 17px;color:#fff;font-size:9px}.orb-stage{position:relative;width:290px;height:290px;margin:auto;perspective:900px;transform-style:preserve-3d}.orb-glow{position:absolute;inset:55px;border-radius:50%;background:#31d28a;filter:blur(45px);opacity:.23;animation:orb-breathe 4s ease-in-out infinite}.env-orb{position:absolute;inset:72px;border:1px solid rgba(156,240,194,.55);border-radius:50%;display:grid;place-items:center;transform-style:preserve-3d;background:radial-gradient(circle at 35% 28%,#9df4c34d,#01455c80 48%,#001a35e6);box-shadow:inset -18px -16px 35px #000f238c,inset 12px 10px 25px #71e8a92e,0 0 45px #2bc88038;animation:orb-float 5s ease-in-out infinite}.orb-grid{position:absolute;inset:8px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 12px,rgba(150,237,191,.13) 13px 14px);animation:orb-spin 14s linear infinite}.orb-core{position:relative;text-align:center;text-shadow:0 3px 12px #001}.orb-core small,.orb-core span{display:block}.orb-core small{color:#86dca6;font-size:6px;letter-spacing:1.4px}.orb-core strong{display:block;font:800 30px Manrope}.orb-core span{color:#b7d1c6;font-size:7px}.orbit{position:absolute;inset:43px;border:1px solid rgba(155,226,187,.29);border-radius:50%;transform-style:preserve-3d}.orbit-a{transform:rotateX(68deg) rotate(8deg);animation:orbit-a 8s linear infinite}.orbit-b{inset:28px;transform:rotateY(67deg) rotateX(15deg);animation:orbit-b 11s linear infinite reverse}.orbit-c{inset:59px;transform:rotateX(52deg) rotateY(44deg);border-style:dashed;animation:orbit-c 13s linear infinite}.orbit i{position:absolute;width:8px;height:8px;border:2px solid #d9ffe9;border-radius:50%;background:#36d68c;box-shadow:0 0 13px #43e69b}.orbit i:nth-child(1){left:8%;top:28%}.orbit i:nth-child(2){right:5%;top:50%}.orbit i:nth-child(3){left:48%;bottom:-4px}.float-chip{position:absolute;padding:7px 9px;border:1px solid rgba(255,255,255,.15);border-radius:7px;background:#002341a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#c6dcd3;font-size:7px;box-shadow:0 8px 20px #00000026;animation:chip-float 4s ease-in-out infinite}.float-chip i{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:#58db94;box-shadow:0 0 8px #58db94}.chip-one{top:48px;left:4px}.chip-two{right:0;top:112px;animation-delay:-1.4s}.chip-three{left:18px;bottom:48px;animation-delay:-2.6s}@keyframes orb-spin{to{transform:rotate(360deg)}}@keyframes orb-float{0%,to{transform:translateY(0) rotateY(-8deg)}50%{transform:translateY(-9px) rotateY(8deg)}}@keyframes orb-breathe{50%{opacity:.4;transform:scale(1.16)}}@keyframes orbit-a{to{transform:rotateX(68deg) rotate(368deg)}}@keyframes orbit-b{to{transform:rotateY(427deg) rotateX(15deg)}}@keyframes orbit-c{to{transform:rotateX(52deg) rotateY(404deg)}}@keyframes chip-float{50%{transform:translateY(-7px)}}.summary-row{perspective:1000px}.summary:hover{transform:translateY(-4px) rotateX(2deg) rotateY(-1deg)}@media(max-width:950px){.command-scene{height:280px;padding:30px}.orb-stage{width:250px;height:250px}.env-orb{inset:62px}.scene-metrics>span:nth-child(3){display:none}}@media(max-width:700px){.command-scene{height:auto;min-height:255px;grid-template-columns:1fr;padding:28px 24px}.orb-stage{position:absolute;right:-70px;top:2px;opacity:.52;transform:scale(.8)}.scene-copy{max-width:75%}.scene-copy h1{font-size:30px}.scene-metrics{flex-direction:column;width:135px}.scene-metrics>span{min-width:0}.scene-metrics>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){.orb-stage *{animation:none!important}}:root{font-family:Segoe UI Variable,Segoe UI,Inter,Arial,sans-serif}body,button,input,select{font-family:Segoe UI Variable,Segoe UI,Inter,Arial,sans-serif!important}h1,h2,h3,.brand,.portal-brand,.summary b,.reading strong,.orb-core strong,.scene-copy h1{font-family:Segoe UI Variable Display,Segoe UI,Inter,Arial,sans-serif!important}.portal aside{width:260px;padding:22px 16px}.portal-main{margin-left:260px}.portal.collapsed aside{width:80px}.portal.collapsed .portal-main{margin-left:80px}.portal-brand{font-size:18px}.portal-brand small{font-size:9px;margin-top:2px}.portal nav{gap:7px}.portal nav button{min-height:46px;padding:13px 16px;border-radius:8px;font-size:13px;font-weight:600}.user-block b{font-size:12px}.user-block small{font-size:10px}.topbar{padding:0 32px}.topbar p{font-size:9px}.topbar h2{font-size:20px;letter-spacing:-.35px}.dashboard-page,.management-page{padding:26px 32px 52px}.command-scene{height:330px;padding:42px 54px}.scene-copy>p{font-size:10px}.scene-copy h1{font-size:50px;font-weight:750;letter-spacing:-2.8px}.scene-copy h1 span{font-weight:500}.scene-metrics>span{min-width:142px;padding:11px 13px;font-size:9px}.scene-metrics b{font-size:11px}.summary-row{gap:14px}.summary{min-height:92px;padding:20px}.summary>span{width:44px;height:44px}.summary b{font-size:27px}.summary small{font-size:11px}.map-layout{gap:16px;margin-top:16px}.panel-title{min-height:78px;padding:19px 22px}.panel-title p{font-size:9px}.panel-title h3{font-size:17px}.panel-title>span:not(.status){font-size:10px}.site-address{padding:19px 20px}.site-address b{font-size:14px}.site-address span{font-size:10px}.mini-sensors{padding:0 19px;gap:9px}.mini-sensors>div{padding:12px}.mini-sensors span{font-size:9px}.mini-sensors b{font-size:19px}.mini-sensors small{font-size:9px}.site-list{padding:15px;gap:11px}.site-list>button{padding:13px}.site-list b{font-size:12px}.site-list small,.site-list i{font-size:9px}.page-actions{margin:8px 0 24px}.page-actions p{font-size:9px}.page-actions h3{font-size:27px;letter-spacing:-.6px}.page-actions>div>span{font-size:13px}.primary{min-height:41px;padding:12px 19px;font-size:12px}th{font-size:10px;padding:15px 18px}td{font-size:12px;padding:16px 18px}.status{font-size:10px}.sensor-catalog{gap:16px}.sensor-catalog article{padding:21px}.sensor-catalog article>h3{font-size:18px}.sensor-catalog article>code{font-size:10px}.sensor-catalog dt{font-size:9px}.sensor-catalog dd{font-size:11px}.sensor-catalog footer button,td button{font-size:10px}.detail-head h2{font-size:24px}.detail-head>div>span{font-size:11px}.all-sensors button{min-height:48px}.all-sensors span{font-size:11px}.all-sensors small{font-size:8px}.trend-card h3{font-size:19px}.login-page{grid-template-columns:55% 45%}.login-art{padding:48px clamp(55px,7vw,105px)}.login-brand{font-size:22px}.login-art p{font-size:10px}.login-art h1{max-width:640px;font-size:clamp(46px,5.1vw,70px)!important;line-height:1.02;letter-spacing:-4px}.login-art>div:nth-child(2)>span{font-size:17px;line-height:1.65}.login-stats{gap:60px}.login-stats b{font-size:26px}.login-stats small{font-size:10px}.login-form form{width:min(430px,100%);padding:40px}.login-form h2{font-size:37px;letter-spacing:-1.2px}.login-form form>span{font-size:13px;line-height:1.5}.login-form label,.demo-note{font-size:11px}@media(max-width:1050px){.scene-copy h1{font-size:42px}.scene-metrics>span{min-width:125px}}@media(max-width:720px){.portal aside{width:76px}.portal-main,.portal.collapsed .portal-main{margin-left:76px}.dashboard-page,.management-page{padding:16px}.command-scene{height:280px;padding:30px 24px}.scene-copy h1{font-size:32px}.topbar{padding:0 18px}.summary{padding:14px;min-height:80px}.panel-title{min-height:70px;padding:16px}.login-page{grid-template-columns:1fr}.login-form form{padding:26px}.all-sensors span{font-size:10px}}.modal-backdrop .site-form,.modal-backdrop .detail-modal{position:relative;z-index:2201}.sites-pro-page{max-width:1680px;margin:auto;padding:26px 32px 55px}.sites-hero{position:relative;min-height:190px;padding:36px 40px;border-radius:13px;overflow:hidden;color:#fff;background:linear-gradient(118deg,#00294f 0,#004475 65%,#12644f);box-shadow:0 17px 42px #002b502b}.sites-hero>div:first-child{position:relative;z-index:2}.sites-hero p{margin:0 0 9px;color:#8dd09e;font-size:9px;font-weight:800;letter-spacing:2px}.sites-hero h1{margin:0;font-size:34px;letter-spacing:-1.6px}.sites-hero>div>span{display:block;margin-top:10px;color:#b7ced7;font-size:12px}.site-add{position:absolute;right:38px;bottom:37px;z-index:3;display:flex;align-items:center;gap:8px;padding:12px 17px;border:1px solid rgba(255,255,255,.28);border-radius:7px;background:#fff;color:#003b70;font-weight:700;font-size:11px;box-shadow:0 9px 25px #0000002e}.site-add:hover{transform:translateY(-2px);box-shadow:0 13px 28px #0000003b}.site-add svg{width:16px}.site-orbits{position:absolute;right:9%;top:-90px;width:320px;height:320px;border:1px solid rgba(125,217,163,.2);border-radius:50%;animation:site-orbit 15s linear infinite}.site-orbits:before,.site-orbits:after,.site-orbits i{content:"";position:absolute;border:1px solid rgba(125,217,163,.15);border-radius:50%}.site-orbits:before{inset:35px}.site-orbits:after{inset:75px}.site-orbits i{width:8px;height:8px;background:#66d394;box-shadow:0 0 17px #66d394}.site-orbits i:nth-child(1){left:25px;top:75px}.site-orbits i:nth-child(2){right:40px;bottom:53px}.site-orbits i:nth-child(3){left:48%;bottom:-4px}.sites-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:-19px 22px 0;position:relative;z-index:4}.sites-kpis>div{min-height:73px;padding:14px 16px;display:flex;align-items:center;gap:11px;border:1px solid #dce6eb;border-radius:9px;background:#fffffff5;box-shadow:0 10px 25px #002b4c14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sites-kpis svg{width:19px;color:#167a43}.sites-kpis span,.sites-kpis b{display:block}.sites-kpis span{color:#718279;font-size:9px}.sites-kpis b{margin-bottom:2px;color:#00365f;font-size:21px}.sites-toolbar{margin:25px 0 15px;padding:11px 13px;display:flex;align-items:center;gap:15px;border:1px solid #dce5e9;border-radius:9px;background:#fff}.site-search{min-width:280px;flex:1;display:flex;align-items:center;gap:8px}.site-search svg{width:16px;color:#7a8d84}.site-search input{width:100%;border:0;outline:0;font-size:11px}.filter-tabs{display:flex;gap:3px;padding:3px;border-radius:7px;background:#edf2f4}.filter-tabs button{padding:7px 11px;border:0;border-radius:5px;background:transparent;color:#6c7d75;font-size:9px;text-transform:capitalize}.filter-tabs button.active{background:#fff;color:#003b70;font-weight:700;box-shadow:0 2px 7px #0026441a}.sites-toolbar>span{color:#84938c;font-size:9px}.site-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.site-pro-card{overflow:hidden;border:1px solid #dce5e9;border-radius:11px;background:#fff;box-shadow:0 5px 16px #0028460b;transition:.22s}.site-pro-card:hover{transform:translateY(-5px);border-color:#aec5d1;box-shadow:0 16px 35px #002b4d1c}.site-card-map{position:relative;height:112px;overflow:hidden;background:radial-gradient(circle at 60% 45%,#dcebe4,#eaf0ed 48%,#d5e1dc)}.map-lines{position:absolute;inset:-50%;transform:rotate(-12deg);background-image:linear-gradient(rgba(0,76,106,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,76,106,.1) 1px,transparent 1px);background-size:25px 25px}.site-card-map:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,rgba(255,255,255,.4) 49%,transparent 51%);transform:rotate(20deg)}.site-card-map>em{position:absolute;right:10px;bottom:8px;padding:5px 7px;border-radius:5px;background:#002b4cbf;color:#fff;font-size:7px;font-style:normal}.site-beacon{position:absolute;z-index:2;width:21px;height:21px;border:3px solid #fff;border-radius:50%;background:#15945e;box-shadow:0 5px 15px #00442a52}.site-beacon.maintenance{background:#e5a226}.site-beacon.offline{background:#d65a51}.site-beacon i{position:absolute;inset:-8px;border:1px solid currentColor;border-radius:50%;animation:beacon 1.8s infinite}.site-card-body{padding:16px}.site-card-title{display:flex;align-items:center;gap:10px}.site-status-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#e4f3e9;color:#167a43}.site-status-icon.maintenance{background:#fff1db;color:#ba7518}.site-status-icon.offline{background:#feeae8;color:#c44f46}.site-status-icon svg{width:16px}.site-card-title>div{flex:1}.site-card-title p{margin:0;color:#168551;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.site-card-title h3{margin:2px 0;font-size:16px}.site-card-title>div>span{color:#7b8c84;font-size:9px}.site-card-title>button{border:0;background:transparent;color:#72857c}.device-row{margin:15px 0;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;border-radius:7px;background:#f3f6f5}.device-row span{color:#819088;font-size:7px;font-weight:700}.device-row code{color:#003b70;font-size:10px}.sensor-health>div:first-child{display:flex;justify-content:space-between;color:#788a81;font-size:9px}.sensor-health b{color:#243d32}.health-track{height:5px;margin-top:7px;border-radius:5px;background:#e7edeb;overflow:hidden}.health-track i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#003b70,#4da45d)}.card-actions{display:flex;gap:7px;margin-top:15px}.card-actions button{height:35px;border:1px solid #d8e3e8;border-radius:6px;background:#fff;color:#36544a;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px}.card-actions button:first-child{flex:1}.card-actions button:hover{border-color:#7da6b8;background:#f1f7fa}.card-actions svg{width:14px}.card-actions .remove-site{width:36px;color:#bd554c}.sites-empty{padding:70px;text-align:center;color:#7c8d85}.sites-empty svg{width:30px}.sites-empty h3{margin:9px 0 4px}.sites-empty span{font-size:10px}.form-intro{display:block;margin:-7px 0 5px;color:#74877d;font-size:11px}.pro-site-form{width:min(760px,95vw)}.pro-site-form .sensor-select>small{float:right;color:#167a43}.pro-site-form .sensor-select button{text-transform:capitalize}@keyframes beacon{to{opacity:0;transform:scale(1.7)}}@keyframes site-orbit{to{transform:rotate(360deg)}}@media(max-width:1150px){.site-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sites-pro-page{padding:16px}.sites-hero{padding:27px 24px}.sites-hero h1{font-size:27px}.site-add{position:relative;right:auto;bottom:auto;margin-top:24px}.sites-kpis{grid-template-columns:1fr 1fr;margin:-12px 10px 0}.sites-toolbar{align-items:stretch;flex-direction:column}.site-search{min-width:0}.sites-toolbar>span{display:none}.site-card-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.site-orbits,.site-beacon i{animation:none}}.sensor-page-title .page-actions h3{font-size:0}.sensor-page-title .page-actions h3:after{content:"Sensor";font-size:27px}.portal aside{z-index:1400!important}.portal .collapse{z-index:1450!important}.portal-main{position:relative}.topbar{z-index:1200!important}.classic-alert-shell{position:absolute!important;top:80px;left:0;z-index:1000!important;margin:0!important;min-height:0!important;pointer-events:auto}.classic-alert-shell.closed{height:0}.classic-alert-table{position:relative;z-index:1}.classic-alert-controls{z-index:3}.dashboard-page{position:relative;z-index:1}.modal-backdrop{z-index:2200!important}@media(max-width:720px){.classic-alert-shell{top:70px}.portal aside{z-index:1400!important}}.search-trigger{width:auto!important;padding:0 8px!important;gap:7px}.search-trigger kbd{padding:3px 5px;border:1px solid #d9e2e7;border-radius:4px;background:#f5f7f8;color:#7a8b83;font:8px inherit}.search-backdrop{position:fixed;inset:0;z-index:3000;padding-top:11vh;display:flex;justify-content:center;background:#00182ba8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:fade-in .16s}.command-search{width:min(620px,calc(100vw - 28px));height:fit-content;max-height:74vh;overflow:hidden;border:1px solid rgba(255,255,255,.55);border-radius:13px;background:#fff;box-shadow:0 35px 90px #00142666;animation:modal-enter .2s}.command-input{height:61px;padding:0 15px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #e1e8ec}.command-input>svg{width:19px;color:#376476}.command-input input{flex:1;border:0;outline:0;background:transparent;font-size:14px}.command-input kbd{padding:4px 6px;border:1px solid #d7e1e5;border-radius:5px;background:#f2f5f6;color:#71827a;font:8px inherit}.command-input button{width:28px;height:28px;border:0;border-radius:6px;background:#edf2f4;color:#5e746b;display:grid;place-items:center}.command-input button svg{width:14px}.command-results{max-height:55vh;overflow:auto;padding:10px}.command-results>p{margin:11px 10px 6px;color:#7c8d85;font-size:8px;font-weight:800;letter-spacing:1.2px}.command-results>button{width:100%;padding:10px;border:0;border-radius:8px;background:#fff;display:flex;align-items:center;gap:11px;text-align:left}.command-results>button:hover,.command-results>button:focus{background:#edf6f2}.command-results>button>svg{width:18px;color:#08704c}.command-results>button>span{flex:1;color:#183a2c;font-size:11px;font-weight:700}.command-results small{display:block;margin-top:2px;color:#809087;font-size:8px;font-weight:400}.command-results em{padding:4px 7px;border-radius:9px;background:#e8f4ed;color:#167a43;font-size:7px;font-style:normal;text-transform:uppercase}.command-empty{padding:45px;text-align:center;color:#84938c;font-size:11px}.command-search>footer{padding:10px 16px;display:flex;gap:18px;border-top:1px solid #e1e8ec;background:#f7f9fa;color:#7e8e86;font-size:8px}@media(max-width:720px){.search-trigger{display:grid!important;width:36px!important;padding:0!important}.search-trigger kbd{display:none}.search-backdrop{padding-top:5vh}.command-search{max-height:88vh}.command-results{max-height:70vh}}:root{--mirror-bg:rgba(255,255,255,.78);--mirror-bg-strong:rgba(255,255,255,.9);--mirror-border:rgba(255,255,255,.82);--mirror-line:rgba(150,177,190,.36);--mirror-shadow:0 18px 48px rgba(0,44,78,.09),inset 0 1px 0 rgba(255,255,255,.9)}.portal-main{background:radial-gradient(circle at 88% 9%,rgba(76,160,111,.15),transparent 24%),radial-gradient(circle at 9% 75%,rgba(35,104,156,.11),transparent 28%),linear-gradient(145deg,#edf3f6,#f8fafb 47%,#eaf2ef);background-attachment:fixed}.summary,.map-card,.site-panel,.site-strip,.table-card,.settings-grid section,.sensor-catalog article,.sites-toolbar,.sites-kpis>div,.site-pro-card,.alarm-rules{background:linear-gradient(135deg,#ffffffed,#ffffffad)!important;border:1px solid var(--mirror-border)!important;box-shadow:var(--mirror-shadow)!important;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}.summary:before,.map-card:before,.site-panel:before,.settings-grid section:before,.sensor-catalog article:after,.site-pro-card:after{content:"";position:absolute;pointer-events:none;z-index:1;left:1px;right:1px;top:1px;height:38%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.48),transparent);opacity:.65}.summary,.map-card,.site-panel,.settings-grid section,.sensor-catalog article,.site-pro-card{position:relative}.summary>*,.map-card>*,.site-panel>*,.settings-grid section>*,.sensor-catalog article>*,.site-pro-card>*{position:relative;z-index:2}.topbar{background:linear-gradient(110deg,#ffffffed,#f6fbf9c7)!important;border-bottom:1px solid rgba(255,255,255,.9)!important;box-shadow:0 8px 30px #002c4d12,inset 0 -1px #87a5b238}.portal aside{background:linear-gradient(160deg,#00284cfa,#001b34f7 58%,#053b31f5)!important;box-shadow:12px 0 42px #001c362e,inset -1px 0 #ffffff1a}.portal nav button{border:1px solid transparent}.portal nav button.active{background:linear-gradient(110deg,#1e709f73,#22855542)!important;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff1f,0 8px 18px #000a1929}.command-scene,.sites-hero{border:1px solid rgba(255,255,255,.16);box-shadow:0 24px 60px #00264838,inset 0 1px #ffffff2e!important}.panel-title{background:linear-gradient(100deg,#ffffffd4,#f5faf88f)!important}.mini-sensors>div,.device-row,.sensor-catalog dl>div,.alarm-rules span{background:linear-gradient(135deg,#f4f9f7e6,#ebf3f0ad)!important;border:1px solid rgba(255,255,255,.85);box-shadow:inset 0 1px #fff}.detail-modal,.site-form,.command-search{background:linear-gradient(140deg,#fffffff7,#eff6f3eb)!important;border:1px solid rgba(255,255,255,.92)!important;box-shadow:0 42px 110px #00192f73,inset 0 1px #fff!important;-webkit-backdrop-filter:blur(26px) saturate(135%);backdrop-filter:blur(26px) saturate(135%)}.modal-backdrop,.search-backdrop{background:radial-gradient(circle at 70% 10%,rgba(54,132,92,.2),transparent 28%),#00192eb8!important;-webkit-backdrop-filter:blur(11px) saturate(110%)!important;backdrop-filter:blur(11px) saturate(110%)!important}.trend-card,.all-sensors{background:linear-gradient(135deg,#ffffffe6,#f6faf8b3)!important;box-shadow:inset 0 1px #fff,0 10px 28px #002b4b0f}.site-card-map{box-shadow:inset 0 -20px 35px #0030431a}.primary,.site-add{position:relative;overflow:hidden}.primary:before,.site-add:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.3) 45%,transparent 70%);transform:translate(-130%);transition:transform .65s}.primary:hover:before,.site-add:hover:before{transform:translate(130%)}input,select{background:#ffffffbd!important;border-color:#91acb773!important;box-shadow:inset 0 1px 2px #00233c09,0 1px #fff}.classic-alert-table,.classic-alert-controls{background:#ffffffdb!important;-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%)}@supports not (backdrop-filter:blur(1px)){.summary,.map-card,.site-panel,.site-strip,.table-card,.settings-grid section,.sensor-catalog article,.sites-toolbar,.sites-kpis>div,.site-pro-card{background:#fff!important}}@media(max-width:720px){.summary,.map-card,.site-panel,.site-strip,.table-card,.settings-grid section,.sensor-catalog article,.sites-toolbar,.sites-kpis>div,.site-pro-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}@media(prefers-reduced-transparency:reduce){.summary,.map-card,.site-panel,.site-strip,.table-card,.settings-grid section,.sensor-catalog article,.sites-toolbar,.sites-kpis>div,.site-pro-card{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}.auth-gateway .login-art h1{white-space:pre-line}.auth-symbol{width:44px;height:44px;margin-bottom:18px;border:1px solid #cbdde5;border-radius:11px;background:linear-gradient(145deg,#eef6f3,#fff);color:#047;display:grid;place-items:center;box-shadow:0 8px 20px #00325814}.auth-symbol svg{width:20px}.auth-back{margin-bottom:22px;padding:0;border:0;background:transparent;color:#577268;display:flex;align-items:center;gap:5px;font-size:10px}.auth-back svg{width:14px}.forgot-link{width:100%;margin-top:13px;border:0;background:transparent;color:#004a7f;font-size:10px;font-weight:700}.otp-input{text-align:center;font-size:24px!important;font-weight:700!important;letter-spacing:10px}.auth-gateway .login-form form{max-height:92vh;overflow:auto}.auth-gateway .login-form label{margin-top:16px}.auth-gateway .login-form .primary{margin-top:19px}.auth-loading{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;background:#002f58;color:#fff}.auth-loading span{width:34px;height:34px;border:3px solid rgba(255,255,255,.2);border-top-color:#72c88f;border-radius:50%;animation:auth-spin .8s linear infinite}.auth-loading b{font-size:11px;letter-spacing:.6px}@keyframes auth-spin{to{transform:rotate(360deg)}}.password-field{position:relative;display:block!important}.password-field input{padding-right:48px!important}.password-field>button{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:34px;height:34px;padding:0;border:0;border-radius:7px;background:transparent;color:#57746a;display:grid;place-items:center}.password-field>button:hover{background:#eaf2ee}.password-field>button svg{width:17px}.password-match{margin-top:7px;display:flex!important;align-items:center;gap:5px;font-size:9px;font-weight:700}.password-match svg{width:13px}.password-match.good{color:#168253}.password-match.bad{color:#c14d45}.history-modal{width:min(1280px,97vw)}.range-toolbar{padding:12px 17px;border-bottom:1px solid #dce7e2;background:#ffffffbf}.range-scroll{display:flex;gap:5px;overflow-x:auto;padding:2px}.range-scroll button{height:31px;min-width:max-content;padding:0 10px;border:1px solid #d7e2dd;border-radius:6px;background:#fff;color:#60756b;font-size:9px}.range-scroll button:hover,.range-scroll button.active{border-color:#003b70;background:#003b70;color:#fff}.range-scroll svg{width:12px;vertical-align:middle;margin-right:4px}.custom-range{display:flex;align-items:end;gap:9px;margin-top:10px;padding:10px;border-radius:8px;background:#f1f6f4}.custom-range label{color:#647a70;font-size:8px}.custom-range input{display:block;margin-top:4px;padding:8px;border:1px solid #cfddd6;border-radius:5px;font-size:9px}.custom-range button{height:34px;padding:0 13px;border:0;border-radius:5px;background:#167a43;color:#fff;font-size:9px;font-weight:700}.history-title{display:flex!important;justify-content:space-between;align-items:center}.history-title>span{color:#74877d;font-size:9px}.history-chart .recharts-legend-item-text{font-size:10px!important}.history-chart .recharts-default-legend{padding-top:8px!important}@media(max-width:720px){.range-toolbar{padding:9px}.custom-range{align-items:stretch;flex-direction:column}.custom-range input{width:100%}.history-chart .recharts-responsive-container{height:340px!important}}.portal-brand>img,.login-brand>img,.mobile-logo>img{display:block;object-fit:cover;background:#fff;border:1px solid rgba(255,255,255,.72);box-shadow:0 8px 22px #00183233}.portal-brand>img{width:43px;height:43px;flex:0 0 43px;border-radius:8px}.login-brand>img{width:54px;height:54px;border-radius:9px;margin-right:5px}.mobile-logo>img{width:48px;height:48px;border-radius:8px}.scene-logo{position:absolute;z-index:4;top:20px;right:24px;width:48px;height:48px;object-fit:cover;border-radius:9px;border:1px solid rgba(255,255,255,.52);box-shadow:0 10px 28px #000f2347;opacity:.94}@media(max-width:720px){.portal-brand>img{width:40px;height:40px;flex-basis:40px}.scene-logo{width:38px;height:38px;right:15px;top:15px}}.portal aside{isolation:isolate;perspective:900px;background:radial-gradient(circle at 15% 8%,rgba(41,174,225,.22),transparent 24%),radial-gradient(circle at 88% 72%,rgba(37,184,101,.16),transparent 27%),linear-gradient(165deg,#00365f,#002748 48%,#00192f);box-shadow:12px 0 45px #0019343d,inset -1px 0 #89e2bc1f}.portal aside:before,.portal aside:after{content:"";position:absolute;z-index:-1;pointer-events:none}.portal aside:before{width:270px;height:270px;top:12%;left:-190px;border:1px solid rgba(113,223,172,.2);border-radius:50%;box-shadow:0 0 45px #1fbc7a1a,inset 0 0 35px #29a6dd14;animation:sidebar-orbit 12s linear infinite}.portal aside:after{width:160px;height:420px;top:-180px;left:-120px;transform:rotate(28deg);background:linear-gradient(90deg,transparent,rgba(130,231,190,.1),transparent);filter:blur(3px);animation:sidebar-scan 8s ease-in-out infinite}.portal-brand{position:relative;z-index:2;transform-style:preserve-3d}.portal-brand>img{animation:sidebar-logo-float 4.5s ease-in-out infinite;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}.portal-brand:hover>img{transform:translateZ(28px) rotateY(-10deg) rotateX(5deg) scale(1.07);box-shadow:10px 15px 30px #000c1d61,0 0 22px #46d39240}.portal nav{position:relative;z-index:2;perspective:700px}.portal nav button{position:relative;overflow:hidden;transform-origin:left center;transform-style:preserve-3d;border:1px solid transparent;transition:transform .32s cubic-bezier(.2,.8,.2,1),background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}.portal nav button:before{content:"";position:absolute;inset:0;transform:translate(-115%) skew(-24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transition:transform .65s ease}.portal nav button:hover{transform:translate(7px) rotateY(-7deg) translateZ(10px);border-color:#83e2b738;background:linear-gradient(100deg,#145c84e6,#14715894);box-shadow:-5px 10px 24px #000b1d47,inset 0 1px #ffffff14}.portal nav button:hover:before{transform:translate(125%) skew(-24deg)}.portal nav button svg{transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s ease}.portal nav button:hover svg{transform:translateZ(20px) scale(1.16) rotate(-5deg);filter:drop-shadow(0 0 7px rgba(111,232,174,.55))}.portal nav button.active{border-color:#76e2ae40;background:linear-gradient(100deg,#0f5d8bf5,#157e58b8);box-shadow:0 10px 26px #0011273d,inset 3px 0 #7add9e,inset 0 1px #ffffff1a}.portal nav button.active:after{content:"";position:absolute;right:10px;width:5px;height:5px;border-radius:50%;background:#82e2a5;box-shadow:0 0 0 5px #62da971f,0 0 15px #5fdc94;animation:sidebar-active-pulse 2.2s ease-in-out infinite}.user-block{position:relative;z-index:2;margin-inline:-3px;padding:14px 11px 5px;border-top-color:#7ed7ad33;border-radius:12px;background:linear-gradient(135deg,#fff1,#ffffff05);box-shadow:inset 0 1px #ffffff0f,0 10px 25px #000d1f24;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.collapse:hover{transform:rotate(90deg) scale(1.08);box-shadow:0 8px 20px #001e3933}@keyframes sidebar-logo-float{0%,to{transform:translateY(0) rotateY(0)}50%{transform:translateY(-3px) rotateY(4deg)}}@keyframes sidebar-orbit{to{transform:rotate(360deg)}}@keyframes sidebar-scan{0%,to{transform:translateY(-80px) rotate(28deg);opacity:0}35%,65%{opacity:1}50%{transform:translateY(780px) rotate(28deg)}}@keyframes sidebar-active-pulse{50%{transform:scale(1.35);opacity:.7}}@media(max-width:720px){.portal nav button:hover{transform:translate(3px) rotateY(-5deg)}.portal nav button.active:after{right:6px}}@media(prefers-reduced-motion:reduce){.portal aside:before,.portal aside:after,.portal-brand>img,.portal nav button.active:after{animation:none!important}}.auth-gateway .login-art{overflow:hidden;isolation:isolate;perspective:1100px}.auth-gateway .login-art:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(110deg,#000,transparent 86%);mask-image:linear-gradient(110deg,#000,transparent 86%)}.auth-gateway .login-brand,.auth-gateway .login-message,.auth-gateway .login-stats{position:relative;z-index:3}.auth-gateway .login-message{max-width:630px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.auth-gateway .login-art:hover .login-message{transform:translateZ(18px) translate(4px)}.login-3d-scene{position:absolute!important;z-index:1!important;right:-45px;top:50%;width:390px;height:390px;margin-top:-195px;transform-style:preserve-3d;perspective:850px;transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .9s ease}.login-art:hover .login-3d-scene{transform:rotateY(-8deg) rotateX(4deg) scale(1.035);filter:saturate(1.15)}.login-scene-glow{position:absolute;inset:72px;border-radius:50%;background:#2dcc85;filter:blur(62px);opacity:.3;animation:login-glow 4.5s ease-in-out infinite}.login-scene-core{position:absolute;inset:118px;z-index:3;display:grid;place-items:center;border:1px solid rgba(159,243,198,.55);border-radius:50%;background:radial-gradient(circle at 35% 27%,#79e2b26b,#003e60ad 47%,#001832f0);box-shadow:inset -20px -18px 38px #000c22a6,inset 13px 12px 25px #97eec22e,0 0 48px #36d3893d;animation:login-core-float 5s ease-in-out infinite}.login-scene-core:after{content:"";position:absolute;inset:9px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,transparent 0 13px,rgba(173,241,207,.1) 14px 15px);animation:login-grid-spin 16s linear infinite}.login-scene-core img{position:relative;z-index:2;width:70px;height:70px;object-fit:cover;border-radius:13px;box-shadow:0 13px 30px #0010236b}.login-scene-core span{position:absolute;z-index:2;bottom:25px;color:#a7e7c2;font-size:7px;font-weight:800;letter-spacing:2px}.login-scene-ring{position:absolute;z-index:2;border:1px solid rgba(149,231,190,.3);border-radius:50%;transform-style:preserve-3d}.login-scene-ring.ring-one{inset:61px;transform:rotateX(67deg) rotate(8deg);animation:login-ring-one 9s linear infinite}.login-scene-ring.ring-two{inset:42px;transform:rotateY(68deg) rotateX(12deg);animation:login-ring-two 12s linear infinite reverse}.login-scene-ring.ring-three{inset:88px;border-style:dashed;transform:rotateX(50deg) rotateY(42deg);animation:login-ring-three 14s linear infinite}.login-scene-ring i{position:absolute;width:9px;height:9px;border:2px solid #e6fff0;border-radius:50%;background:#45dd92;box-shadow:0 0 15px #45dd92}.login-scene-ring i:nth-child(1){left:7%;top:30%}.login-scene-ring i:nth-child(2){right:4%;top:53%}.login-scene-ring i:nth-child(3){left:48%;bottom:-5px}.login-particle{position:absolute;z-index:4;width:5px;height:5px;border-radius:50%;background:#8ae1ac;box-shadow:0 0 13px #64db99;animation:login-particle-float 4s ease-in-out infinite}.particle-one{left:38px;top:105px}.particle-two{right:50px;bottom:88px;animation-delay:-1.3s}.particle-three{left:75px;bottom:52px;animation-delay:-2.5s}@keyframes login-ring-one{to{transform:rotateX(67deg) rotate(368deg)}}@keyframes login-ring-two{to{transform:rotateY(428deg) rotateX(12deg)}}@keyframes login-ring-three{to{transform:rotateX(50deg) rotateY(402deg)}}@keyframes login-grid-spin{to{transform:rotate(360deg)}}@keyframes login-core-float{0%,to{transform:translateY(0) rotateY(-7deg)}50%{transform:translateY(-10px) rotateY(8deg)}}@keyframes login-glow{50%{opacity:.48;transform:scale(1.18)}}@keyframes login-particle-float{50%{transform:translateY(-16px) scale(1.35);opacity:.55}}@media(max-width:1200px){.login-3d-scene{right:-115px;opacity:.65;transform:scale(.82)}.auth-gateway .login-message{max-width:75%}}@media(max-width:720px){.login-3d-scene{display:none}.auth-gateway .login-message{max-width:none}}@media(prefers-reduced-motion:reduce){.login-3d-scene *,.login-message{animation:none!important;transition:none!important}}.auth-gateway.login-page{position:relative;min-height:100vh;padding-top:76px;grid-template-columns:minmax(0,1fr) minmax(430px,37%);overflow:hidden;background:linear-gradient(180deg,#dff3ff 0,#edf9ff 35%,#c8e6dc 72%,#306b54)}.auth-topbar{position:absolute;z-index:20;inset:0 0 auto;height:76px;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,67,112,.12);background:#ffffffed;box-shadow:0 5px 22px #00335b14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-topbar>div{display:grid;grid-template-columns:48px auto;grid-template-rows:1fr 1fr;align-items:center;column-gap:11px}.auth-topbar img{grid-row:1/3;width:48px;height:48px;border-radius:5px;object-fit:cover}.auth-topbar b{align-self:end;color:#07518c;font-size:20px;line-height:1}.auth-topbar span{align-self:start;color:#178548;font-size:9px;font-weight:800;letter-spacing:.35px}.auth-topbar small{padding:8px 13px;border:1px solid #d4ebdd;border-radius:20px;background:#eff9f3;color:#17784a;font-size:9px;font-weight:700}.auth-topbar small i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#20b66d;box-shadow:0 0 0 4px #20b66d1f;animation:auth-online 2s infinite}.auth-gateway .login-art{position:relative;min-height:calc(100vh - 76px);padding:55px clamp(40px,6vw,95px) 42px;background:radial-gradient(circle at 12% 2%,rgba(255,255,255,.95),transparent 24%),linear-gradient(180deg,#c6e9ffb3,#edf9ff85 43%,#4689694d),linear-gradient(150deg,#d9f2ff,#b8dded 52%,#57916e);color:#092c55}.auth-gateway .login-art:before{content:"";position:absolute;z-index:0;inset:43% -8% 0;background:linear-gradient(150deg,transparent 0 28%,rgba(19,91,73,.2) 29% 31%,transparent 32%),linear-gradient(25deg,#2e664f3d,#6b9b7b1f);clip-path:polygon(0 57%,10% 30%,18% 45%,28% 8%,40% 43%,53% 13%,65% 48%,76% 20%,88% 52%,100% 28%,100% 100%,0 100%)}.auth-gateway .login-brand{display:none}.auth-gateway .login-message{align-self:start;max-width:570px;margin-top:10px}.auth-gateway .login-message p{color:#0969a2;font-size:10px;letter-spacing:2.2px}.auth-gateway .login-message h1{margin:9px 0 7px;color:#082b55;font-size:clamp(37px,4.2vw,62px)!important;line-height:1.03;letter-spacing:-2.8px}.auth-gateway .login-message>span{max-width:520px;color:#385f78;font-size:15px;line-height:1.5}.auth-gateway .login-stats{align-self:end;width:max-content;padding:15px 19px;border:1px solid rgba(255,255,255,.62);border-radius:13px;background:#ffffff85;box-shadow:0 15px 35px #00354f1a;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.auth-gateway .login-stats b{color:#073763}.auth-gateway .login-stats small{color:#567183}.auth-map{position:absolute!important;z-index:2!important;right:3%;top:28%;width:43%;height:48%;transform:rotate(-2deg);filter:drop-shadow(0 14px 18px rgba(0,72,94,.13));background:linear-gradient(145deg,#ffffff6b,#58af7126);border:2px solid rgba(7,101,151,.48);clip-path:polygon(48% 0,61% 7%,67% 20%,83% 29%,76% 44%,87% 54%,73% 65%,70% 83%,52% 100%,39% 81%,27% 78%,22% 60%,6% 52%,15% 38%,30% 31%,35% 13%)}.auth-map:before{content:"";position:absolute;inset:12%;background:repeating-linear-gradient(32deg,transparent 0 22px,rgba(19,117,149,.1) 23px 24px)}.auth-map-outline{position:absolute;left:35%;top:47%;color:#04385c38;font-size:24px;font-weight:900;letter-spacing:2px}.auth-map i{position:absolute;z-index:3;display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:4px;background:#ffffffeb;box-shadow:0 4px 10px #00304f2b;color:#153f54;font-size:7px;font-style:normal;white-space:nowrap}.auth-map i b{width:14px;height:14px;display:grid;place-items:center;border-radius:3px;background:#138d63;color:#fff;font-size:8px}.auth-map i:after{content:"";position:absolute;left:9px;top:100%;height:14px;border-left:1px dashed #168b67}.login-3d-scene{right:12%;top:73%;width:210px;height:210px;margin-top:-105px;opacity:.38}.login-scene-core{inset:67px}.login-scene-core img{width:42px;height:42px}.login-scene-core span{bottom:10px}.login-scene-ring.ring-one{inset:33px}.login-scene-ring.ring-two{inset:22px}.login-scene-ring.ring-three{inset:48px}.login-scene-glow{inset:42px}.auth-gateway .login-form{position:relative;z-index:8;padding:35px clamp(25px,4vw,60px);background:#def4fc33;perspective:1000px}.auth-gateway .login-form form{position:relative;width:min(455px,100%);max-height:calc(100vh - 118px);padding:36px 38px;border:1px solid rgba(255,255,255,.9);border-radius:15px;background:#fffffff2;box-shadow:0 28px 70px #00305433,inset 0 1px #fff;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);transition:transform .12s ease-out,box-shadow .3s ease;will-change:transform}.auth-gateway .login-form form:hover{box-shadow:0 34px 80px #00305440,inset 0 1px #fff}.auth-drag-handle{position:absolute;left:50%;top:8px;transform:translate(-50%);display:flex;align-items:center;gap:5px;padding:3px 10px;color:#96a8b1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.auth-drag-handle:active{cursor:grabbing;color:#0878b6}.auth-drag-handle svg{width:17px}.auth-drag-handle span{font-size:7px;text-transform:uppercase;letter-spacing:1px}.auth-gateway .auth-symbol{margin:0 auto 13px;border-color:#c4ddeb;color:#0b659e}.auth-gateway .login-form .eyebrow{text-align:center}.auth-gateway .login-form h2{text-align:center;color:#092f5b}.auth-gateway .login-form form>span{display:block;text-align:center}.auth-gateway .login-form input{border-radius:6px;background:#fbfdfe}.auth-gateway .login-form .primary{border-radius:7px;background:linear-gradient(90deg,#0875bd,#0699df);box-shadow:0 10px 23px #007bbe3b;text-transform:none}.auth-gateway .login-form .primary:hover{background:linear-gradient(90deg,#075f9b,#0789c7);transform:translateY(-2px)}.auth-gateway .forgot-link{color:#0874b6}@keyframes auth-online{50%{box-shadow:0 0 0 7px #20b66d00}}@media(max-width:1050px){.auth-gateway.login-page{grid-template-columns:minmax(0,1fr) minmax(390px,44%)}.auth-map{opacity:.58}.auth-gateway .login-message{max-width:66%}.auth-gateway .login-message h1{font-size:38px!important}}@media(max-width:720px){.auth-gateway.login-page{display:block;padding-top:66px;background:#eef7fa}.auth-topbar{height:66px;padding:0 16px}.auth-topbar>div{grid-template-columns:40px auto}.auth-topbar img{width:40px;height:40px}.auth-topbar b{font-size:16px}.auth-topbar span{font-size:7px}.auth-topbar small{font-size:0;padding:8px}.auth-gateway .login-art{display:none}.auth-gateway .login-form{min-height:calc(100vh - 66px);padding:22px 16px;background:radial-gradient(circle at 50% 0,rgba(55,171,218,.16),transparent 34%),#eef7fa}.auth-gateway .login-form form{max-height:none;padding:34px 24px!important;transform:none!important}.auth-drag-handle{display:none}.mobile-logo{margin-bottom:28px}}@media(prefers-reduced-motion:reduce){.auth-topbar small i{animation:none}}.auth-gateway.login-page{padding-top:66px;padding-bottom:34px;grid-template-columns:65% 35%;background:url(/pakistan-monitoring-bg.png) center/cover no-repeat fixed}.auth-gateway.login-page:before{content:"";position:absolute;z-index:1;inset:66px 0 34px;background:linear-gradient(90deg,#f0faff0d 0 58%,#e0f3fa57);pointer-events:none}.auth-gateway.login-page:after{content:"© 2026 Bestway Environmental Monitoring System                                      Privacy  •  Security";position:absolute;z-index:25;left:0;right:0;bottom:0;height:34px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;white-space:pre;color:#536c79;background:#fffffff0;border-top:1px solid rgba(0,68,108,.12);font-size:8px}.auth-topbar{height:66px;padding:0 23px;background:#fffffff5}.auth-topbar>div{grid-template-columns:42px auto}.auth-topbar img{width:42px;height:42px}.auth-topbar b{font-size:18px}.auth-topbar span{font-size:8px}.auth-topbar small{padding:7px 12px;font-size:8px}.auth-gateway .login-art{z-index:2;min-height:calc(100vh - 100px);padding:24px 25px 24px 60px;background:transparent!important;justify-content:flex-start}.auth-gateway .login-art:before,.auth-gateway .login-art:after{display:none}.auth-gateway .login-message{margin-top:0;max-width:430px}.auth-gateway .login-message p{margin-bottom:8px;color:#12679a;font-size:8px;letter-spacing:1.5px}.auth-gateway .login-message h1{margin:0;color:#082851;font-size:31px!important;letter-spacing:-1.3px}.auth-gateway .login-message>span{max-width:405px;margin-top:5px!important;color:#425f70;font-size:11px;line-height:1.35}.auth-gateway .login-stats{position:absolute;left:58px;bottom:24px;padding:10px 14px;gap:28px;background:#ffffffb3}.auth-gateway .login-3d-scene{display:none}.auth-map{inset:25% auto auto 20%;width:47%;height:58%;background:none;border:0;clip-path:none;filter:none;transform:none}.auth-map:before,.auth-map-outline{display:none}.auth-map i{padding:3px 6px;border:1px solid rgba(20,127,91,.28);font-size:7px}.auth-map i b{width:15px;height:15px;background:linear-gradient(145deg,#0796b9,#17854e)}.auth-gateway .login-form{z-index:5;min-height:calc(100vh - 100px);padding:24px 14px 24px 2px;background:transparent}.auth-gateway .login-form form{width:min(385px,calc(100% - 20px));max-height:calc(100vh - 126px);padding:31px 26px 25px;border-radius:8px;border-color:#fffffff0;box-shadow:0 13px 34px #0e49692e}.auth-gateway .auth-screen-login .auth-symbol,.auth-gateway .login-form .eyebrow{display:none}.auth-gateway .login-form h2{text-align:left;margin:0 0 2px;color:#092a55;font-size:25px;letter-spacing:-.7px}.auth-gateway .login-form form>span{text-align:left;color:#627784;font-size:9px}.auth-gateway .login-form label{margin-top:15px;color:#173a54;font-size:8px}.auth-gateway .login-form input{height:39px;margin-top:6px;padding:10px 12px;border-radius:5px}.auth-gateway .password-field input{padding-right:42px}.auth-gateway .login-form .primary{height:43px;min-height:43px;margin-top:16px;border-radius:5px;background:linear-gradient(90deg,#058ed4,#0879c5);font-size:11px}.auth-gateway .login-form .primary:after{content:""}.auth-drag-handle{top:5px}.auth-drag-handle span{display:none}.auth-options{margin-top:13px;display:flex;align-items:center;justify-content:space-between}.auth-options label{margin:0!important;display:flex!important;align-items:center;gap:7px;font-size:8px!important;font-weight:500!important}.auth-options input{width:14px!important;height:14px!important;margin:0!important;accent-color:#078ed3}.auth-options button{padding:3px;border:0;background:transparent;color:#087cc0;font-size:8px;cursor:pointer}.auth-gateway .login-form form:after{content:"🔒  Authorized personnel only";display:block;margin-top:17px;padding-top:15px;border-top:1px solid #dbe5ea;color:#768993;text-align:center;font-size:8px}.auth-screen-otp .otp-input{height:52px!important}.auth-screen-forgot .auth-symbol,.auth-screen-otp .auth-symbol,.auth-screen-reset .auth-symbol,.auth-screen-done .auth-symbol,.auth-screen-setup .auth-symbol{margin:0 0 10px}@media(max-width:1050px){.auth-gateway.login-page{grid-template-columns:58% 42%}.auth-gateway .login-art{padding-left:34px}.auth-map{left:10%;width:58%}.auth-gateway .login-message{max-width:360px}.auth-gateway .login-message h1{font-size:27px!important}}@media(max-width:720px){.auth-gateway.login-page{padding-top:66px;padding-bottom:28px;background-position:35% center}.auth-gateway.login-page:after{height:28px;padding:0 12px;font-size:6px}.auth-gateway .login-form{min-height:calc(100vh - 94px);padding:18px 12px}.auth-gateway .login-form form{width:100%;max-height:none;padding:31px 23px 22px!important}.auth-topbar span{display:block}.auth-topbar small{font-size:0}.auth-options button{font-size:8px}}.auth-gateway.auth-screen-login .auth-symbol{display:none}.auth-gateway .login-art{transform-style:preserve-3d}.auth-gateway .login-message{animation:auth-copy-enter .8s cubic-bezier(.2,.8,.2,1) both}.auth-gateway .login-stats{animation:auth-stats-enter .9s .15s cubic-bezier(.2,.8,.2,1) both}.auth-map{perspective:900px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s ease}.auth-gateway .login-art:hover .auth-map{transform:rotateX(4deg) rotateY(-7deg) translateZ(18px);filter:drop-shadow(12px 18px 18px rgba(0,56,76,.16))}.auth-map i{transform:translateZ(18px);animation:auth-marker-arrive .55s cubic-bezier(.2,.9,.2,1) both;transition:transform .28s ease,box-shadow .28s ease}.auth-map i:nth-of-type(2){animation-delay:.08s}.auth-map i:nth-of-type(3){animation-delay:.16s}.auth-map i:nth-of-type(4){animation-delay:.24s}.auth-map i:nth-of-type(5){animation-delay:.32s}.auth-map i:hover{z-index:9;transform:translateZ(38px) translateY(-3px) scale(1.08);box-shadow:0 12px 25px #00395047}.auth-map i b{position:relative;overflow:visible}.auth-map i b:before,.auth-map i b:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(20,169,105,.7);border-radius:50%;animation:auth-beacon 2.2s ease-out infinite}.auth-map i b:after{animation-delay:1.1s}.auth-map i:after{animation:auth-line-glow 2.4s ease-in-out infinite}.auth-gateway.login-page{animation:auth-background-drift 16s ease-in-out infinite alternate}.auth-gateway .login-form form{transform-style:preserve-3d}.auth-gateway .login-form form:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.58) 45%,transparent 65%);transform:translate(-130%);animation:auth-card-shine 8s 1.4s ease-in-out infinite}@keyframes auth-beacon{0%{opacity:.9;transform:scale(.45)}80%,to{opacity:0;transform:scale(2.15)}}@keyframes auth-line-glow{50%{border-color:#28b97c;filter:drop-shadow(0 0 4px #52d99b)}}@keyframes auth-marker-arrive{0%{opacity:0;transform:translateZ(0) translateY(13px) scale(.8)}to{opacity:1;transform:translateZ(18px)}}@keyframes auth-copy-enter{0%{opacity:0;transform:translate(-22px) translateZ(-20px)}to{opacity:1;transform:none}}@keyframes auth-stats-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes auth-background-drift{to{background-position:48% center}}@keyframes auth-card-shine{0%,65%{transform:translate(-130%)}82%,to{transform:translate(130%)}}@media(prefers-reduced-motion:reduce){.auth-gateway.login-page,.auth-gateway .login-message,.auth-gateway .login-stats,.auth-map i,.auth-map i b:before,.auth-map i b:after,.auth-map i:after,.auth-gateway .login-form form:before{animation:none!important}.auth-gateway .login-art:hover .auth-map{transform:none}}.portal-main.dashboard-mode{height:100vh;min-height:0;overflow:hidden;background:#071d2d}.dashboard-mode .classic-alert-shell{top:0!important;z-index:1100!important}.dashboard-map-page{position:relative;width:100%;height:100vh;overflow:hidden;background:#09283b}.dashboard-map-canvas,.dashboard-map-canvas .leaflet-container{position:absolute;inset:0;width:100%;height:100%}.dashboard-map-canvas:after{content:"";position:absolute;z-index:450;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,27,48,.3),transparent 34%),linear-gradient(180deg,rgba(0,26,48,.12),transparent 20%)}.map-sensor-rail{position:absolute;z-index:700;left:22px;top:76px;bottom:22px;width:310px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.48);border-radius:14px;background:#f7fbfce6;box-shadow:0 25px 65px #0014274d,inset 0 1px #fff;-webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%);overflow:hidden}.map-sensor-rail>header{min-height:72px;padding:16px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(157,181,190,.35);background:linear-gradient(120deg,#ffffffe6,#e8f4f0c2)}.map-sensor-rail header p{margin:0 0 3px;color:#167a43;font-size:7px;font-weight:900;letter-spacing:1.5px}.map-sensor-rail header h2{margin:0;color:#06365d;font-size:17px}.map-sensor-scroll{min-height:0;flex:1;padding:9px;overflow:auto}.map-sensor-value{position:relative;width:100%;min-height:58px;margin-bottom:6px;padding:9px 10px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:9px;border:1px solid rgba(203,220,226,.75);border-radius:9px;background:#ffffffc2;color:#264b5e;text-align:left;cursor:pointer;transition:.22s}.map-sensor-value:hover{z-index:2;transform:translate(5px) scale(1.015);border-color:#85b9aa;background:#fff;box-shadow:0 9px 22px #00314c1f}.map-sensor-value>svg{width:18px;height:18px;padding:8px;box-sizing:content-box;border-radius:9px;background:#e7f3ef;color:#178a59}.map-sensor-value>span{font-size:10px;font-weight:750}.map-sensor-value small{display:block;margin-top:3px;color:#80948a;font-size:7px;font-weight:500}.map-sensor-value>b{text-align:right;color:#063b62;font-size:17px}.map-sensor-value>b small{display:inline;margin-left:3px;font-size:8px}.map-sensor-value.solar-first{min-height:72px;border-color:#e3a42375;background:linear-gradient(110deg,#fff9e9,#fff)}.map-sensor-value.solar-first>svg{background:#fff0bd;color:#d59416;box-shadow:0 0 18px #f1b52f38}.map-sensor-value.solar-first:after{content:"SOLAR PANEL";position:absolute;right:9px;top:6px;color:#c18413;font-size:6px;font-weight:900;letter-spacing:1px}.map-sensor-value.disabled{opacity:.48}.open-trends{margin:9px;padding:11px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(100deg,#003f72,#087151);color:#fff;font-size:10px;font-weight:750;cursor:pointer}.open-trends svg{width:15px}.map-command-tools{position:absolute;z-index:700;right:22px;top:76px;display:flex;gap:8px}.map-command-tools button{height:42px;padding:0 13px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.7);border-radius:9px;background:#ffffffe6;color:#17445b;box-shadow:0 10px 28px #00193038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:9px;font-weight:750;cursor:pointer}.map-command-tools button:hover,.map-command-tools button.active{transform:translateY(-2px);background:#003f70;color:#fff;border-color:#397da5}.map-command-tools svg{width:16px}.map-site-badge{position:absolute;z-index:700;right:22px;bottom:22px;padding:11px 14px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:#002644d1;color:#fff;box-shadow:0 12px 32px #000f1f4d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.map-site-badge>svg{width:18px;color:#64d493}.map-site-badge b,.map-site-badge small{display:block}.map-site-badge b{font-size:10px}.map-site-badge small{margin-top:2px;color:#a8c5cf;font-size:7px}.dashboard-map-page:fullscreen{height:100vh}.dashboard-map-page:fullscreen .map-sensor-rail{top:22px}.dashboard-map-page:fullscreen .map-command-tools{top:22px}.dashboard-map-page:fullscreen .dashboard-map-canvas{inset:0}@media(max-width:800px){.map-sensor-rail{left:10px;top:62px;bottom:10px;width:min(275px,calc(100% - 70px))}.map-command-tools{right:10px;top:10px}.map-command-tools button{width:39px;padding:0;justify-content:center}.map-command-tools span,.map-site-badge{display:none}.map-sensor-value{min-height:52px}.dashboard-mode .classic-alert-shell{max-width:calc(100% - 76px)}}@media(prefers-reduced-motion:reduce){.map-sensor-value{transition:none}}.map-sensor-rail{left:auto;right:22px}.map-command-tools,.map-site-badge{left:22px;right:auto}@media(max-width:800px){.map-sensor-rail{left:auto;right:10px}.map-command-tools{left:10px;right:auto}}.map-command-tools{top:8px;left:calc(40% + 126px);gap:6px}.map-command-tools button{width:34px;height:34px;padding:0;justify-content:center;border-radius:50%;border-color:#003e6a29;background:#fffffff0;color:#174b64;box-shadow:0 6px 18px #001d342e}.map-command-tools button span{display:none}.map-command-tools button svg{width:15px;height:15px}.map-command-tools button:hover,.map-command-tools button.active{transform:translateY(-1px) scale(1.06);background:#064f7d;border-color:#2c759e;color:#fff;box-shadow:0 8px 22px #002d4e40}.dashboard-map-page:fullscreen .map-command-tools{top:8px}@media(max-width:800px){.map-command-tools{top:8px;left:auto;right:12px}.map-command-tools button{width:32px;height:32px}.dashboard-mode .classic-alert-shell{max-width:calc(100% - 155px)}}.dashboard-mode .classic-alert-controls{flex-wrap:nowrap;white-space:nowrap}.dashboard-mode .classic-alert-controls .alarm-map-tool{display:grid!important;flex:0 0 27px;width:27px;height:27px;border-color:#16895a;border-radius:50%;background:#fff;color:#16895a}.dashboard-mode .classic-alert-controls .alarm-map-tool:hover{background:#eaf8f1;color:#075c3b}.portal:fullscreen{width:100vw;height:100vh;overflow:hidden;background:#071d2d}.portal:fullscreen aside{display:flex!important;height:100vh}.portal:fullscreen .portal-main{height:100vh}.portal:fullscreen .classic-alert-shell{display:block!important;visibility:visible!important}.portal:fullscreen .dashboard-map-page{height:100vh}.dashboard-mode .classic-alert-shell:has(.classic-alert-controls.inline){display:flex!important;align-items:flex-start;gap:7px}.dashboard-mode .classic-alert-shell:has(.classic-alert-controls.inline) .classic-alert-table{min-width:0;flex:1}.dashboard-mode .classic-alert-controls.inline{position:static;flex:0 0 auto;margin:3px 4px 0 0;transform:none}.portal:fullscreen .dashboard-mode .classic-alert-shell:has(.classic-alert-controls.inline){display:flex!important}:root{--pro-glass:rgba(248,252,253,.78);--pro-glass-strong:rgba(255,255,255,.9);--pro-border:rgba(255,255,255,.82);--pro-edge:rgba(108,160,181,.3);--pro-shadow:0 22px 55px rgba(0,37,68,.12),inset 0 1px 0 rgba(255,255,255,.95)}.portal-main:not(.dashboard-mode){background:radial-gradient(circle at 92% 4%,rgba(40,153,101,.15),transparent 25%),radial-gradient(circle at 3% 84%,rgba(17,102,162,.12),transparent 28%),linear-gradient(145deg,#e8f1f5,#f8fbfc 48%,#e9f3ef);background-attachment:fixed}.portal-main:not(.dashboard-mode) .topbar{background:linear-gradient(115deg,#ffffffe8,#eff8f6ba)!important;border-bottom:1px solid var(--pro-border)!important;box-shadow:0 10px 34px #002a4914,inset 0 -1px #739eae30;-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%)}.map-sensor-rail{background:linear-gradient(145deg,#ffffffe8,#e7f4f1c2);border-color:#ffffffb8;box-shadow:0 30px 75px #00152a57,inset 0 1px #fff,inset -1px 0 #4994ab21;-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%)}.map-sensor-rail:before{content:"";position:absolute;z-index:5;left:1px;right:1px;top:1px;height:28%;border-radius:13px 13px 50% 50%;background:linear-gradient(180deg,rgba(255,255,255,.44),transparent);pointer-events:none}.map-sensor-rail>*{position:relative;z-index:6}.map-sensor-value{background:linear-gradient(135deg,#ffffffdb,#edf6f3ab);border-color:#ffffffeb;box-shadow:0 5px 16px #002a440e,inset 0 1px #fff}.map-sensor-value:hover{background:#fffffff5;box-shadow:0 13px 28px #00284324,inset 0 1px #fff}.map-sensor-value.solar-first{background:linear-gradient(120deg,#fff9e2f0,#ffffffc2)}.classic-alert-table,.classic-alert-controls{border-color:#ffffffc2!important;background:linear-gradient(120deg,#ffffffeb,#ebf7f3c7)!important;box-shadow:0 12px 32px #001f372b,inset 0 1px #fff!important;-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%)}.classic-alert-controls button{box-shadow:inset 0 1px #fff,0 3px 9px #0035481a}.site-pro-card,.sensor-catalog article,.table-card,.settings-grid section,.sites-toolbar,.sites-kpis>div,.alarm-rules,.site-form,.detail-modal,.all-sensors,.trend-card{border:1px solid var(--pro-border)!important;background:linear-gradient(135deg,var(--pro-glass-strong),var(--pro-glass))!important;box-shadow:var(--pro-shadow)!important;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%)}.site-pro-card,.sensor-catalog article,.settings-grid section{transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}.site-pro-card:hover,.sensor-catalog article:hover,.settings-grid section:hover{transform:translateY(-6px) rotateX(1.2deg) rotateY(-.7deg);border-color:#80bcaca3!important;box-shadow:0 28px 62px #00274429,inset 0 1px #fff!important}.sites-hero{background:radial-gradient(circle at 80% 30%,rgba(75,211,143,.2),transparent 24%),linear-gradient(120deg,#002a4ff7,#004c72f0 60%,#0c6448f0)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 28px 65px #0023433d,inset 0 1px #ffffff2e!important}.site-add,.primary,.open-trends{box-shadow:0 12px 27px #00355633,inset 0 1px #fff3}.table-card{overflow:auto}.table-card thead th{background:#ecf6f4d6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.table-card tbody tr{transition:background .2s,transform .2s}.table-card tbody tr:hover{background:#e7f6efb8}.sensor-catalog article:after,.site-pro-card:after,.settings-grid section:after{content:"";position:absolute;pointer-events:none;inset:1px 1px auto;height:35%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.48),transparent);opacity:.7}.site-form input,.site-form select,.settings-grid select,.login-form input{background:#ffffffb8!important;border-color:#7ca5b457!important;box-shadow:inset 0 1px 3px #00253c0b,0 1px #fff}.site-form input:focus,.site-form select:focus,.settings-grid select:focus{border-color:#16855b!important;box-shadow:0 0 0 4px #16855b1a,inset 0 1px #fff!important}.modal-backdrop,.search-backdrop{background:radial-gradient(circle at 75% 10%,rgba(43,143,91,.2),transparent 30%),#00182db8!important;-webkit-backdrop-filter:blur(14px) saturate(115%)!important;backdrop-filter:blur(14px) saturate(115%)!important}.detail-modal,.site-form{box-shadow:0 45px 120px #00152a80,inset 0 1px #fff!important}.modal-close{border:1px solid rgba(255,255,255,.8);box-shadow:0 7px 18px #0028411f}.leaflet-control-zoom,.leaflet-control-layers{border:1px solid rgba(255,255,255,.72)!important;border-radius:10px!important;overflow:hidden;box-shadow:0 13px 32px #001b3240!important;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.leaflet-control-zoom a{background:#ffffffe0!important;color:#064c71!important}.leaflet-control-zoom a:hover{background:#07577f!important;color:#fff!important}@supports not (backdrop-filter:blur(2px)){.map-sensor-rail,.classic-alert-table,.classic-alert-controls,.site-pro-card,.sensor-catalog article,.table-card,.settings-grid section,.sites-toolbar,.sites-kpis>div{background:#fff!important}}@media(max-width:720px){.site-pro-card:hover,.sensor-catalog article:hover,.settings-grid section:hover{transform:translateY(-3px)}.map-sensor-rail{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}}@media(prefers-reduced-motion:reduce){.site-pro-card,.sensor-catalog article,.settings-grid section,.table-card tbody tr{transition:none!important}}.dashboard-mode .map-sensor-rail{width:286px}.dashboard-mode .map-sensor-rail>header{min-height:61px;padding:11px 13px}.dashboard-mode .map-sensor-rail header h2{font-size:15px}.dashboard-mode .map-sensor-scroll{padding:6px}.dashboard-mode .map-sensor-value{min-height:45px;margin-bottom:3px;padding:5px 7px;grid-template-columns:30px minmax(0,1fr) auto;gap:5px;border-radius:7px}.dashboard-mode .map-sensor-value>svg{width:15px;height:15px;padding:6px;border-radius:7px}.dashboard-mode .map-sensor-value>span{font-size:9px}.dashboard-mode .map-sensor-value small{margin-top:1px;font-size:6px}.dashboard-mode .map-sensor-value>b{font-size:14px;line-height:1;white-space:nowrap}.dashboard-mode .map-sensor-value>b small{margin-left:2px;font-size:7px}.dashboard-mode .map-sensor-value.solar-first{min-height:53px}.dashboard-mode .map-sensor-value.solar-first:after{right:7px;top:4px;font-size:5px}.dashboard-mode .open-trends{margin:6px;padding:9px;min-height:35px}@media(max-width:800px){.dashboard-mode .map-sensor-rail{width:min(265px,calc(100% - 70px))}.dashboard-mode .map-sensor-value{min-height:43px}}.dashboard-mode .map-sensor-rail{width:258px}.dashboard-mode .map-sensor-value{grid-template-columns:28px minmax(0,1fr) auto;gap:4px}.dashboard-mode .map-sensor-value>svg{width:14px;height:14px;padding:6px}.dashboard-mode .map-sensor-value>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-mode .map-sensor-value>b{font-size:13px}@media(max-width:800px){.dashboard-mode .map-sensor-rail{width:min(245px,calc(100% - 62px))}}.dashboard-mode .map-sensor-rail{width:240px}.dashboard-mode .map-sensor-rail>header{padding-left:9px;padding-right:9px}.dashboard-mode .map-sensor-scroll{padding-left:4px;padding-right:4px}.dashboard-mode .map-sensor-value{padding-left:4px;padding-right:4px;grid-template-columns:25px minmax(72px,.72fr) auto;gap:3px}.dashboard-mode .map-sensor-value>svg{width:13px;height:13px;padding:5px}.dashboard-mode .map-sensor-value>span{font-size:8px}.dashboard-mode .map-sensor-value>b{font-size:12px}.dashboard-mode .open-trends{margin-left:4px;margin-right:4px}@media(max-width:800px){.dashboard-mode .map-sensor-rail{width:min(230px,calc(100% - 58px))}}.dashboard-mode .map-sensor-value{grid-template-columns:25px 88px max-content;justify-content:start}.dashboard-mode .map-sensor-value>b{text-align:left}.sensor-rail-minimize{position:absolute;right:7px;top:7px;width:24px;height:24px;padding:0;display:grid;place-items:center;border:1px solid rgba(35,111,129,.2);border-radius:50%;background:#ffffffc7;color:#315f70;cursor:pointer;box-shadow:0 4px 12px #00273e1a}.sensor-rail-minimize:hover{transform:scale(1.08);background:#07577f;color:#fff}.sensor-rail-minimize svg{width:12px}.dashboard-mode .map-sensor-rail>header>.status{margin-right:25px}.sensor-rail-dock{position:absolute;z-index:750;right:22px;top:76px;height:38px;padding:0 13px;display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:linear-gradient(120deg,#fffffff2,#e3f3eee0);color:#124a61;box-shadow:0 15px 35px #00192e47,inset 0 1px #fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform}.sensor-rail-dock:active{cursor:grabbing}.sensor-rail-dock:hover{box-shadow:0 18px 42px #00192e57,inset 0 1px #fff}.sensor-rail-dock>svg{width:15px;color:#168658}.sensor-rail-dock>span{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.6px}.sensor-rail-dock>i{width:6px;height:6px;border-radius:50%;background:#20b970;box-shadow:0 0 0 4px #20b97021;animation:sensor-dock-pulse 2s infinite}@keyframes sensor-dock-pulse{50%{box-shadow:0 0 0 8px #20b97000}}@media(max-width:800px){.sensor-rail-dock{right:10px;top:62px}}@media(prefers-reduced-motion:reduce){.sensor-rail-dock>i{animation:none}}.leaflet-tooltip.site-image-tooltip{padding:0!important;border:1px solid rgba(255,255,255,.86)!important;border-radius:10px!important;background:#fffffff0!important;box-shadow:0 18px 45px #00192e4d!important;overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.leaflet-tooltip-top.site-image-tooltip:before{border-top-color:#fffffff0!important}.site-marker-preview{width:220px}.site-marker-preview img{display:block;width:100%;height:120px;object-fit:cover}.site-marker-preview>span{display:block;padding:9px 11px;background:linear-gradient(120deg,#fffffff5,#e7f5f0e6)}.site-marker-preview b,.site-marker-preview small{display:block}.site-marker-preview b{color:#073a5f;font-size:10px}.site-marker-preview small{margin-top:3px;color:#5f7a70;font-size:7px;text-transform:capitalize}.site-marker-preview img+span{border-top:2px solid #22945f}.bestway-location-marker-shell{background:transparent!important;border:0!important}.bestway-location-marker{display:block;width:100%;height:100%;filter:drop-shadow(0 6px 7px rgba(0,24,43,.42));transition:transform .18s ease,filter .18s ease;transform-origin:50% 100%}.bestway-location-marker svg{display:block;width:100%;height:100%;overflow:visible}.bestway-location-marker path{fill:#13a467;stroke:#fff;stroke-width:1.7;stroke-linejoin:round}.bestway-location-marker circle{fill:#fff;stroke:none}.bestway-location-marker.maintenance path{fill:#e6a427}.bestway-location-marker.offline path{fill:#df6259}.bestway-location-marker.selected{filter:drop-shadow(0 7px 10px rgba(0,24,43,.55))}.bestway-location-marker-shell:hover .bestway-location-marker{transform:translateY(-3px) scale(1.08);filter:drop-shadow(0 9px 11px rgba(0,24,43,.52))}.classic-credit{display:flex;align-items:center;gap:7px}.classic-credit span{color:#769288;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.classic-credit img{display:block;width:84px;height:auto;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,20,40,.15));transition:transform .3s ease,filter .3s ease}.classic-credit:hover img{transform:translateY(-2px) scale(1.04);filter:drop-shadow(0 8px 13px rgba(0,20,40,.22))}.portal-credit{position:relative;z-index:3;margin:10px 5px 12px;padding:9px 8px;border:1px solid rgba(255,255,255,.1);border-radius:9px;justify-content:center;background:#ffffff0b;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.portal-credit span{color:#7fa39a}.portal-credit img{width:90px}.portal.collapsed .portal-credit{padding:8px 3px}.portal.collapsed .portal-credit span{display:none}.portal.collapsed .portal-credit img{width:54px}.login-credit{position:absolute;z-index:40;right:18px;bottom:4px;height:26px}.login-credit span{color:#5b7180}.login-credit img{width:76px}@media(max-width:720px){.portal-credit{margin:7px 0;padding:7px 2px}.portal-credit span{display:none}.portal-credit img{width:55px}.login-credit{right:10px;bottom:1px}.login-credit span{font-size:6px}.login-credit img{width:62px}}@media(prefers-reduced-motion:reduce){.classic-credit img{transition:none}}.portal aside>.portal-credit{margin-top:auto}.portal aside>.portal-credit+.user-block{margin-top:0}:root{--logo-blue:#20a7d5;--logo-blue-deep:#087cac;--logo-navy:#064b73;--logo-green:#25b56b;--logo-green-deep:#168b50;--bw-blue:var(--logo-blue-deep);--bw-blue-deep:var(--logo-navy);--bw-green:var(--logo-green-deep);--bw-lime:var(--logo-green)}.portal aside{background:radial-gradient(circle at 15% 8%,rgba(32,167,213,.28),transparent 25%),radial-gradient(circle at 88% 72%,rgba(37,181,107,.2),transparent 28%),linear-gradient(165deg,#075b82,#06456a 48%,#043450)!important;border-right-color:#20a7d557!important}.portal nav button.active{background:linear-gradient(100deg,#20a7d5b8,#25b56b85)!important;box-shadow:0 10px 26px #001f3640,inset 3px 0 #62dea0,inset 0 1px #ffffff24!important}.portal nav button:hover{background:linear-gradient(100deg,#188bb9db,#1b925994)!important}.portal nav button.active svg,.portal nav button:hover svg{color:#86ebb3!important}.portal-brand small{color:#86e8ae!important}.primary,.open-trends{background:linear-gradient(100deg,var(--logo-blue-deep),var(--logo-green-deep))!important}.primary:hover,.open-trends:hover{background:linear-gradient(100deg,#066a96,#117843)!important}.system-live,.status.online{color:var(--logo-green-deep)!important}.topbar>div:first-child:before{background:linear-gradient(var(--logo-blue),var(--logo-green))!important}.sensor-catalog article:before{background:linear-gradient(var(--logo-blue),var(--logo-green))!important}.sensor-card.selected,.site-list>button.selected{border-color:var(--logo-blue)!important}.site-list>button.selected{box-shadow:inset 3px 0 0 var(--logo-green)!important}.map-sensor-value>svg{color:var(--logo-green-deep)!important}.map-sensor-value:hover{border-color:#20a7d58c!important}.map-sensor-value.solar-first>svg{color:#d79516!important}.map-sensor-rail header p,.page-actions p,.panel-title p,.detail-head p,.trend-card p{color:var(--logo-blue-deep)!important}.classic-alert-controls button,.dashboard-mode .classic-alert-controls .alarm-map-tool{border-color:var(--logo-blue-deep)!important;color:var(--logo-blue-deep)!important}.classic-alert-controls button:hover,.dashboard-mode .classic-alert-controls .alarm-map-tool:hover{background:linear-gradient(145deg,var(--logo-blue),var(--logo-green))!important;color:#fff!important}.sensor-rail-minimize:hover{background:linear-gradient(145deg,var(--logo-blue),var(--logo-green))!important}.sensor-rail-dock>svg{color:var(--logo-green-deep)!important}.auth-topbar b{color:var(--logo-blue-deep)!important}.auth-topbar span{color:var(--logo-green-deep)!important}.auth-gateway .login-form .primary{background:linear-gradient(90deg,var(--logo-blue),var(--logo-blue-deep))!important}.auth-gateway .login-form .primary:hover{background:linear-gradient(90deg,var(--logo-blue-deep),var(--logo-green-deep))!important}.auth-options button,.forgot-link{color:var(--logo-blue-deep)!important}.auth-map i b{background:linear-gradient(145deg,var(--logo-blue),var(--logo-green))!important}.site-pro-card:hover,.sensor-catalog article:hover,.settings-grid section:hover{border-color:#20a7d580!important}.health-track i{background:linear-gradient(90deg,var(--logo-blue),var(--logo-green))!important}.catalog-live{color:var(--logo-green-deep)!important}.leaflet-control-zoom a{color:var(--logo-blue-deep)!important}.leaflet-control-zoom a:hover{background:var(--logo-blue-deep)!important}.portal{background:#eaf7fb}.portal aside{color:#113d59!important;background:radial-gradient(circle at 15% 7%,rgba(32,167,213,.18),transparent 27%),radial-gradient(circle at 86% 76%,rgba(37,181,107,.15),transparent 28%),linear-gradient(165deg,#fffffff7,#e7f7fbf2 52%,#e6f6edf5)!important;border-right:1px solid rgba(32,167,213,.2)!important;box-shadow:12px 0 42px #003b5b1f,inset -1px 0 #ffffffe6!important;-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%)}.portal-brand{color:var(--logo-blue-deep)}.portal-brand small{color:var(--logo-green-deep)!important}.portal nav button{color:#58788a!important}.portal nav button:hover{color:#fff!important}.portal nav button.active{color:#fff!important}.portal nav button.active svg,.portal nav button:hover svg{color:#d8ffea!important}.portal .user-block{color:#164058;border-color:#20a7d526;background:linear-gradient(135deg,#ffffffdb,#e2f4efa8);box-shadow:inset 0 1px #fff,0 10px 25px #00395317}.portal .user-block small{color:#6e8b98}.portal .user-block button{color:var(--logo-blue-deep)}.portal .avatar{background:linear-gradient(145deg,#dff5fc,#dff5e8);color:var(--logo-blue-deep)}.portal-credit{border-color:#20a7d524;background:#ffffffa8}.portal-credit span{color:#648393}.collapse{border-color:#20a7d54d;color:var(--logo-blue-deep);box-shadow:0 8px 20px #003b5b21}.portal-main:not(.dashboard-mode){background:radial-gradient(circle at 89% 5%,rgba(32,167,213,.16),transparent 25%),radial-gradient(circle at 6% 83%,rgba(37,181,107,.13),transparent 29%),linear-gradient(145deg,#e8f6fb,#f9fcfd 48%,#e9f7ef)!important}.portal-main:not(.dashboard-mode) .topbar{border-top-color:var(--logo-green)!important}.sites-hero{background:radial-gradient(circle at 80% 28%,rgba(255,255,255,.22),transparent 24%),linear-gradient(120deg,var(--logo-blue-deep),var(--logo-blue) 62%,var(--logo-green))!important}.site-add{color:var(--logo-blue-deep)!important}.status.online,.system-live,.catalog-live{background:#e4f7eb!important}.summary>span,.site-status-icon{background:linear-gradient(145deg,#e1f4fb,#e3f6eb)!important;color:var(--logo-blue-deep)!important}.summary.green>span{color:var(--logo-green-deep)!important}.panel-title{background:linear-gradient(100deg,#ffffffeb,#e6f7f4b8)!important}.table-card thead th{color:#426c7c;background:linear-gradient(100deg,#e4f5faeb,#e8f8efdb)!important}.map-sensor-rail{border-color:#20a7d53d!important;background:linear-gradient(145deg,#fffffff0,#e0f5f9d6 58%,#e3f6ecd1)!important}.map-sensor-value{border-color:#20a7d51f!important}.map-sensor-value:hover{background:linear-gradient(105deg,#edfaff,#effbf4)!important}.open-trends{background:linear-gradient(90deg,var(--logo-blue-deep),var(--logo-green-deep))!important}.map-site-badge{background:linear-gradient(120deg,#07587ee6,#127d4cdb)!important}.classic-alert-controls,.classic-alert-table{border-color:#20a7d538!important}.classic-alert-row.clear{background:linear-gradient(90deg,#dcf6e7,#e7f8fb)!important}@media(max-width:720px){.portal aside{background:linear-gradient(180deg,#fffffffa,#e5f7f1f5)!important}}.dashboard-map-canvas .leaflet-control-zoom{display:none!important}.portal-brand>img{animation:none!important;transition:none!important;transform:none!important}.portal-brand:hover>img{animation:none!important;transform:none!important;box-shadow:0 8px 22px #00183233!important}