*{box-sizing:border-box;margin:0;padding:0}body,html{background:#0a0e1a;height:100%;font-family:Courier New,monospace}#root{width:100%;height:100vh}#app{width:100%;background:#0a0e1a;color:#e0e8f0;display:flex;flex-direction:column;height:100vh}#topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0d1220;border-bottom:1px solid #1e2d45;gap:12px;flex-wrap:wrap}#topbar .brand{font-size:13px;font-weight:700;letter-spacing:2px;color:#4af0b0;text-transform:uppercase;white-space:nowrap}#topbar .brand span{color:#7eb8ff}.controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ctrl-group{display:flex;align-items:center;gap:6px;background:#131929;border:1px solid #1e2d45;border-radius:6px;padding:4px 10px;font-size:12px}.ctrl-group label{color:#7eb8ff;font-size:11px;white-space:nowrap}.ctrl-group input[type=range]{width:70px;accent-color:#4af0b0;cursor:pointer}.ctrl-group span{color:#4af0b0;font-size:12px;min-width:26px;text-align:right}.btn{padding:5px 12px;border-radius:5px;border:1px solid #4af0b0;background:transparent;color:#4af0b0;font-size:11px;font-family:Courier New,monospace;cursor:pointer;letter-spacing:1px;transition:all .15s;white-space:nowrap}.btn:hover{background:#4af0b030}.btn.active{background:#4af0b0;color:#0a0e1a}.btn-danger{border-color:#ff6b6b;color:#ff6b6b}.btn-danger:hover{background:#ff6b6b20}.user-info{display:flex;align-items:center;gap:6px;background:#131929;border:1px solid #4af0b0;border-radius:6px;padding:4px 12px;font-size:12px;color:#4af0b0;margin-left:8px}.user-icon{font-size:14px}.user-name{font-size:11px;font-weight:600;letter-spacing:.5px}#dataset-tabs{display:flex;gap:4px;padding:8px 16px;background:#0a0e1a;border-bottom:1px solid #1e2d45;flex-wrap:wrap}.tab{padding:4px 14px;border-radius:4px;border:1px solid #1e2d45;background:transparent;color:#7eb8ff;font-size:11px;font-family:Courier New,monospace;cursor:pointer;letter-spacing:1px;transition:all .15s}.tab:hover{border-color:#7eb8ff}.tab.active{background:#7eb8ff20;border-color:#7eb8ff;color:#c0d8ff}#map-container{position:relative;flex:1;min-height:0}#stats-bar{display:flex;gap:0;background:#0d1220;border-top:1px solid #1e2d45}.stat{flex:1;padding:8px 12px;border-right:1px solid #1e2d45;text-align:center}.stat:last-child{border-right:none}.stat .val{font-size:18px;font-weight:700;color:#4af0b0;display:block}.stat .lbl{font-size:10px;color:#4a6080;letter-spacing:1px;text-transform:uppercase}#db-panel{background:#0d1220;border-top:1px solid #1e2d45;padding:10px 16px;font-size:11px;color:#4a6080;display:none}#db-panel.open{display:block}#db-panel textarea{width:100%;background:#070a12;border:1px solid #1e2d45;border-radius:4px;color:#4af0b0;font-family:Courier New,monospace;font-size:11px;padding:8px;resize:vertical;min-height:80px;margin-top:6px}#db-panel .db-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;color:#7eb8ff;font-size:12px;letter-spacing:1px}#db-panel .btn-sm{padding:3px 10px;font-size:10px;border-radius:4px;border:1px solid #4af0b0;background:transparent;color:#4af0b0;cursor:pointer;font-family:Courier New,monospace}#db-panel .btn-sm:hover{background:#4af0b020}#legend{position:absolute;bottom:28px;right:10px;z-index:1000;background:#0a0e1ae0;border:1px solid #1e2d45;border-radius:6px;padding:8px 12px;font-size:11px;color:#e0e8f0;pointer-events:none;font-family:Courier New,monospace}#legend .grad{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#00f,#0ff,#0f0,#ff0,red);margin:4px 0 2px}#legend .grad-labels{display:flex;justify-content:space-between;font-size:9px;color:#4a6080}#loader{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0e1ab3;display:flex;align-items:center;justify-content:center;z-index:2000;font-size:13px;color:#4af0b0;letter-spacing:2px;font-family:Courier New,monospace}#loader.hidden{display:none}.leaflet-tile-pane{filter:brightness(.72) saturate(.5) hue-rotate(200deg)}.leaflet-container{width:100%;height:100%}#api-panel{background:#0d1220;border-top:1px solid #1e2d45;padding:12px 16px;display:none}#api-panel.open{display:block}#api-panel .panel-title{font-size:11px;color:#7eb8ff;letter-spacing:1px;margin-bottom:10px;display:flex;align-items:center;gap:8px}#api-panel .panel-title .dot{width:7px;height:7px;border-radius:50%;background:#ff6b6b;display:inline-block}#api-panel .panel-title .dot.connected{background:#4af0b0}.api-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:8px}.api-row label{font-size:11px;color:#4a6080;min-width:80px}.api-input{flex:1;background:#070a12;border:1px solid #1e2d45;border-radius:4px;color:#4af0b0;font-family:Courier New,monospace;font-size:11px;padding:5px 8px;min-width:180px}.api-input:focus{outline:none;border-color:#7eb8ff}.api-select{background:#070a12;border:1px solid #1e2d45;border-radius:4px;color:#7eb8ff;font-family:Courier New,monospace;font-size:11px;padding:5px 8px;cursor:pointer}.api-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.btn-api{padding:5px 14px;border-radius:5px;border:1px solid #7eb8ff;background:transparent;color:#7eb8ff;font-size:11px;font-family:Courier New,monospace;cursor:pointer;letter-spacing:1px;transition:all .15s}.btn-api:hover{background:#7eb8ff20}.btn-api.primary{border-color:#4af0b0;color:#4af0b0}.btn-api.primary:hover{background:#4af0b020}#apiStatus{font-size:11px;margin-top:8px;padding:6px 10px;border-radius:4px;display:none}#apiStatus.ok{display:block;background:#4af0b010;border:1px solid #4af0b040;color:#4af0b0}#apiStatus.err{display:block;background:#ff6b6b10;border:1px solid #ff6b6b40;color:#ff6b6b}#apiStatus.info{display:block;background:#7eb8ff10;border:1px solid #7eb8ff40;color:#7eb8ff}.leaflet-popup.custom-popup .leaflet-popup-content-wrapper{background:transparent;border-radius:8px;box-shadow:0 4px 16px #00000080;padding:0;border:1px solid #364a5e}.leaflet-popup.custom-popup .leaflet-popup-content{margin:0;min-width:280px}.leaflet-popup.custom-popup .leaflet-popup-tip-container{display:flex;align-items:center;justify-content:center}.leaflet-popup.custom-popup .leaflet-popup-tip{background:#1a2332;border:1px solid #364a5e;border-top:none;border-right:none;box-shadow:-2px 2px 4px #0000004d}.leaflet-popup-close-button{color:#4fc3f7!important;font-size:18px!important;font-weight:700!important;padding:4px 8px!important;opacity:.7;transition:opacity .2s}.leaflet-popup-close-button:hover{color:#7eb8ff!important;opacity:1}@media (max-width: 520px){.controls{gap:6px}.stat .val{font-size:14px}}.auth-loading{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0e1a;display:flex;align-items:center;justify-content:center;z-index:9999}.auth-loading-content{text-align:center;max-width:400px;padding:40px}.spinner-container{margin-bottom:24px}.spinner{width:50px;height:50px;margin:0 auto;border:4px solid #1e2d45;border-top-color:#4af0b0;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-loading-title{font-size:18px;font-weight:600;color:#7eb8ff;margin-bottom:8px;letter-spacing:.5px}.auth-loading-subtitle{font-size:13px;color:#4a6080;letter-spacing:.3px}.access-denied{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a0e1a,#0d1220);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:auto}.access-denied-content{text-align:center;max-width:540px;padding:50px 40px;background:#0d1220;border:1px solid #1e2d45;border-radius:12px;box-shadow:0 8px 32px #00000080;margin:20px}.icon-container{margin-bottom:30px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lock-icon{width:80px;height:80px;margin:0 auto;background:#131929;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #1e2d45}.access-denied-title{font-size:26px;font-weight:700;color:#ff6b6b;margin-bottom:16px;letter-spacing:.5px;text-transform:uppercase;font-family:Courier New,monospace}.access-denied-message{font-size:16px;color:#e0e8f0;margin-bottom:12px;line-height:1.5;font-weight:500}.access-denied-detail{font-size:14px;color:#7eb8ff;margin-bottom:32px;line-height:1.6;padding:0 20px}.access-denied-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.btn-retry,.btn-portal{padding:12px 24px;border-radius:6px;border:none;font-size:13px;font-family:Courier New,monospace;font-weight:600;cursor:pointer;letter-spacing:.5px;transition:all .2s ease;text-transform:uppercase;display:flex;align-items:center;gap:8px}.btn-retry{background:transparent;border:1px solid #7eb8ff;color:#7eb8ff}.btn-retry:hover{background:#7eb8ff20;border-color:#c0d8ff;color:#c0d8ff;transform:translateY(-1px)}.btn-retry span{font-size:18px;display:inline-block;transition:transform .3s ease}.btn-retry:hover span{transform:rotate(180deg)}.btn-portal{background:#4af0b0;color:#0a0e1a}.btn-portal:hover{background:#5ff7bf;transform:translateY(-1px);box-shadow:0 4px 16px #4af0b04d}.error-code{font-size:11px;color:#4a6080;letter-spacing:1px;margin-top:20px;padding-top:20px;border-top:1px solid #1e2d45}.error-code span{color:#ff6b6b;font-weight:600}@media (max-width: 600px){.access-denied-content{padding:40px 24px;margin:16px}.access-denied-title{font-size:22px}.access-denied-message{font-size:15px}.access-denied-detail{font-size:13px;padding:0 10px}.btn-retry,.btn-portal{padding:10px 20px;font-size:12px}.lock-icon{width:70px;height:70px}.lock-icon svg{width:56px;height:56px}}