html,body{margin:0;padding:0;height:100%;font-family:Arial,sans-serif;background-color:#000;overflow:hidden}.header{padding:8px 16px;background-color:#e3f2fd;box-shadow:0 2px 4px #0000001a;position:relative;z-index:1000}.header-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.header-file-buttons{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;justify-content:flex-start}.header h1{margin:0;font-size:20px;white-space:nowrap;text-align:center;pointer-events:none}.header-logo-wrapper{display:flex;justify-content:flex-end;align-items:center;gap:12px}.logout-btn{padding:6px 14px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;transition:background-color .2s;white-space:nowrap}.logout-btn:hover{background-color:#c0392b}.header-logo{height:40px;width:auto;object-fit:contain}.header-file-buttons{display:flex;align-items:center;gap:8px;flex-shrink:0}.file-button{display:inline-block;padding:7px 14px;background-color:#005b9f;color:#fff;border-radius:4px;cursor:pointer;font-weight:700;font-size:13px;transition:background-color .3s ease;white-space:nowrap}.file-button:hover{background-color:#004b85}.file-button-csv{background-color:#005b9f}.file-button-csv:hover{background-color:#004b85}.file-button-geojson{background-color:#005b9f}.file-button-geojson:hover{background-color:#004b85}#fileInput,#csvFileInput,#geojsonFileInput{display:none}#map{width:100%;height:calc(100vh - 57px);position:relative}.legends-container{position:absolute;top:5px;right:10px;bottom:30px;width:260px;max-height:calc(100vh - 130px);overflow-y:auto;overflow-x:hidden;background:transparent;z-index:1000;padding:5px;display:flex;flex-direction:column;gap:10px}.legends-container::-webkit-scrollbar{width:10px;cursor:default}.legends-container::-webkit-scrollbar-track{background:#0000000d;border-radius:4px;cursor:default}.legends-container::-webkit-scrollbar-thumb{background:#0041724d;border-radius:4px;transition:background .3s ease;cursor:default}.legends-container::-webkit-scrollbar-thumb:hover{background:#005b9f80;cursor:default}.legend-cereg{background:#fffffff2;padding:12px 16px;border-radius:8px;box-shadow:0 2px 8px #00000026;font-size:13px;width:100%;box-sizing:border-box;flex-shrink:0}.legend-cereg h4{margin:0 0 10px;font-size:14px;font-weight:700;color:#333;border-bottom:2px solid #2196f3;padding-bottom:6px}.cereg-info{display:flex;flex-direction:column;gap:8px}.cereg-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background-color:#e3f2fd;border-radius:5px;border-left:4px solid #2196f3;cursor:pointer;transition:all .3s ease}.cereg-item:hover{background-color:#bbdefb;transform:translate(-2px);box-shadow:2px 2px 5px #2196f333}.cereg-item.active{background-color:#2196f3;border-left-color:#1976d2}.cereg-item.active .cereg-label{color:#fff;font-weight:700}.cereg-item.active .cereg-count{background-color:#fff;color:#2196f3;font-weight:700}.cereg-error-item{background-color:#ffebee;border-left-color:#f44336}.cereg-error-item:hover{background-color:#ffcdd2;box-shadow:2px 2px 5px #f4433633}.cereg-error-item.active{background-color:#f44336;border-left-color:#d32f2f}.cereg-error-item.active .cereg-count{color:#f44336}.cereg-label{font-size:12px;color:#555;font-weight:600;pointer-events:none}.cereg-count{font-size:12px;color:#2196f3;font-weight:700;background-color:#fff;padding:2px 8px;border-radius:10px;min-width:25px;text-align:center;pointer-events:none}.legend-latency{background:#fffffff2;padding:12px 16px;border-radius:8px;box-shadow:0 2px 8px #00000026;font-size:13px;width:100%;box-sizing:border-box;flex-shrink:0}.legend-latency h4{margin:0 0 10px;font-size:14px;font-weight:700;color:#333;border-bottom:2px solid #9c27b0;padding-bottom:6px}.latency-info{display:flex;flex-direction:column;gap:8px}.latency-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background-color:#f3e5f5;border-radius:5px;border-left:4px solid #9c27b0}.latency-label{font-size:12px;color:#555;font-weight:600}.latency-value{font-size:13px;color:#9c27b0;font-weight:700;font-family:Courier New,monospace}.latency-zero-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background-color:#fff3e0;border-radius:5px;border-left:4px solid #ff9800;margin-top:4px;cursor:pointer;transition:all .3s ease}.latency-zero-item:hover{background-color:#ffe0b2;transform:translate(-2px);box-shadow:2px 2px 5px #ff980033}.latency-zero-item.active{background-color:#ff9800;border-left-color:#f57c00}.latency-zero-item.active .latency-label{color:#fff;font-weight:700}.latency-zero-item.active .latency-count{background-color:#fff;color:#ff9800;font-weight:700}.latency-count{font-size:12px;color:#ff9800;font-weight:700;background-color:#fff;padding:2px 8px;border-radius:10px;min-width:25px;text-align:center;pointer-events:none}.legend-cellid{background:#fffffff2;padding:12px 16px;border-radius:8px;box-shadow:0 2px 8px #00000026;font-size:13px;width:100%;box-sizing:border-box;flex-shrink:0}.legend-cellid h4{margin:0 0 10px;font-size:14px;font-weight:700;color:#333;border-bottom:2px solid #e67e22;padding-bottom:6px}.cellid-total{background-color:#fff3e0;padding:8px 10px;margin:10px 0;border-radius:5px;border-left:4px solid #e67e22;font-size:12px;color:#333;cursor:pointer;transition:all .3s ease}.cellid-total:hover{background-color:#ffe0b2;transform:translate(-2px);box-shadow:2px 2px 5px #e67e2233}.cellid-total.active{background-color:#e67e22;color:#fff;border-left-color:#d35400}.cellid-total.active strong{color:#fff}.cellid-total strong{color:#e67e22}.cellid-list{max-height:250px;overflow-y:auto}.cellid-list::-webkit-scrollbar{width:10px;cursor:default}.cellid-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px;cursor:default}.cellid-list::-webkit-scrollbar-thumb{background:#e67e22;border-radius:3px;cursor:default}.cellid-list::-webkit-scrollbar-thumb:hover{background:#d35400;cursor:default}.cellid-item{display:flex;align-items:center;justify-content:space-between;margin:6px 0;padding:6px 8px;border-radius:4px;cursor:pointer;transition:all .3s ease}.cellid-item:hover{background-color:#fff3e0;transform:translate(-2px);box-shadow:2px 2px 5px #e67e2233}.cellid-item.active{background-color:#e67e22;color:#fff;font-weight:700;border:2px solid #d35400}.cellid-item.active .cellid-label{color:#fff}.cellid-item.active .cellid-count{background-color:#fff;color:#e67e22}.cellid-label{font-size:12px;color:#555;font-weight:500;font-family:Courier New,monospace;pointer-events:none}.cellid-count{font-size:11px;color:#888;font-weight:700;background-color:#e8f5e9;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center;pointer-events:none}.legend{background:#fffffff2;padding:12px 16px;border-radius:8px;box-shadow:0 2px 8px #00000026;font-size:13px;width:100%;box-sizing:border-box;flex-shrink:0}.legend h4{margin:0 0 10px;font-size:14px;font-weight:700;color:#333;border-bottom:2px solid #005b9f;padding-bottom:6px}.point-counter{background-color:#f0f8ff;padding:8px 10px;margin:10px 0;border-radius:5px;border-left:4px solid #005b9f;font-size:12px;color:#333;cursor:pointer;transition:all .3s ease}.point-counter:hover{background-color:#e3f2fd;transform:translate(-2px);box-shadow:2px 2px 5px #005b9f33}.point-counter.active{background-color:#005b9f;color:#fff;border-left-color:#003d6b}.point-counter.active strong{color:#fff}.point-counter strong{color:#005b9f}.legend-item{display:flex;align-items:center;justify-content:space-between;margin:6px 0;padding:4px 6px;border-radius:4px;cursor:pointer;transition:all .3s ease}.legend-item:hover{background-color:#f5f5f5;transform:translate(-2px);box-shadow:2px 2px 5px #0000001a}.legend-item.active{background-color:#e8e8e8;border:2px solid #333;font-weight:700}.legend-item-left{display:flex;align-items:center}.legend-color{width:24px;height:16px;margin-right:10px;border-radius:3px;border:1px solid rgba(0,0,0,.1);pointer-events:none}.legend-label{font-size:12px;color:#555;font-weight:500;pointer-events:none}.legend-range{font-size:10px;font-weight:400}.legend-tech-label{font-size:12px;font-weight:500;color:#005b9f;margin-left:4px}.legend-count{font-size:11px;color:#888;font-weight:700;background-color:#f5f5f5;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center;pointer-events:none}.panel-hidden{display:none!important}.ruler-label{position:absolute;background:#e67e22;color:#fff;font-weight:700;font-size:12px;padding:3px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;z-index:1000}.custom-popup{font-family:Arial,sans-serif;font-size:13px}.popup-row{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #eee}.popup-row:last-child{border-bottom:none}.popup-label{font-weight:700;color:#333;margin-right:10px}.popup-value{color:#666;text-align:right}.map-controls{position:absolute;top:10px;left:10px;z-index:1000;display:flex;gap:8px;flex-wrap:wrap}.map-control-btn{background-color:#fffffff2;border:2px solid #005b9f;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:600;color:#005b9f;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #00000026;display:flex;align-items:center;gap:5px}.map-control-btn:hover{background-color:#005b9f;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #005b9f4d}.map-control-btn.active{background-color:#005b9f;color:#fff;border-color:#003d6b}.coords-panel{position:absolute;top:60px;left:10px;z-index:1000;background:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #00000026;padding:12px 14px;width:190px;box-sizing:border-box}.coords-panel h4{margin:0 0 10px;font-size:13px;font-weight:700;color:#333;border-bottom:2px solid #005b9f;padding-bottom:6px}.coords-input-group{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.coords-label{font-size:11px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.4px}.coords-input{width:100%;padding:5px 6px;border:1px solid #c8c8c8;border-radius:4px;font-size:12px;color:#333;background-color:#fff;outline:none;transition:border-color .2s;box-sizing:border-box}.coords-input:focus{border-color:#005b9f}.coords-btn{width:100%;padding:7px 10px;background-color:#005b9f;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;transition:background-color .2s;margin-top:2px}.coords-btn:hover{background-color:#004b85}.coords-btn-remove{margin-top:6px}.coords-btn-remove{background-color:#e74c3c}.coords-btn-remove:hover{background-color:#c0392b}.distance-panel{position:absolute;top:60px;left:10px;z-index:1000;background:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #00000026;padding:12px 14px;width:190px;box-sizing:border-box}.distance-panel h4{margin:0 0 8px;font-size:13px;font-weight:700;color:#333;border-bottom:2px solid #005b9f;padding-bottom:6px}.distance-metric{display:flex;justify-content:space-between;align-items:baseline;padding:3px 0;border-bottom:1px solid #f0f0f0}.distance-metric:last-child{border-bottom:none}.distance-metric-label{font-size:11px;color:#666;white-space:nowrap;margin-right:8px}.distance-metric-value{font-size:13px;font-weight:700;color:#005b9f;text-align:right;white-space:nowrap}.erb-filters-panel{position:absolute;top:60px;left:10px;z-index:1000;background:#fffffff2;border-radius:8px;box-shadow:0 2px 8px #00000026;padding:12px 14px;width:190px;box-sizing:border-box}.erb-filters-panel h4{margin:0 0 10px;font-size:13px;font-weight:700;color:#333;border-bottom:2px solid #005b9f;padding-bottom:6px}.erb-filter-group{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}.erb-filter-label{font-size:11px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.4px}.erb-select{width:100%;padding:5px 6px;border:1px solid #c8c8c8;border-radius:4px;font-size:12px;color:#333;background-color:#fff;cursor:pointer;outline:none;transition:border-color .2s;box-sizing:border-box}.erb-select:focus{border-color:#005b9f}.erb-counter{margin-top:4px;font-size:11px;color:#666;text-align:center;padding:4px 0 0;border-top:1px solid #eee}@media (max-width: 480px){.header{padding:8px}.header h1{font-size:16px}.header-logo{height:36px}.file-button{padding:8px 16px;font-size:14px;width:100%;max-width:250px;text-align:center}#map{height:calc(100vh - 57px)}.legends-container{position:absolute;right:0;bottom:0;width:100%;max-height:45vh;background:#fffffffa;border-radius:12px 12px 0 0;transition:transform .3s ease;z-index:1001}.legends-container.open{transform:translateY(0)}.map-controls{top:5px;left:5px;gap:5px}.map-control-btn{padding:6px 10px;font-size:11px}.erb-filters-panel{top:auto;left:0;bottom:45vh;width:100%;border-radius:0;box-shadow:0 -2px 8px #0000001f;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 10px}.erb-filters-panel h4{width:100%;margin-bottom:4px}.erb-filter-group{flex:1;min-width:80px;margin-bottom:0}.header-file-buttons{flex-direction:column;gap:4px}}.chart-modal-overlay{position:fixed;inset:0;background-color:#0000008c;z-index:9000;display:flex;align-items:center;justify-content:center}.chart-modal-container{background:#fff;border-radius:10px;box-shadow:0 8px 32px #0000004d;width:90vw;max-width:960px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.chart-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background-color:#005b9f;color:#fff}.chart-modal-header h3{margin:0;font-size:16px;font-weight:700}.chart-modal-header-actions{display:flex;align-items:center;gap:10px}.chart-reset-btn{background:#fff3;border:1px solid rgba(255,255,255,.6);border-radius:4px;color:#fff;font-size:12px;padding:4px 10px;cursor:pointer;transition:background .2s;white-space:nowrap}.chart-reset-btn:hover{background:#ffffff59}.chart-modal-close{background:transparent;border:none;color:#fff;font-size:22px;line-height:1;cursor:pointer;padding:0 4px;transition:opacity .2s}.chart-modal-close:hover{opacity:.75}.chart-modal-body{padding:20px;overflow-y:auto;flex:1}.chart-modal-body canvas{width:100%!important;max-height:60vh}@media (max-width: 480px){.chart-modal-container{width:98vw;max-height:90vh}.chart-modal-header h3{font-size:14px}}