@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700;800;900&family=Manrope:wght@200;300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";:root{--bg:#0a0e1a;--surface:#0f131f;--surface-low:#171b28;--surface-c:#1b1f2c;--surface-ch:#262a37;--surface-chh:#313442;--surface-bright:#353946;--border:#3b4b3d33;--border-v:#3b4b3d4d;--accent:#00ff87;--accent-dim:#00e478;--accent-fixed:#60ff98;--on-accent:#003919;--text:#dfe2f3;--text-muted:#b9cbb9;--outline:#849585;--error:#ffb4ab;--error-c:#93000a;--font-display:"Space Grotesk", sans-serif;--font-body:"Manrope", sans-serif;--radius-sm:2px;--radius:4px;--radius-lg:8px;--radius-xl:12px;--radius-full:12px;--glow:0 0 24px #00ff874d;--glow-lg:0 0 40px #00ff8733;--shadow:0 -4px 24px #00ff8726}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;font-family:Material Symbols Outlined;font-size:24px;line-height:1}.icon-filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}h1,h2,h3,h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;font-weight:900;line-height:.95}a{color:inherit;text-decoration:none}.btn{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;font-size:.75rem;font-weight:900;transition:all .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);padding:12px 24px}.btn-primary:hover{opacity:.9}.btn-accent-outline{color:var(--accent);border-radius:var(--radius-sm);background:0 0;border:1px solid #00ff874d;padding:10px 20px}.btn-accent-outline:hover{background:#00ff870d}.btn-surface{background:var(--surface-chh);color:var(--text);border-radius:var(--radius-sm);padding:10px 20px}.btn-surface:hover{background:var(--outline)}.btn-icon{border:1px solid var(--border-v);width:48px;height:48px;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:flex}.btn-fab{background:var(--accent);width:56px;height:56px;color:var(--on-accent);box-shadow:var(--glow);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-fab:active{transform:scale(.9)}.btn-sm{padding:6px 14px;font-size:.65rem}.card{background:var(--surface-c);border-radius:var(--radius-xl);transition:transform .2s;overflow:hidden}.card-bordered{border:1px solid var(--border)}.card-accent-left{border-left:4px solid var(--accent)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px)}.input-wrap{flex-direction:column;gap:6px;display:flex}.input-wrap label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.65rem;font-weight:700;font-family:var(--font-display)}input,select,textarea{background:var(--surface-ch);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-body);outline:none;width:100%;padding:10px 14px;font-size:.9rem;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00ff8714}select option{background:var(--surface-c)}textarea{resize:vertical;min-height:80px}.badge{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.6rem;font-weight:900;display:inline-flex}.badge-live{background:var(--error-c);color:#ffdad6;animation:2s infinite pulse}.badge-new,.badge-green{color:var(--accent);background:#00ff871a;border:1px solid #00ff8733}.badge-gray{background:var(--surface-chh);color:var(--text-muted)}.badge-orange{color:#ffa502;background:#ffa5021f;border:1px solid #ffa50233}.badge-red{color:#ff4757;background:#ff47571f;border:1px solid #ff475733}.badge-blue{color:#1e90ff;background:#1e90ff1f;border:1px solid #1e90ff33}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-chh);border-radius:2px}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.page-enter{animation:.25s forwards fadeUp}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-state h3{font-family:var(--font-display);color:var(--text);text-transform:uppercase;font-size:1.4rem}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.toast{background:var(--surface-ch);border:1px solid var(--border-v);border-radius:var(--radius-lg);font-size:.82rem;font-weight:600;font-family:var(--font-display);letter-spacing:.04em;pointer-events:auto;white-space:nowrap;text-transform:uppercase;padding:10px 18px;animation:.2s fadeUp;box-shadow:0 8px 24px #0006}.toast.success{border-left:3px solid var(--accent);color:var(--accent)}.toast.error{color:#ff4757;border-left:3px solid #ff4757}.toast.info{color:#1e90ff;border-left:3px solid #1e90ff}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-overlay.centered{align-items:center;padding:20px}.modal{background:var(--surface-c);border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:580px;max-height:92vh;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex}.modal.desktop{border-radius:20px;margin:auto;animation:.2s fadeUp}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.modal-body{flex:1;min-height:0;padding:16px 20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--surface-c);flex-shrink:0;gap:10px;padding:14px 20px;display:flex}.leaflet-container{background:var(--bg)!important}.leaflet-popup-content-wrapper{background:var(--surface-c)!important;color:var(--text)!important;border:1px solid var(--border)!important;border-radius:var(--radius-xl)!important;box-shadow:0 8px 32px #0006!important}.leaflet-popup-tip{background:var(--surface-c)!important}.glow{box-shadow:var(--glow)}.text-glow{text-shadow:0 0 8px #00ff8766}.divider{border:none;border-top:1px solid var(--border)}