body,html{height:100%;margin:0;overflow:hidden;padding:0}html{overscroll-behavior:none;-webkit-overflow-scrolling:touch}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;touch-action:manipulation}.div-main{bottom:0;height:100vh;position:absolute;top:0;width:100%}.map-container{height:100vh;overflow:hidden;position:relative;width:100%}.div-map{bottom:0;height:100vh;position:absolute;top:0;touch-action:none;width:100%}.ol-popup{backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid hsla(0,0%,100%,.8);border-radius:12px;bottom:12px;box-shadow:0 10px 20px rgba(0,0,0,.08),0 4px 8px rgba(0,0,0,.06);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;left:-50px;max-width:300px;min-width:260px;overflow:hidden;position:absolute}.ol-popup:after,.ol-popup:before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;top:100%;width:0}.ol-popup:after{border-top-color:#fff;border-width:12px;left:48px;margin-left:-12px}.ol-popup:before{border-top-color:hsla(0,0%,100%,.8);border-width:13px;left:48px;margin-left:-13px}.ol-popup-closer{align-items:center;background:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.3);border-radius:50%;display:flex;height:24px;justify-content:center;position:absolute;right:12px;text-decoration:none;top:12px;transition:all .2s ease;width:24px;z-index:10}.ol-popup-closer:hover{background:#fff;transform:scale(1.1)}.ol-popup-closer:after{color:#666;content:"✕";font-size:12px;font-weight:700}.node-popup{margin:0;padding:0}.node-popup-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(0,0,0,.06);color:#fff;display:flex;padding:12px 16px 10px;position:relative}.node-status-indicator{border:2px solid hsla(0,0%,100%,.3);border-radius:50%;flex-shrink:0;height:12px;margin-right:12px;width:12px}.node-status-indicator.online{background:#4ade80;box-shadow:0 0 8px rgba(74,222,128,.4)}.node-status-indicator.warning{background:#fbbf24;box-shadow:0 0 8px rgba(251,191,36,.4)}.node-status-indicator.offline{background:#f87171;box-shadow:0 0 8px hsla(0,91%,71%,.4)}.node-popup-title h2{font-size:15px;font-weight:600;line-height:1.2;margin:0}.node-popup-title h2 a{align-items:center;border-bottom:2px solid hsla(0,0%,100%,.3);color:#fff;cursor:pointer;display:inline-flex;gap:6px;padding-bottom:2px;position:relative;text-decoration:none;transition:all .3s ease}.node-popup-title h2 a:hover{border-bottom-color:gold;color:gold;text-shadow:0 0 8px rgba(255,215,0,.5);transform:translateY(-1px)}.node-popup-title h2 a .link-icon{font-size:10px;height:12px;margin-left:4px;opacity:.7;transform:translateY(1px);transition:all .3s ease;width:12px}.node-popup-title h2 a:hover .link-icon{opacity:1;transform:translateY(0) scale(1.1)}.node-short-name{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border-radius:8px;display:inline-block;font-size:10px;font-weight:500;margin-top:2px;padding:1px 6px}.node-status-text{font-size:11px;font-weight:400;margin-top:2px;opacity:.85}.node-popup-content{padding:12px}.node-info-grid{display:grid;font-size:12px;gap:8px 12px;grid-template-columns:1fr 1fr;margin:0;width:100%}.node-info-item{display:flex;flex-direction:column;gap:2px;min-height:auto;width:100%}.node-info-item.full-width{grid-column:1/-1}.node-info-label{align-items:center;color:#6b7280;display:flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.3px;text-transform:uppercase}.node-info-label svg{color:#9ca3af;height:12px;width:12px}.node-info-label i{align-items:center;color:#9ca3af;display:inline-flex;font-size:10px;font-size:12px;height:12px;justify-content:center;text-align:center;width:12px}.node-info-value{color:#1f2937;font-size:12px;font-weight:500;line-height:1.2;word-break:break-word}.edge-popup{margin:0;padding:0}.edge-popup-title{align-items:center;background:linear-gradient(135deg,#059669,#047857);border-bottom:1px solid rgba(0,0,0,.06);border-radius:12px 12px 0 0;color:#fff;display:flex;font-size:14px;font-weight:600;letter-spacing:-.02em;margin:0;padding:12px 16px 10px}.edge-popup-content{padding:16px}.edge-popup-row{align-items:center;border-bottom:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;padding:8px 0}.edge-popup-row:last-child{border-bottom:none;padding-bottom:0}.edge-popup-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.02em;min-width:60px;text-transform:uppercase}.edge-popup-value{color:#1f2937;font-size:13px;font-weight:500;line-height:1.3;max-width:180px;text-align:right;word-break:break-word}.snr-value{font-weight:600;margin-right:8px}.snr-quality{border-radius:4px;display:inline-block;font-size:11px;font-weight:500;padding:2px 6px;text-transform:capitalize}.snr-quality.snr-excellent{background:rgba(16,185,129,.1);color:#059669}.snr-quality.snr-good{background:rgba(234,179,8,.1);color:#d97706}.snr-quality.snr-fair{background:rgba(245,158,11,.1);color:#f59e0b}.snr-quality.snr-poor{background:rgba(220,38,38,.1);color:#dc2626}.info-panel{backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid hsla(0,0%,100%,.8);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.08);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;left:20px;max-width:400px;min-width:320px;pointer-events:auto;position:absolute;top:70px;z-index:1000}.info-arrow{display:none}.info-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-bottom:1px solid rgba(0,0,0,.06);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 20px 16px}.info-title{font-size:18px;font-weight:600;margin:0}.info-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.info-close-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.info-content{gap:20px;padding:20px}.info-content,.info-section{display:flex;flex-direction:column}.info-section{gap:12px}.info-section h5{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:15px;font-weight:600;margin:0 0 8px;padding-bottom:6px}.info-item{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:500;gap:12px}.info-item.info-expiry{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:10px 12px}.info-item.info-expiry i{color:#3b82f6;flex-shrink:0;font-size:16px}.info-dot{border:2px solid hsla(0,0%,100%,.9);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1);flex-shrink:0;height:12px;width:12px}.info-dot.wireless.high{background:#ef4444}.info-dot.wireless.medium{background:#f59e0b}.info-dot.wireless.low{background:#10b981}.info-dot.mqtt{background:#8b5cf6}.info-line{border-radius:2px;flex-shrink:0;height:3px;width:24px}.info-line.excellent{background:#10b981}.info-line.good{background:#3b82f6}.info-line.fair{background:#f59e0b}.info-line.poor{background:#ef4444}@media(max-width:768px){.ol-popup{left:-140px;max-width:calc(100vw - 40px);min-width:280px}.node-popup-header{padding:12px 14px 10px}.node-popup-content{padding:14px}.node-popup-title h2{font-size:15px}.node-info-grid{display:grid!important;font-size:12px;gap:8px 10px!important;grid-template-columns:1fr 1fr!important}.node-info-grid,.node-info-item{background:transparent;margin:0;padding:0;width:100%}.node-info-item{display:flex!important;flex-direction:column!important;gap:3px!important;min-height:25px}.node-info-item.full-width{grid-column:1/-1!important}.node-info-label{align-items:center;color:#6b7280;display:flex;font-size:10px!important;font-weight:600;gap:3px;letter-spacing:.3px;margin:0;padding:0;text-transform:uppercase}.node-info-value{color:#1f2937;font-size:12px!important;font-weight:500;line-height:1.2;margin:0;padding:0;word-break:break-word}}.layer-control,.layer-switcher-container,.layer-switcher-label,.layer-switcher-label i,.layer-switcher-text,.map-controls{display:none}.layer-switcher-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px;padding:6px 8px;transition:all .2s ease;width:100%}.layer-switcher-select:hover{border-color:#9ca3af}.layer-switcher-select:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.topology-toggle{align-items:center;color:#374151;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;font-weight:500;gap:12px}.topology-toggle input[type=checkbox]{display:none}.topology-toggle-slider{background:#d1d5db;border-radius:12px;flex-shrink:0;height:24px;position:relative;transition:all .3s ease;width:44px}.topology-toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:20px;left:2px;position:absolute;top:2px;transition:all .3s ease;width:20px}.topology-toggle input:checked+.topology-toggle-slider{background:#667eea}.topology-toggle input:checked+.topology-toggle-slider:before{transform:translateX(20px)}.topology-toggle-label{flex:1;user-select:none}.topology-legend{border-top:1px solid rgba(0,0,0,.08);margin-top:16px;padding-top:16px}.legend-item{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:12px;margin-bottom:8px}.legend-item:last-child{margin-bottom:0}.settings-panel{backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid hsla(0,0%,100%,.8);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.08);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;left:20px;max-width:400px;min-width:320px;pointer-events:auto;position:absolute;top:70px;z-index:1000}.settings-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom:1px solid rgba(0,0,0,.06);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 20px 16px}.settings-title{font-size:18px;font-weight:600;margin:0}.settings-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.settings-close-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.settings-content{gap:20px;padding:20px}.settings-content,.settings-group{display:flex;flex-direction:column}.settings-group{gap:12px}.settings-group h4{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.settings-group h4 i{color:#6b7280;font-size:14px;text-align:center;width:16px}.settings-group-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.settings-clear-btn{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s ease}.settings-clear-btn:hover{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3)}.weather-overlays-list{display:flex;flex-direction:column;gap:8px}.weather-overlay-item{background:hsla(0,0%,100%,.5);border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:12px;transition:all .2s ease}.weather-overlay-item:hover{background:hsla(0,0%,100%,.7);border-color:rgba(0,0,0,.15)}.weather-overlay-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.weather-overlay-toggle{align-items:center;cursor:pointer;display:flex;flex:1;gap:8px}.weather-overlay-toggle input[type=checkbox]{display:none}.weather-overlay-checkbox{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:3px;display:flex;height:16px;justify-content:center;transition:all .2s ease;width:16px}.weather-overlay-checkbox:hover{border-color:#6366f1}.weather-overlay-toggle input[type=checkbox]:checked+.weather-overlay-checkbox{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1}.weather-overlay-toggle input[type=checkbox]:checked+.weather-overlay-checkbox:after{color:#fff;content:"✓";font-size:10px;font-weight:700}.weather-overlay-name{color:#374151;font-size:14px;font-weight:500}.weather-info{background:rgba(59,130,246,.05);border:1px solid rgba(59,130,246,.1);border-radius:6px;margin-top:8px;padding:8px}.weather-info-text{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:4px;margin:0}.weather-info-text i{color:#3b82f6}.search-toggle-button{align-items:center;display:flex;gap:8px;left:20px;position:absolute;top:20px;z-index:1000}.search-btn{align-items:center;backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 8px 24px rgba(102,126,234,.3),0 4px 8px rgba(102,126,234,.2);color:#fff;cursor:pointer;display:flex;justify-content:center;min-height:36px;padding:12px;transition:all .3s ease}.search-btn:hover{box-shadow:0 12px 32px rgba(102,126,234,.4),0 6px 12px rgba(102,126,234,.3);transform:translateY(-2px)}.search-btn:active{transform:translateY(0)}.filter-indicator{background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:8px;box-shadow:0 4px 12px rgba(245,158,11,.3);color:#fff;font-size:12px;font-weight:600;padding:4px 8px;white-space:nowrap}.zoom-controls{display:flex;flex-direction:column;gap:2px;left:20px;position:absolute;top:76px;z-index:1000}.zoom-btn{align-items:center;backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border:1px solid hsla(0,0%,100%,.15);border-radius:8px;box-shadow:0 4px 12px rgba(102,126,234,.25),0 2px 4px rgba(102,126,234,.15);color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;padding:8px;transition:all .3s ease;width:32px}.zoom-btn:hover{box-shadow:0 6px 16px rgba(102,126,234,.35),0 3px 6px rgba(102,126,234,.25);transform:translateY(-1px)}.zoom-btn:active{transform:translateY(0)}.zoom-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.zoom-btn:disabled:hover{box-shadow:0 4px 12px rgba(102,126,234,.25),0 2px 4px rgba(102,126,234,.15);transform:none}.info-toggle-button{left:76px;position:absolute;top:20px;z-index:1000}.info-btn{align-items:center;backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981,#059669);border:none;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 8px 24px rgba(16,185,129,.3),0 4px 8px rgba(16,185,129,.2);color:#fff;cursor:pointer;display:flex;justify-content:center;min-height:36px;padding:12px;transition:all .3s ease}.info-btn:hover{box-shadow:0 12px 32px rgba(16,185,129,.4),0 6px 12px rgba(16,185,129,.3);transform:translateY(-2px)}.info-btn:active{transform:translateY(0)}.info-btn.active{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 12px 32px rgba(5,150,105,.5),0 6px 12px rgba(5,150,105,.4);transform:translateY(-1px)}.settings-toggle-button{left:132px;position:absolute;top:20px;z-index:1000}.settings-btn{align-items:center;backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 8px 24px rgba(99,102,241,.3),0 4px 8px rgba(99,102,241,.2);color:#fff;cursor:pointer;display:flex;justify-content:center;min-height:36px;padding:12px;transition:all .3s ease}.settings-btn:hover{box-shadow:0 12px 32px rgba(99,102,241,.4),0 6px 12px rgba(99,102,241,.3);transform:translateY(-2px)}.settings-btn:active{transform:translateY(0)}.settings-btn.active{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 12px 32px rgba(139,92,246,.5),0 6px 12px rgba(139,92,246,.4);transform:translateY(-1px)}.search-panel{backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid hsla(0,0%,100%,.8);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.08);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;left:20px;max-height:80vh;max-width:400px;min-width:320px;overflow-y:auto;position:absolute;top:70px;z-index:1000}.search-panel-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(0,0,0,.06);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 20px 16px}.search-panel-header h3{font-size:18px;font-weight:600;margin:0}.search-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.search-close-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.search-panel-stats{background:rgba(102,126,234,.05);border-bottom:1px solid rgba(0,0,0,.06);color:#374151;font-size:13px;font-weight:400;opacity:.9;padding:12px 20px}.search-panel-content{padding:20px}.search-group{margin-bottom:20px}.search-group:last-child{margin-bottom:0}.search-label{align-items:center;color:#6b7280;display:flex;font-size:13px;font-weight:500;gap:8px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.search-label svg{color:#9ca3af;height:16px;width:16px}.search-input,.search-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.search-input:focus,.search-select:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.search-input::placeholder{color:#9ca3af}.search-input-group{display:flex;position:relative}.search-input-group .search-input{border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;flex:1}.search-apply-btn{align-items:center;background:#667eea;border:2px solid #667eea;border-bottom-right-radius:8px;border-left:none;border-top-right-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:center;min-width:44px;padding:10px 12px;transition:all .2s ease}.search-apply-btn:hover{background:#5a6fd8;border-color:#5a6fd8}.search-apply-btn:active{background:#4f5cd1;border-color:#4f5cd1;transform:translateY(1px)}.search-apply-btn svg{height:16px;width:16px}.search-select{cursor:pointer}.search-actions{border-top:1px solid rgba(0,0,0,.06);margin-top:24px;padding-top:20px}.clear-filters-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease;width:100%}.clear-filters-btn:hover:not(:disabled){box-shadow:0 8px 20px rgba(239,68,68,.3);transform:translateY(-1px)}.clear-filters-btn:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.clear-filters-btn svg{height:16px;width:16px}@media(max-width:768px){.div-map{bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw}.search-panel{left:10px;max-height:60vh;max-width:none;min-width:auto;right:10px;top:60px;z-index:1000}.search-panel-content,.search-panel-header{padding:12px}.search-panel-header h3{font-size:16px}.search-group{margin-bottom:12px}.search-actions{margin-top:12px;padding-top:12px}.legend-panel{left:10px;max-width:calc(100vw - 20px);min-width:auto;position:fixed;right:10px;top:60px}.legend-header{padding:16px 16px 12px}.legend-title{font-size:16px}.legend-items{gap:10px;padding:16px}.legend-item{font-size:13px;gap:10px}.legend-dot{height:8px;width:8px}.ol-popup{left:-140px;max-width:calc(100vw - 40px);min-width:280px}.node-popup-header{padding:12px 14px 10px}.node-popup-content{padding:14px}.node-popup-title h2{font-size:15px}}.map-attribution{backdrop-filter:blur(8px);background:hsla(0,0%,100%,.8);border:1px solid hsla(0,0%,100%,.5);border-radius:6px;bottom:10px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:4px 8px;position:absolute;right:10px;z-index:1000}.attribution-content{align-items:center;display:flex;font-size:11px;line-height:1.2}.attribution-link{color:#333;font-weight:500;text-decoration:none;transition:color .2s ease}.attribution-link:hover{color:#007cba;text-decoration:underline}@media(max-width:768px){.map-attribution{bottom:8px;padding:3px 6px;right:8px}.attribution-content{font-size:10px}}@media(max-width:480px){.map-attribution{bottom:6px;padding:2px 5px;right:6px}.attribution-content{font-size:9px}}