.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::-moz-selection{background:transparent}.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{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{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;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;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-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: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;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;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;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}}.ecosystem-regional-status{background:#fff;border-radius:.5rem;overflow:hidden}.regional-status-tabs{display:flex;gap:.5rem;padding:1rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.375rem;background-color:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.tab-button:hover{background-color:#f3f4f6}.tab-button.active{background-color:#e5e7eb;border-color:#d1d5db}.tab-icon{font-size:1rem}.coming-soon-badge{font-size:.75rem;padding:.125rem .375rem;background-color:#fef3c7;color:#92400e;border-radius:9999px;margin-left:.5rem}.regional-status-content{padding:1rem}.coming-soon-content{padding:2rem;text-align:center}.coming-soon-content .empty-icon{font-size:2rem;margin-bottom:1rem}.coming-soon-content h3{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.5rem}.coming-soon-content p{color:#6b7280;margin-bottom:.25rem}.coming-soon-content .empty-subtitle{font-size:.875rem}@media (max-width: 640px){.tab-title{display:none}.tab-button{padding:.5rem}.coming-soon-badge{display:none}}.automation-rules-tab,.devices-tab{padding:20px}.devices-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.devices-column{min-width:0}@media (max-width: 1024px){.devices-columns{grid-template-columns:1fr;gap:20px}}.ecosystem-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid #e5e7eb;background-color:#f9fafb;border-radius:8px 8px 0 0;padding:8px 8px 0}.tab-icon{width:16px;height:16px;margin-right:8px}.section-icon{width:20px;height:20px;margin-right:8px}.btn-icon{width:14px;height:14px;margin-right:4px}.badge-icon{width:12px;height:12px;margin-right:4px}.status-icon{width:14px;height:14px;margin-right:4px}.empty-icon svg{width:48px;height:48px;color:#9ca3af}.info-icon{width:14px;height:14px;margin-right:4px}.tab-button{padding:12px 24px;border:none;background:none;cursor:pointer;border-radius:8px 8px 0 0;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s ease;position:relative;border-bottom:3px solid transparent;display:flex;align-items:center}.tab-button:hover{background-color:#f3f4f6;color:#374151;border-bottom-color:#d1d5db}.tab-button.active{background-color:#1d4ed8;color:#fff!important;font-weight:600;box-shadow:0 2px 4px #1d4ed84d;border-bottom:3px solid #1e40af}.automation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1.5rem;background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.automation-stats{display:flex;gap:2rem}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-number{font-size:1.5rem;font-weight:600;color:#111827}.stat-label{font-size:.875rem;color:#6b7280}.automation-actions{display:flex;gap:.5rem}.rules-section{margin-bottom:2rem}.section-header{margin-bottom:1rem}.section-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0;display:flex;align-items:center}.section-description{color:#6b7280;font-size:.875rem;margin:0}.rules-list{display:flex;flex-direction:column;gap:2px;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.rules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px}.automation-rule-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;transition:all .2s ease;position:relative}.automation-rule-card:hover{box-shadow:0 2px 4px #0000001a}.automation-rule-card.enabled{border-left:4px solid #22c55e}.automation-rule-card.disabled{border-left:4px solid #e5e7eb;opacity:.7}.automation-rule-card.default-rule{border-left:4px solid #0ea5e9}.automation-rule-card.custom-rule{border-left:4px solid #22c55e}.rule-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.rule-title-section{flex:1}.rule-title{font-size:18px;font-weight:600;margin:0 0 8px;color:#1f2937}.default-badge{display:inline-block;background:#0ea5e9;color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:500;margin-right:8px}.priority-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:500}.priority-100{background:#ef4444;color:#fff}.priority-75{background:#f97316;color:#fff}.priority-50{background:#eab308;color:#fff}.priority-25{background:#22c55e;color:#fff}.priority-0{background:#6b7280;color:#fff}.rule-actions{display:flex;gap:8px}.toggle-btn,.delete-btn{padding:.25rem .5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.25rem;transition:all .2s ease}.toggle-btn.enabled{background-color:#22c55e;color:#fff;border:none}.toggle-btn.disabled{background-color:#6b7280;color:#fff;border:none}.toggle-btn:hover{background-color:#16a34a}.delete-btn{background-color:#ef4444;color:#fff;border:none}.delete-btn:hover{background-color:#dc2626}.rule-description{color:#6b7280;font-size:.875rem;margin:0 0 1rem;line-height:1.5}.rule-details{margin-bottom:1rem}.detail-item{display:flex;align-items:center;margin-bottom:.5rem;font-size:.875rem}.detail-icon{margin-right:.5rem;font-size:1rem}.detail-label{font-weight:500;color:#374151;margin-right:.5rem;min-width:60px}.rule-status{display:flex;flex-direction:column;gap:8px}.status-indicator{font-size:.875rem;font-weight:500}.status-indicator.active{color:#22c55e}.status-indicator.inactive{color:#6b7280}.default-note{font-size:.75rem;color:#6b7280;font-style:italic;display:flex;align-items:center}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:8px 12px;border-radius:6px;font-size:12px;margin-top:10px;display:flex;align-items:center;gap:6px}.executions-panel{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.execution-history{padding:1.5rem}.execution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.execution-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.execution-stats{display:flex;gap:15px}.stat{font-size:12px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:4px}.close-btn{background:none;border:none;font-size:18px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px}.close-btn:hover{background:#f3f4f6;color:#374151}.executions-list{display:flex;flex-direction:column;gap:2px;background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb}.execution-row{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.execution-row:last-child{border-bottom:none}.execution-row.success{border-left:3px solid #10b981}.execution-row.error{border-left:3px solid #ef4444}.execution-row.warning{border-left:3px solid #f59e0b}.execution-row.info{border-left:3px solid #3b82f6}.execution-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;background:#fff}.execution-summary:hover{background:#f9fafb}.execution-main-info{display:flex;align-items:center;gap:12px;flex:1}.execution-type-badge{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;min-width:80px}.execution-type-badge .type-icon.warning{color:#f59e0b}.execution-type-badge .type-icon.success{color:#10b981}.execution-type-badge .type-icon.info{color:#3b82f6}.execution-rule-info{display:flex;flex-direction:column;gap:2px}.execution-rule-info .rule-name{font-weight:600;color:#1f2937;font-size:14px}.execution-rule-info .rule-type{font-size:11px;color:#6b7280}.execution-meta{display:flex;align-items:center;gap:12px}.execution-time{font-size:12px;color:#6b7280;min-width:80px;text-align:right}.execution-details-expanded{padding:16px;background:#f9fafb;border-top:1px solid #e5e7eb;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:500px;padding-top:16px;padding-bottom:16px}}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.execution-data-section{margin-top:16px}.execution-data-section h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 8px}.data-content{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px;font-size:11px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#374151;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.execution-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.execution-rule{display:flex;flex-direction:column;gap:2px}.rule-name{font-weight:600;color:#1f2937}.rule-id{font-size:12px;color:#6b7280}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.error{background:#fee2e2;color:#991b1b}.status-badge.warning{background:#fef3c7;color:#92400e}.status-badge.info{background:#dbeafe;color:#1e40af}.execution-details{margin-bottom:10px}.detail-row{display:flex;justify-content:space-between;margin-bottom:4px;font-size:12px}.detail-label{font-weight:500;color:#374151}.detail-value{color:#6b7280}.execution-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:8px 12px;border-radius:6px;font-size:12px;margin-top:10px;display:flex;align-items:center;gap:6px}.execution-trigger,.execution-actions{margin-top:10px}.trigger-label,.actions-label{font-size:12px;font-weight:500;color:#374151;margin-bottom:4px;display:block}.trigger-data,.actions-data{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;padding:8px;font-size:11px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#374151;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.loading-state,.error-state,.empty-state{text-align:center;padding:40px 20px}.loading-spinner{font-size:24px;animation:spin 1s linear infinite;margin-bottom:10px}.error-icon,.empty-icon{font-size:48px;margin-bottom:15px;opacity:.5}.loading-state p,.error-state h3,.empty-state h3{margin:0 0 10px;color:#374151}.error-state p,.empty-state p{color:#6b7280;margin:0 0 20px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e5e7eb}.form-section{margin-bottom:30px}.form-section h3{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 15px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.resolution-actions-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;padding:20px;margin-top:20px;position:relative}.resolution-actions-section h3{color:#0c4a6e;border-bottom:2px solid #0ea5e9;font-size:18px;margin-bottom:10px}.form-description{background:#0ea5e91a;border-left:4px solid #0ea5e9;padding:12px;margin-bottom:20px;border-radius:6px}.form-description p{margin:0;color:#0c4a6e;font-size:14px;font-weight:500}.form-help{margin-top:8px;padding:10px;background:#f8fafc;border-radius:6px;border-left:3px solid #64748b}.form-help small{color:#475569;line-height:1.4}.safety-notice{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #22c55e;border-radius:8px;padding:12px;margin-top:15px;color:#166534;font-size:14px}.resolution-safety-info{margin-top:20px}.form-group{margin-bottom:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-sm{padding:6px 12px;font-size:12px}@media (max-width: 768px){.automation-header{flex-direction:column;gap:20px;text-align:center}.automation-stats,.automation-actions{justify-content:center}.rules-grid,.form-row{grid-template-columns:1fr}.modal-content{width:95%;margin:20px}.execution-summary{padding:10px 12px}.execution-main-info{gap:8px}.execution-type-badge{min-width:70px;padding:3px 6px}.execution-meta{gap:8px}.execution-time{min-width:60px;font-size:11px}.details-grid{grid-template-columns:1fr;gap:16px}.execution-details-expanded{padding:12px}.rule-summary{padding:10px 12px}.rule-main-info{gap:8px}.rule-type-badge{min-width:70px;padding:3px 6px}.rule-meta{gap:8px}.rule-trigger-summary{min-width:80px;font-size:11px}.rule-details-grid{grid-template-columns:1fr;gap:16px}.rule-details-expanded{padding:12px}}.rule-row{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.rule-row:last-child{border-bottom:none}.rule-row.enabled.default{border-left:3px solid #0ea5e9}.rule-row.enabled.custom{border-left:3px solid #22c55e}.rule-row.disabled.default,.rule-row.disabled.custom{border-left:3px solid #94a3b8}.rule-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;background:#fff}.rule-summary:hover{background:#f9fafb}.rule-main-info{display:flex;align-items:center;gap:12px;flex:1}.rule-type-badge{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;min-width:80px;background:#f3f4f6}.rule-type-badge .type-icon.default{color:#0ea5e9}.rule-type-badge .type-icon.custom{color:#22c55e}.rule-name-info{display:flex;flex-direction:column;gap:2px}.rule-name-info .rule-name{font-weight:600;color:#1f2937;font-size:14px}.priority-indicator{font-size:10px;font-weight:500;padding:2px 6px;border-radius:8px}.priority-indicator.priority-high{background:#fee2e2;color:#991b1b}.priority-indicator.priority-medium{background:#fef3c7;color:#92400e}.priority-indicator.priority-low{background:#d1fae5;color:#065f46}.rule-meta{display:flex;align-items:center;gap:12px}.rule-trigger-summary{font-size:12px;color:#6b7280;min-width:100px;text-align:right}.rule-actions-compact{display:flex;align-items:center;gap:8px}.toggle-btn-compact{background:none;border:none;font-size:16px;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toggle-btn-compact.enabled{color:#22c55e}.toggle-btn-compact.disabled{color:#9ca3af}.toggle-btn-compact:hover{background:#f3f4f6}.delete-btn-compact{background:none;border:none;font-size:14px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;color:#ef4444;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.delete-btn-compact:hover{background:#fee2e2}.expand-indicator{width:20px;display:flex;justify-content:center}.expand-arrow{font-size:10px;color:#6b7280;transition:transform .2s ease}.expand-arrow.expanded{transform:rotate(180deg)}.rule-details-expanded{padding:16px;background:#f9fafb;border-top:1px solid #e5e7eb;animation:slideDown .2s ease-out}.rule-description-section{margin-bottom:16px}.rule-description-section h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 8px}.rule-description-section p{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.rule-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px}.detail-section h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid #e5e7eb}.rule-config-section{margin-top:16px}.rule-config-section h4{font-size:14px;font-weight:600;color:#374151;margin:0 0 12px}.config-item{margin-bottom:16px}.config-item h5{font-size:12px;font-weight:600;color:#374151;margin:0 0 6px}.config-content{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px;font-size:11px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#374151;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}.default-rule-note{background:#dbeafe;border:1px solid #3b82f6;border-radius:6px;padding:12px;margin-top:16px;color:#1e40af;font-size:14px;display:flex;align-items:center;gap:8px}.rule-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:8px 12px;border-radius:6px;font-size:12px;margin-top:10px;display:flex;align-items:center;gap:6px}.user-devices-container{padding:1rem;max-width:100%}.detail-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media (min-width: 1024px){.detail-header{flex-direction:row}.header-left{flex:2}.header-right{flex:1}}.back-link{display:inline-block;color:#4b5563;text-decoration:none;margin-bottom:1rem}.detail-title{font-size:1.875rem;font-weight:600;color:#111827;margin:0}.ecosystem-map{width:100%;height:300px;border-radius:.5rem}.update-info{display:flex;align-items:center;gap:1rem;margin-top:1rem}.refresh-controls,.auto-refresh-settings{display:flex;align-items:center;gap:.5rem}.ecosystem-filter{margin-top:1rem}.ecosystem-stats-horizontal{display:flex;gap:2rem;margin-top:1rem}.stat-item-horizontal{display:flex;flex-direction:column;align-items:center}.stat-number-horizontal{font-size:1.5rem;font-weight:600;color:#111827}.stat-label-horizontal{font-size:.875rem;color:#6b7280}.monitoring-sections{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media (min-width: 1024px){.monitoring-sections{flex-direction:row;align-items:flex-start}.monitoring-sections>.section{flex:1;min-width:0}}.section{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.section-header-with-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.watch-events-overview{margin-bottom:1rem}.watch-events-stats{display:flex;gap:2rem;margin-bottom:1rem}.watch-stat{display:flex;flex-direction:column;align-items:center}.watch-stat-number{font-size:1.5rem;font-weight:600;color:#111827}.watch-stat-label{font-size:.875rem;color:#6b7280}.watch-events-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.watch-event-card{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.watch-event-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.watch-event-type{display:flex;gap:.5rem}.event-type-badge{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;display:flex;align-items:center}.event-type-badge.notice{background-color:#dbeafe;color:#1e40af}.event-type-badge.critical{background-color:#fee2e2;color:#991b1b}.event-category-badge{padding:.25rem .5rem;background-color:#f3f4f6;border-radius:9999px;font-size:.75rem;color:#374151;display:flex;align-items:center}.watch-event-content{font-size:.875rem}.watch-event-meta{margin-top:1rem;display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:#6b7280}.groups-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.group-card{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.group-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.group-title{display:flex;flex-direction:column}.group-name{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.group-count{font-size:.875rem;color:#6b7280}.group-stats{display:flex;gap:1rem;margin-bottom:1rem;padding:.5rem;background-color:#f9fafb;border-radius:.375rem}.group-stat{display:flex;flex-direction:column;align-items:center;flex:1}.device-list{display:flex;flex-direction:column;gap:.5rem}.device-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:#f9fafb;border-radius:.375rem}.device-name{font-weight:500;color:#111827}.device-type,.device-serial{font-size:.75rem;color:#6b7280}.status-badge{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.status-badge.status-online{background-color:#dcfce7;color:#166534}.status-badge.status-offline{background-color:#fee2e2;color:#991b1b}.status-badge.status-error{background-color:#fef3c7;color:#92400e}.empty-state{text-align:center;padding:2rem;background-color:#f9fafb;border-radius:.5rem}.empty-icon{font-size:2rem;margin-bottom:1rem}.empty-subtitle{color:#6b7280;font-size:.875rem}.btn{padding:.5rem 1rem;border-radius:.375rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.btn-sm{padding:.25rem .5rem;font-size:.875rem}.btn-primary{background-color:#3b82f6;color:#fff;border:none}.btn-primary:hover{background-color:#2563eb}.btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.btn-secondary:hover{background-color:#e5e7eb}@media (max-width: 1023px){.ecosystem-stats-horizontal{flex-wrap:wrap;gap:1rem}.stat-item-horizontal{flex:1;min-width:calc(50% - .5rem)}}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.users-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:1.5rem;overflow-x:auto;border:1px solid #e5e7eb}.users-table-content{width:100%;min-width:800px;border-collapse:collapse}.timestamp-header{min-width:180px}.timestamp-cell{min-width:180px;white-space:nowrap}.timestamp-text{color:#6b7280;font-size:.875rem;font-family:monospace}.weather-provider-selector{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000000d;border:1px solid #e5e7eb}.selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.selector-header h3{font-size:1.25rem;font-weight:600;color:#374151;margin:0}.refresh-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-size:1rem}.refresh-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{width:1rem;height:1rem;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;margin-bottom:1rem}.error-icon{font-size:1rem}.error-text{color:#dc2626;font-size:.875rem;font-weight:500}.service-status{display:flex;gap:2rem;padding:1rem;background:#f9fafb;border-radius:.5rem;margin-bottom:1rem;border:1px solid #e5e7eb}.status-item{display:flex;flex-direction:column;gap:.25rem}.status-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-value{font-size:.875rem;font-weight:600;color:#374151}.provider-selection{margin-top:1rem}.selection-header{margin-bottom:1rem}.selection-header h4{font-size:1rem;font-weight:600;color:#374151;margin:0 0 .25rem}.selection-subtitle{font-size:.875rem;color:#6b7280}.providers-list{display:flex;flex-direction:column;gap:.75rem}.provider-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#f9fafb;transition:all .2s ease}.provider-item.active{border-color:#3b82f6;background:#eff6ff}.provider-item:hover{border-color:#d1d5db;background:#f3f4f6}.provider-info{display:flex;align-items:center;gap:.75rem}.provider-icon{font-size:1.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.provider-details{display:flex;flex-direction:column;gap:.25rem}.provider-name{font-size:1rem;font-weight:600;color:#374151}.provider-meta{font-size:.875rem;color:#6b7280}.provider-actions{display:flex;align-items:center;gap:1rem}.provider-health{display:flex;align-items:center;gap:.5rem}.health-text{font-size:.875rem;font-weight:500}.activate-btn{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.activate-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.activate-btn.active{background:#10b981;border-color:#10b981;color:#fff}.activate-btn:disabled{opacity:.6;cursor:not-allowed}.no-providers{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;color:#6b7280;text-align:center}.no-providers-icon{font-size:2rem}.no-providers-text{font-size:.875rem}@media (max-width: 768px){.weather-provider-selector{padding:1rem}.service-status{flex-direction:column;gap:1rem}.provider-item{flex-direction:column;align-items:flex-start;gap:1rem}.provider-actions{width:100%;justify-content:space-between}}.feature-tag{background:linear-gradient(135deg,#00a3ff,#06c);color:#fff;padding:12px 8px 4px;border-radius:12px;font-size:.625rem;font-weight:500;white-space:nowrap;margin-top:12px;border-top:1px solid #e2e8f0}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}content: ""; position: absolute; .feature-tag{background:linear-gradient(135deg,#00a3ff,#06c);color:#fff;padding:12px 8px 4px;border-radius:12px;font-size:.625rem;font-weight:500;white-space:nowrap;margin-top:12px;border-top:1px solid #e2e8f0}.ecosystem-overview{display:flex;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.ecosystem-stats-panel{flex:1;min-width:300px}.ecosystem-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.ecosystem-stat{display:flex;flex-direction:column;align-items:center;padding:1rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;text-align:center;transition:all .2s ease}.ecosystem-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ecosystem-stat-number{font-size:1.5rem;font-weight:700;color:#1f2937;line-height:1;margin-bottom:.25rem}.ecosystem-stat-label{font-size:.75rem;color:#6b7280;text-align:center;line-height:1.2;font-weight:500}.ecosystem-map-panel{flex-shrink:0;width:280px}.map-container.compact{width:100%;border-radius:8px;overflow:hidden;background-color:#f9fafb;border:1px solid #e5e7eb;margin-top:.5rem}.map-container.compact.no-coordinates{background-color:#f3f4f6;border-color:#d1d5db}.map-placeholder.compact{height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;background-color:#f3f4f6}.ecosystem-map.compact{width:100%;height:120px;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.ecosystem-overview{flex-direction:column;gap:1rem}.ecosystem-stats-panel{min-width:0;width:100%}.ecosystem-stats-grid{grid-template-columns:repeat(2,1fr)}.ecosystem-map-panel{width:100%}.ecosystem-map.compact,.map-placeholder.compact{height:150px}}@media (max-width: 480px){.ecosystem-info{padding:1rem}.ecosystem-stats-grid{grid-template-columns:1fr}.ecosystem-map.compact,.map-placeholder.compact{height:120px}}@media (max-width: 768px){.ecosystem-metadata{flex-direction:column;gap:1rem}.ecosystem-location{min-width:0;width:100%}}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.btn-danger{background:#dc2626;color:#fff;border:1px solid #dc2626}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.ecosystem-weather-status{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.ecosystem-weather-status.disabled{background:#f8fafc;border-color:#e2e8f0}.ecosystem-weather-status.no-coordinates{background:#fef3c7;border-color:#f59e0b}.ecosystem-weather-status.loading{background:#f0f9ff;border-color:#3b82f6}.ecosystem-weather-status.error{background:#fef2f2;border-color:#ef4444}.ecosystem-weather-status.no-data{background:#f9fafb;border-color:#d1d5db}.weather-status-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.weather-icon{font-size:1.5rem}.weather-title{font-size:1.125rem;font-weight:600;color:#1f2937;flex:1}.weather-status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.weather-status-badge.disabled{background:#f3f4f6;color:#6b7280}.weather-status-badge.warning{background:#fef3c7;color:#d97706}.weather-status-badge.loading{background:#dbeafe;color:#1d4ed8}.weather-status-badge.error{background:#fee2e2;color:#dc2626}.weather-status-badge.unknown{background:#f3f4f6;color:#6b7280}.weather-status-badge.active{background:#dcfce7;color:#166534}.weather-status-message{color:#6b7280;font-size:.875rem;line-height:1.5}.weather-status-message p{margin:0 0 .5rem}.weather-status-message .retry-btn{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:background-color .2s}.weather-status-message .retry-btn:hover{background:#2563eb}.weather-status-content{margin-top:1rem}.weather-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.weather-stat{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;text-align:center}.weather-stat .stat-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.weather-stat .stat-value{font-size:1.5rem;font-weight:700;color:#1f2937;line-height:1}.weather-timestamps{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.timestamp-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f8fafc;border-radius:.375rem}.timestamp-label{font-size:.875rem;color:#6b7280;font-weight:500}.timestamp-value{font-size:.875rem;color:#1f2937;font-family:monospace}.weather-region-info{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f0f9ff;border:1px solid #bae6fd;border-radius:.375rem;margin-bottom:1rem}.region-label{font-size:.875rem;color:#0369a1;font-weight:500}.region-id{font-size:.875rem;color:#0369a1;font-family:monospace;font-weight:600}.weather-actions{display:flex;justify-content:flex-end;gap:.5rem}.manual-check-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.manual-check-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.manual-check-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.manual-check-btn:active:not(:disabled){transform:translateY(0)}.weather-actions .refresh-btn{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:background-color .2s}.weather-actions .refresh-btn:hover{background:#2563eb}.service-card.weather-service{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.ambee-logo{display:flex;align-items:center;gap:4px;margin-left:12px;padding:4px 8px;background:#0000000d;border-radius:12px;border:1px solid rgba(0,0,0,.1)}.ambee-text{font-size:10px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.ambee-brand{font-size:12px;color:#00d4aa;font-weight:700}.service-controls{display:flex;justify-content:center;margin:16px 0;padding:0 16px}.pause-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px;justify-content:center}.pause-btn.running{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.pause-btn.running:hover{background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.pause-btn.paused{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.pause-btn.paused:hover{background:#dcfce7;border-color:#86efac;transform:translateY(-1px)}.pause-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.pause-btn:disabled:hover{transform:none}.weather-quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0}.quick-stat{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;text-align:center}.quick-stat .stat-number{font-size:1.25rem;font-weight:700;color:#1f2937;line-height:1;margin-bottom:.25rem}.quick-stat .stat-label{font-size:.75rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.weather-details{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.detail-section h4{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.health-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f8fafc;border-radius:.375rem}.health-label{font-size:.875rem;color:#6b7280;font-weight:500}.health-status{font-size:1rem}.health-status.good{color:#10b981}.health-status.bad{color:#ef4444}.region-states{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.state-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:.375rem;font-size:.875rem}.state-item.normal{background:#dcfce7;color:#166534}.state-item.watch{background:#fef3c7;color:#d97706}.state-item.warning{background:#fed7aa;color:#ea580c}.state-item.critical{background:#fee2e2;color:#dc2626}.state-label{font-weight:500}.state-count{font-weight:700}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.action-btn{padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.action-btn.primary{background:#3b82f6;color:#fff}.action-btn.primary:hover{background:#2563eb}.action-btn.secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.action-btn.secondary:hover{background:#e5e7eb}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#f8fafc;border-radius:.375rem}.info-label{font-size:.875rem;color:#6b7280;font-weight:500}.info-value{font-size:.875rem;color:#1f2937;font-weight:600}@media (max-width: 768px){.weather-quick-stats,.weather-stats-grid,.region-states{grid-template-columns:repeat(2,1fr)}.health-grid,.info-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-btn{width:100%}}@media (max-width: 768px){.ecosystem-metadata{flex-direction:column;gap:1rem}.ecosystem-location{min-width:0;width:100%}.ecosystem-map{height:180px}.ecosystem-image{width:100px;height:75px}}@media (max-width: 480px){.ecosystem-info{padding:1rem}.ecosystem-map{height:160px}.ecosystem-image{width:80px;height:60px}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;color:#1f2937}.min-h-screen{min-height:100vh}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.p-4{padding:1rem}.p-8{padding:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-x-4>*+*{margin-left:1rem}.max-w-md{max-width:28rem}.max-w-7xl{max-width:80rem}.w-full{width:100%}.h-16{height:4rem}.text-center{text-align:center}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-blue-600{color:#2563eb}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-md{border-radius:.375rem}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.border{border-width:1px}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5db}.border-transparent{border-color:transparent}.border-b{border-bottom-width:1px}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px #3b82f680}.focus\:ring-blue-500:focus{box-shadow:0 0 0 2px #3b82f680}.focus\:border-blue-500:focus{border-color:#3b82f6}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-gray-200:hover{background-color:#e5e7eb}.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.transition-colors{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.transition-all{transition:all .15s ease-in-out}.duration-200{transition-duration:.2s}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.placeholder-gray-400::-moz-placeholder{color:#9ca3af}.placeholder-gray-400::placeholder{color:#9ca3af}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-6{gap:1.5rem}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.relative{position:relative}.absolute{position:absolute}.flex-shrink-0{flex-shrink:0}.flex-1{flex:1 1 0%}.animate-spin{animation:spin 1s linear infinite}.border-b-2{border-bottom-width:2px}.border-white{border-color:#fff}.text-6xl{font-size:3.75rem}.text-xs{font-size:.75rem}.font-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.text-gray-500{color:#6b7280}.bg-gray-100{background-color:#f3f4f6}.bg-gradient-to-br{background:linear-gradient(to bottom right,#3b82f6,#8b5cf6,#6366f1)}.bg-gradient-to-r{background:linear-gradient(to right,#2563eb,#8b5cf6)}.hover\:from-blue-700:hover,.hover\:to-purple-700:hover{background:linear-gradient(to right,#1d4ed8,#7c3aed)}.focus\:ring-offset-2:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #3b82f680}.shadow-sm{box-shadow:0 1px 2px #0000000d}.border-l-4{border-left-width:4px}.border-l-red-400{border-left-color:#f87171}.text-red-400{color:#f87171}.bg-red-50{background-color:#fef2f2}.border-red-200{border-color:#fecaca}.text-red-700{color:#b91c1c}.bg-blue-50{background-color:#eff6ff}.bg-blue-100{background-color:#dbeafe}.text-blue-800{color:#1e40af}.text-blue-100{color:#dbeafe}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard-container{max-width:1400px;margin:0 auto;padding:2rem}.hero-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;padding:3rem 2rem;margin-bottom:3rem;color:#fff;text-align:center;box-shadow:0 20px 40px #0000001a;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="60" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="40" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:1}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-icon{display:inline-block;margin-right:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-subtitle{font-size:1.25rem;opacity:.9;margin-bottom:2rem;font-weight:300}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-top:2rem}.stat-item{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:.9rem;opacity:.8;text-transform:uppercase;letter-spacing:1px}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.control-section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05)}.log-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05)}.loading-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-card{background:#fff;border-radius:16px;padding:2rem;display:flex;align-items:center;gap:1rem;box-shadow:0 20px 40px #0003}.loading-spinner{width:24px;height:24px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-size:1.1rem;color:#374151;font-weight:500}@media (max-width: 768px){.dashboard-container{padding:1rem}.hero-section{padding:2rem 1rem}.hero-title{font-size:2.5rem}.hero-stats{flex-direction:column;gap:1.5rem}.status-grid{grid-template-columns:1fr}}.min-h-screen{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}header{background:#fffffff2!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1)!important;box-shadow:0 4px 20px #0000001a}.card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.btn{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;font-size:.9rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 25px #667eea66}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb;transform:translateY(-1px)}.service-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);transition:all .3s ease;position:relative;overflow:hidden}.dashboard-stat-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05);transition:all .3s ease;position:relative;overflow:hidden}.dashboard-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2)}.dashboard-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0000001f}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000026}.service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.service-info{display:flex;align-items:center;gap:1rem}.service-name{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0}.service-icon{font-size:1.5rem;opacity:.8}.status-indicator{width:12px;height:12px;border-radius:50%;position:relative}.status-indicator.online{background:#10b981;box-shadow:0 0 0 4px #10b98133;animation:pulse-green 2s infinite}.status-indicator.offline{background:#ef4444;box-shadow:0 0 0 4px #ef444433}.status-indicator.checking{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b33;animation:pulse-yellow 2s infinite}@keyframes pulse-green{0%,to{box-shadow:0 0 0 4px #10b98133}50%{box-shadow:0 0 0 8px #10b9811a}}@keyframes pulse-yellow{0%,to{box-shadow:0 0 0 4px #f59e0b33}50%{box-shadow:0 0 0 8px #f59e0b1a}}.service-details{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.detail-row:last-child{border-bottom:none}.status-online{color:#10b981!important}.status-offline{color:#ef4444!important}.status-checking{color:#f59e0b!important}.error-message{margin-top:1rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px}.error-message p{margin:0;font-size:.875rem;color:#dc2626;font-weight:500}.navigation{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 4px 20px #0000001a;position:sticky;top:0;z-index:100}.nav-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;height:70px}.nav-brand{display:flex;align-items:center}.brand-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#1f2937;font-weight:700}.brand-link img{height:48px;width:auto;border-radius:4px;-o-object-fit:cover;object-fit:cover;-o-object-position:center 20%;object-position:center 20%}.version-text{font-size:.625rem;color:#9ca3af;font-weight:400;letter-spacing:.025em;text-transform:lowercase;margin-left:.5rem}.login-logo{max-width:200px;height:auto;border-radius:8px;box-shadow:0 4px 20px #0003}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-item{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#6b7280;font-weight:500;padding:.5rem 1rem;border-radius:12px;transition:all .3s ease}.nav-item:hover{color:#1f2937;background:#0000000d}.nav-item.active{color:#3b82f6;background:#3b82f61a}.nav-icon{font-size:1.25rem}.user-menu{display:flex;align-items:center;gap:1rem}.user-info{text-align:right}.user-email{display:block;font-size:.875rem;color:#374151;font-weight:500}.user-role{display:block;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.logout-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background:#e5e7eb;color:#374151;border-color:#d1d5db}.logout-btn:active{background:#d1d5db}.mobile-menu-btn{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid rgba(0,0,0,.1);padding:1rem;box-shadow:0 4px 20px #0000001a}.mobile-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;color:#6b7280;border-radius:8px;transition:all .3s ease}.mobile-nav-item:hover{background:#0000000d}.mobile-nav-item.active{color:#3b82f6;background:#3b82f61a}.main-content{max-width:1400px;margin:0 auto;padding:2rem}.page-header{text-align:center;margin-bottom:3rem}.page-title{font-size:3rem;font-weight:800;color:#1f2937;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem}.page-icon{font-size:3rem}.page-subtitle{font-size:1.25rem;color:#6b7280;font-weight:300}.users-container{max-width:1400px;margin:0 auto}.users-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.users-list{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.list-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.user-card{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:1.5rem;text-decoration:none;color:inherit;transition:all .3s ease;box-shadow:0 2px 10px #0000000d}.user-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#3b82f6}.user-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.user-avatar{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem}.user-info{flex:1}.user-name{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.user-email{font-size:.875rem;color:#6b7280;margin:0}.role-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-admin{background:#fef3c7;color:#92400e}.role-user{background:#f3f4f6;color:#374151}.user-details{display:flex;flex-direction:column;gap:.75rem}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.detail-item:last-child{border-bottom:none}.detail-label{font-size:.875rem;color:#6b7280;font-weight:500}.detail-value{font-size:.875rem;font-weight:600;color:#1f2937}.user-actions{margin-top:1rem;text-align:center}.view-details{color:#3b82f6;font-weight:500;font-size:.875rem}.user-detail-container{max-width:1200px;margin:0 auto}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.header-left{flex:1}.back-link{display:inline-flex;align-items:center;color:#3b82f6;text-decoration:none;font-weight:500;margin-bottom:1rem;transition:color .3s ease}.back-link:hover{color:#1d4ed8}.detail-title{font-size:2.5rem;font-weight:800;color:#1f2937;margin:0 0 .5rem;display:flex;align-items:center;gap:1rem}.detail-icon{font-size:2.5rem}.detail-subtitle{font-size:1.125rem;color:#6b7280;margin:0}.header-actions,.edit-actions{display:flex;gap:1rem}.user-detail-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014;margin-bottom:2rem}.user-profile{display:flex;align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #f3f4f6}.user-avatar-large{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:2rem}.user-profile-info{flex:1}.user-name-large{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.user-email-large{font-size:1.125rem;color:#6b7280;margin:0 0 1rem}.user-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.detail-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.detail-fields{display:flex;flex-direction:column;gap:1rem}.field-group{display:flex;flex-direction:column;gap:.5rem}.field-group label{font-size:.875rem;font-weight:500;color:#6b7280}.field-value{font-size:1rem;font-weight:600;color:#1f2937;padding:.75rem;background:#f9fafb;border-radius:8px}.form-input,.form-select{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.status-active{color:#10b981}.status-inactive{color:#ef4444}.device-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 4px 20px #00000014}.section-header{margin-bottom:1.5rem}.section-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.section-header p{color:#6b7280;margin:0}.device-actions{text-align:center}.action-description{margin-top:1rem;color:#6b7280;font-size:.875rem}.user-devices-container{max-width:1400px;margin:0 auto}.devices-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem}.tab-navigation{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid #e5e7eb}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;color:#6b7280;font-weight:500;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease}.tab-button:hover{color:#1f2937}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6}.tab-content{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000014;margin-bottom:2rem}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:2rem}.group-card{border:1px solid #e5e7eb;border-radius:16px;padding:1.5rem;background:#fff;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.group-card:hover{border-color:#3b82f6;box-shadow:0 4px 20px #0000001a}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.group-name{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.group-count{background:#f3f4f6;color:#374151;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:500}.group-description{color:#6b7280;margin-bottom:1rem}.group-stats{display:flex;gap:1rem;margin-bottom:1.5rem}.group-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.group-stat .stat-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.group-stat .stat-value{font-size:1.25rem;font-weight:700;color:#1f2937}.group-devices h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.device-list{display:flex;flex-direction:column;gap:.75rem}.device-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border:1px solid #f3f4f6;border-radius:8px;box-shadow:0 1px 3px #0000000a}.device-info{display:flex;flex-direction:column;gap:.25rem}.device-type{font-size:.875rem;color:#6b7280}.device-serial{font-size:.75rem;color:#9ca3af;font-family:monospace}.section{margin-bottom:3rem}.section-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.ungrouped-devices-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.device-card{border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;background:#fff;box-shadow:0 2px 8px #0000000f;transition:all .3s ease}.device-card:hover{border-color:#3b82f6;box-shadow:0 4px 20px #0000001a}.device-card.standalone{border-left:4px solid #f59e0b}.device-card.standalone:hover{border-left-color:#d97706}.device-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.device-header .device-name{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.device-details{display:flex;flex-direction:column;gap:.5rem}.device-details p{margin:0;font-size:.875rem}.device-details .device-type{color:#6b7280;font-weight:500}.device-details .device-id{color:#9ca3af;font-family:monospace;font-size:.75rem}.device-details .device-last-seen{color:#6b7280;font-style:italic}.compact-stats{display:flex;align-items:center;gap:1rem;margin-left:1rem}.compact-stat{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:80px;box-shadow:0 1px 3px #0000000a}.compact-stat-number{font-size:1rem;font-weight:700;color:#1f2937;line-height:1}.compact-stat-label{font-size:.75rem;color:#6b7280;text-align:center;line-height:1.2}.update-info{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.refresh-controls{display:flex;align-items:center;gap:1rem}.auto-refresh-settings{display:flex;align-items:center;gap:.5rem}.ecosystem-filter{display:flex;align-items:center;gap:.75rem;margin-left:1rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:.5rem;border:1px solid rgba(255,255,255,.2)}.ecosystem-label{font-size:.875rem;font-weight:500;color:#374151;white-space:nowrap}.ecosystem-select{padding:.375rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;color:#374151;cursor:pointer;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.ecosystem-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ecosystem-select:hover{border-color:#9ca3af}.auto-refresh-toggle{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;cursor:pointer}.auto-refresh-toggle input[type=checkbox]{width:1rem;height:1rem;accent-color:#3b82f6}.interval-select{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem;background:#fff;color:#374151}.last-update{font-size:.875rem;color:#6b7280;font-style:italic}.auto-refresh-indicator{color:#3b82f6;font-weight:500}.refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.refresh-btn:hover:not(:disabled){background:#2563eb}.refresh-btn:disabled{background:#9ca3af;cursor:not-allowed}.refresh-btn span{font-size:1rem}.refresh-btn .spinning{animation:spin 1s linear infinite}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-online{background:#d1fae5;color:#065f46}.status-offline{background:#fee2e2;color:#991b1b}.status-error{background:#fef3c7;color:#92400e}.devices-table{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 12px #00000014}.table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 1fr 2fr;background:#f9fafb;border-bottom:1px solid #e5e7eb}.header-cell{padding:1rem;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.table-body{max-height:600px;overflow-y:auto}.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr 1fr 2fr;border-bottom:1px solid #f3f4f6;transition:background-color .3s ease}.table-row:hover{background:#f9fafb}.table-row:last-child{border-bottom:none}.table-cell{padding:1rem;display:flex;align-items:center}.device-cell{display:flex;flex-direction:column;gap:.25rem}.device-id{font-size:.75rem;color:#6b7280;font-family:monospace}.last-seen{font-size:.875rem;color:#6b7280}.location{font-size:.875rem;color:#374151;font-weight:500}.device-data{display:flex;flex-direction:column;gap:.25rem}.data-item{display:flex;gap:.5rem;font-size:.75rem}.data-label{color:#6b7280;font-weight:500}.data-value{color:#1f2937;font-weight:600}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.tool-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:16px;text-decoration:none;color:inherit;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.tool-card.tool-blue:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.tool-card.tool-green:before{background:linear-gradient(90deg,#10b981,#059669)}.tool-card.tool-orange:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.tool-card.tool-purple:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.tool-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.tool-icon{font-size:2rem;flex-shrink:0}.tool-content{flex:1}.tool-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.tool-description{font-size:.875rem;color:#6b7280;margin:0}.tool-arrow{font-size:1.25rem;color:#6b7280;transition:transform .3s ease}.tool-card:hover .tool-arrow{transform:translate(4px)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.action-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#fff;border-radius:12px;text-decoration:none;color:inherit;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;transition:all .3s ease}.action-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001a}.action-icon{font-size:1.5rem;flex-shrink:0}.action-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.action-description{font-size:.875rem;color:#6b7280;margin:0}.guidelines-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.guideline-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #00000014;text-align:center}.guideline-icon{font-size:2.5rem;margin-bottom:1rem}.guideline-card h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.guideline-card p{color:#6b7280;margin:0;font-size:.875rem;line-height:1.5}.activity-list{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.activity-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid #f3f4f6}.activity-item:last-child{border-bottom:none}.activity-icon{font-size:1.25rem;flex-shrink:0;margin-top:.25rem}.activity-content{flex:1}.activity-text{color:#374151;margin:0 0 .25rem;font-size:.875rem}.activity-time{color:#6b7280;font-size:.75rem}.loading-container,.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.loading-container p,.error-container p{margin-top:1rem;color:#6b7280}.error-container h2{color:#ef4444;margin-bottom:1rem}@media (max-width: 768px){.nav-container{padding:0 1rem}.nav-menu{display:none}.mobile-menu-btn,.mobile-menu{display:block}.main-content{padding:1rem}.page-title,.page-icon{font-size:2rem}.users-grid,.groups-grid,.tools-grid,.guidelines-grid,.table-header,.table-row{grid-template-columns:1fr}.header-cell,.table-cell{padding:.5rem}.detail-header{flex-direction:column;gap:1rem}.user-profile{flex-direction:column;text-align:center}.user-details-grid{grid-template-columns:1fr}}.users-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-top:1.5rem;overflow:hidden;border:1px solid #e5e7eb}.users-table-content{width:100%;border-collapse:collapse}.users-table-content thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.users-table-content th{padding:1rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.users-table-content tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease}.users-table-content tbody tr:hover{background-color:#f9fafb}.users-table-content tbody tr:last-child{border-bottom:none}.users-table-content td{padding:1rem;vertical-align:middle}.user-name-cell .user-name{font-weight:600;color:#1f2937;font-size:1rem}.user-email-cell .user-email,.user-created-cell .user-created,.user-login-cell .user-login{color:#6b7280;font-size:.875rem}.user-actions-cell .view-details-link{color:#3b82f6;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s ease}.user-actions-cell .view-details-link:hover{color:#1d4ed8;text-decoration:underline}.filter-controls{background:#fff;border-radius:8px;padding:1rem;margin:1rem 0;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.filter-group{display:flex;align-items:center;gap:.75rem}.filter-label{font-size:.875rem;font-weight:500;color:#374151;white-space:nowrap}.filter-select{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background:#fff;color:#374151;cursor:pointer;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sortable-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .2s ease;position:relative}.sortable-header:hover{background-color:#f3f4f6}.sortable-header:active{background-color:#e5e7eb}.user-name-subtitle{font-size:.75rem;color:#9ca3af;margin-top:.25rem;font-style:italic}.services-container{padding:2rem;max-width:1200px;margin:0 auto}.services-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;color:#fff;box-shadow:0 10px 25px #0000001a}.header-content h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.header-content p{font-size:1.1rem;opacity:.9;margin:0}.header-actions .refresh-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.header-actions .refresh-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px)}.header-actions .refresh-btn:disabled{opacity:.6;cursor:not-allowed}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem}.service-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d;overflow:hidden;transition:all .3s ease}.service-section:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.service-details-panel{border-top:1px solid #e5e7eb;background:#f9fafb}.details-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;cursor:pointer;transition:background-color .2s ease}.details-header:hover{background-color:#f3f4f6}.details-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#374151}.toggle-details-btn{background:none;border:none;font-size:1.2rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.toggle-details-btn:hover{background-color:#e5e7eb;color:#374151}.details-content{padding:1.5rem;border-top:1px solid #e5e7eb;background:#fff}.detail-section{margin-bottom:1.5rem}.detail-section:last-child{margin-bottom:0}.detail-section h4{font-size:1rem;font-weight:600;color:#374151;margin:0 0 .75rem}.detail-section p{color:#6b7280;line-height:1.6;margin:0}.endpoints-list,.dependencies-list{list-style:none;padding:0;margin:0}.endpoint-item,.dependency-item{padding:.5rem 0;border-bottom:1px solid #f3f4f6}.endpoint-item:last-child,.dependency-item:last-child{border-bottom:none}.endpoint-item code{background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:#374151}.dependency-item{color:#6b7280;font-weight:500}.port-info{background:#dbeafe;color:#1e40af;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;display:inline-block}.system-overview{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb}.overview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.overview-header h2{font-size:1rem;font-weight:600;color:#374151;margin:0}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.stat-card{text-align:center;padding:.75rem;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f}.stat-number{font-size:1.5rem;font-weight:700;color:#1e40af;margin-bottom:.25rem}.stat-label{font-size:.75rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em}@media (max-width: 768px){.services-container{padding:1rem}.services-header{flex-direction:column;text-align:center;gap:1rem}.header-content h1{font-size:2rem}.services-grid{grid-template-columns:1fr;gap:1rem}.overview-stats{grid-template-columns:1fr}.details-header{padding:.75rem 1rem}.details-content{padding:1rem}}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #0000000f;border:1px solid #e5e7eb;margin:2rem 0}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{font-size:1.5rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-state p{color:#6b7280;margin-bottom:.5rem}.empty-subtitle{font-size:.875rem;color:#9ca3af}.group-status{color:#6b7280;font-size:.875rem;margin-bottom:1rem;padding:.5rem;background:#f9fafb;border-radius:.375rem;border-left:3px solid #3b82f6}content: ""; position: absolute; top: 0; .feature-tag{background:linear-gradient(135deg,#00a3ff,#06c);color:#fff;padding:12px 8px 4px;border-radius:12px;font-size:.625rem;font-weight:500;white-space:nowrap;margin-top:12px;border-top:1px solid #e2e8f0}.feature-tag{background:linear-gradient(135deg,#00a3ff,#06c);color:#fff;padding:4px 8px;border-radius:12px;font-size:.625rem;font-weight:500;white-space:nowrap}.devtools-container{max-width:1200px;margin:0 auto;padding:2rem}.devtools-header{margin-bottom:2rem}.credentials-section{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05)}.credentials-section .flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.credentials-section h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.credentials-section p{font-size:.875rem;color:#6b7280}.credentials-section button{padding:.5rem 1rem;background:linear-gradient(to right,#2563eb,#8b5cf6);color:#fff;border:none;border-radius:.5rem;font-weight:500;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a;display:flex;align-items:center;gap:.5rem}.credentials-section button:hover:not(:disabled){background:linear-gradient(to right,#1d4ed8,#7c3aed);transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a}.credentials-section button:disabled{opacity:.5;cursor:not-allowed;transform:none}.credentials-section .grid{display:grid;gap:1rem}.credentials-section .border{border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;background:#f9fafb;transition:box-shadow .2s}.credentials-section .border:hover{box-shadow:0 4px 6px -1px #0000001a}.credentials-section .grid-cols-1{grid-template-columns:1fr}.credentials-section .md\\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.credentials-section .gap-4{gap:1rem}.credentials-section .space-y-1{margin-top:.25rem}.credentials-section .space-y-1>*+*{margin-top:.25rem}.credentials-section .text-sm{font-size:.875rem}.credentials-section .font-medium{font-weight:500}.credentials-section .text-gray-900{color:#111827}.credentials-section .text-gray-600{color:#4b5563}.credentials-section .text-gray-500{color:#6b7280}.credentials-section .bg-gray-100{background-color:#f3f4f6}.credentials-section .p-3{padding:.75rem}.credentials-section .rounded-lg{border-radius:.5rem}.credentials-section .border{border:1px solid #e5e7eb}.credentials-section .font-mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace}.credentials-section .text-xs{font-size:.75rem}.credentials-section .break-all{word-break:break-all}.credentials-section .list-disc{list-style-type:disc}.credentials-section .list-inside{list-style-position:inside}.credentials-section .ml-4{margin-left:1rem}.credentials-section .mb-4{margin-bottom:1rem}.credentials-section .mb-2{margin-bottom:.5rem}.credentials-section .py-8{padding-top:2rem;padding-bottom:2rem}.credentials-section .text-center{text-align:center}.credentials-section .flex.items-center.justify-center{display:flex;align-items:center;justify-content:center}.credentials-section .animate-spin{animation:spin 1s linear infinite}.credentials-section .text-2xl{font-size:1.5rem}.credentials-section .ml-2{margin-left:.5rem}@media (max-width: 768px){.devtools-container{padding:1rem}.credentials-section{padding:1.5rem}.credentials-section .md\\:grid-cols-2{grid-template-columns:1fr}}.image-thumbnail{position:relative;border-radius:8px;overflow:hidden;background-color:#f9fafb;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center}.image-thumbnail.no-image{background-color:#f3f4f6;border-color:#d1d5db}.no-image-content{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;font-size:.75rem}.no-image-icon{font-size:1.5rem;margin-bottom:.25rem}.no-image-text{font-weight:500}.thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px}.image-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#f9fafb}.map-container{width:100%;border-radius:8px;overflow:hidden;background-color:#f9fafb;border:1px solid #e5e7eb;margin-top:.5rem}.map-container.no-coordinates{background-color:#f3f4f6;border-color:#d1d5db}.map-placeholder{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b7280;background-color:#f3f4f6}.map-icon{font-size:2rem;margin-bottom:.5rem}.map-text{font-weight:500;font-size:.875rem}.coordinates-info{padding:.5rem;background-color:#f9fafb;border-top:1px solid #e5e7eb;text-align:center}.coordinate{font-size:.75rem;color:#6b7280;font-family:monospace}.ecosystem-map{width:100%;height:200px;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a}.group-header-left{display:flex;align-items:center;gap:.75rem}.group-thumbnail{flex-shrink:0}.group-title{flex:1}.group-location{margin:1rem 0}.group-map{width:100%}.empty-state-row{display:flex;align-items:flex-start;justify-content:center;gap:3rem;margin:3rem 0;padding:2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.empty-ecosystem-meta{display:flex;flex-direction:column;align-items:center;gap:1.5rem;min-width:280px;max-width:320px;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.ecosystem-thumbnail{margin-bottom:.5rem;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.ecosystem-map{width:100%;min-width:240px;max-width:300px;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;min-height:200px}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.empty-state h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.empty-state p{color:#6b7280;margin:0 0 .5rem;font-size:1rem}.empty-subtitle{color:#9ca3af;font-size:.875rem;font-style:italic}@media (max-width: 900px){.empty-state-row{flex-direction:column;align-items:center;gap:2rem;padding:1.5rem}.empty-ecosystem-meta{flex-direction:row;justify-content:center;min-width:0;max-width:100%;gap:1.5rem;padding:1rem}.ecosystem-map{min-width:180px;max-width:100%}}@media (max-width: 600px){.empty-state-row{flex-direction:column;align-items:center;gap:1.5rem;padding:1rem;margin:2rem 0}.empty-ecosystem-meta{flex-direction:column;align-items:center;gap:1rem;padding:1rem;min-width:0;max-width:100%}.ecosystem-map{min-width:0;max-width:100%}.empty-state{padding:1.5rem;min-height:180px}.empty-icon{font-size:2.5rem}.empty-state h3{font-size:1.25rem}}.ecosystem-info{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.ecosystem-description{color:#4b5563;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.ecosystem-metadata{display:flex;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.ecosystem-thumbnail{flex-shrink:0}.ecosystem-image{width:120px;height:90px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0}.ecosystem-location{flex:1;min-width:200px}.watch-events-overview{margin-bottom:1.5rem}.watch-events-stats{display:flex;gap:1rem;margin-bottom:1rem}.watch-stat{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#f8fafc;border-radius:.5rem;border:1px solid #e2e8f0;min-width:100px}.watch-stat-number{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:.25rem}.watch-stat-label{font-size:.75rem;color:#64748b;text-align:center}.watch-events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem;margin-top:1rem}.watch-event-card{background:#fff;border-radius:.75rem;border:1px solid #e2e8f0;padding:1rem;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.watch-event-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.watch-event-card.critical{border-left:4px solid #ef4444}.watch-event-card.notice{border-left:4px solid #3b82f6}.watch-event-card.inactive{opacity:.6;background:#f8fafc}.watch-event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.watch-event-actions{flex-shrink:0;margin-left:.5rem}.watch-event-type{flex:1}.event-type-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.event-type-badge.critical{background:#fef2f2;color:#dc2626}.event-type-badge.notice{background:#eff6ff;color:#2563eb}.watch-event-status{flex-shrink:0}.status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.status-badge.active{background:#f0fdf4;color:#16a34a}.status-badge.inactive{background:#f1f5f9;color:#64748b}.watch-event-content{margin-top:.75rem}.watch-event-description{color:#374151;font-size:.875rem;line-height:1.5;margin-bottom:.75rem}.watch-event-meta{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:#6b7280}.event-created,.event-updated{display:flex;align-items:center}@media (max-width: 768px){.watch-events-stats{flex-wrap:wrap;gap:.5rem}.watch-stat{min-width:80px;padding:.5rem}.watch-events-grid{grid-template-columns:1fr;gap:.75rem}.watch-event-header{flex-direction:column;align-items:flex-start;gap:.5rem}.watch-event-status{align-self:flex-end}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem}.modal-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-form{padding:0 1.5rem 1.5rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s ease;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.disabled,.form-select:disabled,.form-textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-textarea{resize:vertical;min-height:100px}.form-checkbox{margin-right:.5rem;width:1rem;height:1rem;accent-color:#3b82f6}.checkbox-label{font-size:.875rem;color:#374151;cursor:pointer}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.modal-actions-left{display:flex;gap:.5rem}.modal-actions-right{display:flex;gap:.75rem}.delete-confirm{max-width:400px}.delete-confirm .modal-body{padding:1rem 0}.delete-warning{color:#dc2626;font-weight:500;margin-top:.5rem}@media (max-width: 640px){.modal-content{margin:1rem;max-width:none}.modal-header{padding:1rem 1rem 0}.modal-form{padding:0 1rem 1rem}.modal-actions{flex-direction:column}.modal-actions .btn{width:100%}}.section-header-with-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header-with-actions .section-title{margin-bottom:0}.btn-sm{padding:.5rem 1rem;font-size:.875rem;border-radius:.375rem}.device-selection{margin-top:.5rem}.no-devices{color:#6b7280;font-style:italic;font-size:.875rem;margin:0;padding:.5rem;background:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.device-checkboxes{max-height:200px;overflow-y:auto;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;padding:.5rem}.device-checkbox-item{display:flex;align-items:center;padding:.5rem;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease;margin-bottom:.25rem}.device-checkbox-item:hover{background-color:#f9fafb}.device-checkbox-item:last-child{margin-bottom:0}.device-checkbox-label{display:flex;align-items:center;gap:.5rem;flex:1;font-size:.875rem;color:#374151}.device-name{font-weight:500;color:#1f2937}.device-type{color:#6b7280;font-size:.75rem}.device-status{display:flex;align-items:center;font-size:.75rem}.device-status.online{color:#16a34a}.device-status.offline{color:#6b7280}.device-status.error{color:#dc2626}.device-selection-summary{margin-top:.5rem;text-align:center}.device-selection-summary small{color:#6b7280;font-size:.75rem}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.header-left{flex:1;min-width:0}.header-right{flex:1;background:#f8fafc;border-radius:.5rem;padding:1rem;border:1px solid #e2e8f0;display:grid;grid-template-rows:1fr auto;gap:0;min-height:0}.ecosystem-overview-compact{display:flex;flex-direction:column;gap:.75rem}.ecosystem-stats-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.ecosystem-stat-compact{display:flex;flex-direction:column;align-items:center;padding:.75rem;background:#fff;border-radius:.375rem;border:1px solid #e2e8f0;transition:all .15s ease-in-out}.ecosystem-stat-compact:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.ecosystem-stat-number-compact{font-size:1.5rem;font-weight:700;color:#1e40af;line-height:1;margin-bottom:.25rem}.ecosystem-stat-label-compact{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.ecosystem-stats-horizontal{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem;padding:.75rem;background:#f8fafc;border-radius:.375rem;border:1px solid #e2e8f0;width:50%}.stat-item-horizontal{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center}.stat-number-horizontal{font-size:1.25rem;font-weight:700;color:#1e40af;line-height:1;margin-bottom:.25rem}.stat-label-horizontal{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.ecosystem-map-full{width:100%;height:300px;border-radius:.375rem;overflow:hidden;border:1px solid #e2e8f0;background:#fff;position:relative}.header-right .ecosystem-map{width:100vw;height:50vh;max-width:100%;max-height:400px;border:none;border-radius:.375rem .375rem 0 0;display:block;margin-bottom:0;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover}.header-right .coordinates-display{padding:.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:0 0 .375rem .375rem;text-align:center;height:40px;display:flex;align-items:center;justify-content:center;margin-top:-1px}.coordinate-text,.coordinate-compact{font-size:.75rem;font-family:ui-monospace,SFMono-Regular,SF Mono,Consolas,Liberation Mono,Menlo,monospace;color:#6b7280}@media (max-width: 1024px){.detail-header{flex-direction:column;gap:1rem}.header-right{width:100%;max-width:400px}.ecosystem-stats-compact{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.detail-header{padding:1rem}.header-right{max-width:none}.ecosystem-stats-horizontal{gap:.5rem;padding:.5rem}.stat-number-horizontal{font-size:1rem}.stat-label-horizontal{font-size:.625rem}.ecosystem-map-full{height:250px}}@media (max-width: 480px){.ecosystem-stats-horizontal{gap:.25rem;padding:.375rem}.stat-number-horizontal{font-size:.875rem}.stat-label-horizontal{font-size:.5rem}.ecosystem-map-full{height:200px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:90vw;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.modal-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:2rem}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;border-top:1px solid #e5e7eb}.modal-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:#374151}.form-input,.form-select{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:border-color .2s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.page-header{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(0,0,0,.05)}.header-content{display:flex;justify-content:space-between;align-items:center}.header-info h1{font-size:2rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.header-info p{color:#6b7280;font-size:1.1rem;margin:0}.region-details-modal{max-width:800px;max-height:90vh;overflow-y:auto}.region-details{display:flex;flex-direction:column;gap:1.5rem}.detail-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1.25rem}.detail-section h3{margin:0 0 1rem;font-size:1.1rem;font-weight:600;color:#1e293b;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.875rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.detail-value{font-size:1rem;color:#1e293b;font-weight:500}.state-badge{display:inline-flex;align-items:center;gap:.25rem;font-weight:600}.providers-list,.ecosystems-list{display:flex;flex-direction:column;gap:.75rem}.provider-item,.ecosystem-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px}.provider-name,.ecosystem-name{font-weight:500;color:#1e293b}.provider-type,.ecosystem-id{font-size:.875rem;color:#64748b}.provider-status{margin-left:auto;font-size:.875rem;font-weight:500}.provider-status.enabled{color:#059669}.provider-status.disabled{color:#dc2626}.no-data{color:#64748b;font-style:italic;text-align:center;padding:1rem}.weather-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.weather-stat{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:6px}.weather-stat .stat-label{font-size:.875rem;color:#64748b;font-weight:500}.weather-stat .stat-value{font-size:1.125rem;font-weight:600;color:#1e293b}.trigger-result{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;padding:1rem}.result-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.result-item:last-child{margin-bottom:0}.result-label{font-weight:500;color:#374151}.result-value{font-weight:500}.result-value.success{color:#059669}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.loading-spinner{width:2rem;height:2rem;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.region-id{font-size:.875rem;font-weight:400;opacity:.7;margin-left:.5rem}.region-id-clickable{background:none;border:none;font-size:.875rem;font-weight:500;color:#3b82f6;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .2s ease;text-decoration:underline;text-decoration-color:transparent}.region-id-clickable:hover{background:#eff6ff;text-decoration-color:#3b82f6}