*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f172a;--surface:#1e293b;--surface2:#334155;--border:#475569;--text:#f1f5f9;--text-muted:#94a3b8;--accent:#3b82f6;--critical:#dc2626;--high:#ea580c;--medium:#d97706;--low:#16a34a;--radius:8px}body{background:#0f172a;background:var(--bg);color:#f1f5f9;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{background:#1e293b;background:var(--surface);border-bottom:1px solid #475569;border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:12px 20px}.app-header,.header-left{align-items:center;display:flex}.header-left{gap:12px}.header-logo{font-size:28px}.app-header h1{font-size:18px;font-weight:700}.app-header p{color:#94a3b8;color:var(--text-muted);font-size:12px}.header-right{align-items:center;display:flex;gap:12px}.refresh-btn{background:#3b82f6;background:var(--accent);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 14px}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.connection-indicator{align-items:center;color:#16a34a;color:var(--low);display:flex;font-size:13px;gap:6px}.online-dot{animation:pulse 2s infinite;background:#16a34a;background:var(--low);border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.error-banner{align-items:center;background:#7f1d1d;border-bottom:1px solid #dc2626;border-bottom:1px solid var(--critical);display:flex;font-size:13px;justify-content:space-between;padding:10px 20px}.error-banner button{background:#dc2626;background:var(--critical);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:4px 10px}.app-body{display:flex;flex:1 1;overflow:hidden}.sidebar-left{background:#1e293b;background:var(--surface);border-right:1px solid #475569;border-right:1px solid var(--border);flex-shrink:0;overflow-y:auto;padding:16px;width:240px}.filter-panel h2{font-size:14px;font-weight:700;margin-bottom:4px}.filter-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.event-count{background:#3b82f6;background:var(--accent);border-radius:12px;color:#fff;font-size:11px;font-weight:700;padding:2px 8px}.filter-group{margin-bottom:14px}.filter-group label{color:#94a3b8;color:var(--text-muted);display:block;font-size:11px;font-weight:600;margin-bottom:5px;text-transform:uppercase}.filter-input,.filter-select{background:#0f172a;background:var(--bg);border:1px solid #475569;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#f1f5f9;color:var(--text);font-size:13px;outline:none;padding:7px 10px;width:100%}.filter-input:focus,.filter-select:focus{border-color:#3b82f6;border-color:var(--accent)}.filter-select option{background:#0f172a;background:var(--bg)}.reset-btn{background:#334155;background:var(--surface2);border:1px solid #475569;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#f1f5f9;color:var(--text);cursor:pointer;font-size:13px;margin-bottom:16px;padding:8px;width:100%}.reset-btn:hover{background:#475569;background:var(--border)}.legend h3{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:700;margin-bottom:8px;text-transform:uppercase}.legend-item{align-items:center;display:flex;font-size:12px;gap:8px;margin-bottom:4px}.dot{border-radius:50%;display:inline-block;height:10px;width:10px}.dot.critical{background:#dc2626;background:var(--critical)}.dot.high{background:#ea580c;background:var(--high)}.dot.medium{background:#d97706;background:var(--medium)}.dot.low{background:#16a34a;background:var(--low)}.main-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.tab-bar{background:#1e293b;background:var(--surface);border-bottom:1px solid #475569;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;padding:0 16px}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:600;margin-bottom:-1px;padding:10px 16px}.tab-btn.active{border-bottom-color:#3b82f6;border-bottom-color:var(--accent);color:#3b82f6;color:var(--accent)}.map-wrapper{flex:1 1;position:relative}.leaflet-map{height:calc(100vh - 120px);width:100%}.map-loading-overlay{align-items:center;background:#0f172acc;display:flex;flex-direction:column;gap:12px;inset:0;justify-content:center;position:absolute;z-index:1000}.spinner{animation:spin .8s linear infinite;border:3px solid #475569;border-top-color:#3b82f6;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.map-stats{background:#0f172ad9;border-radius:20px;bottom:16px;color:#94a3b8;color:var(--text-muted);font-size:12px;left:16px;padding:6px 12px;position:absolute;z-index:500}.event-popup{max-width:280px}.popup-header{align-items:flex-start;display:flex;gap:10px;margin-bottom:8px}.popup-type-icon{font-size:22px}.popup-title{color:#1e293b;font-size:14px;font-weight:700;line-height:1.3}.popup-type{color:#64748b;font-size:10px;font-weight:600;text-transform:uppercase}.popup-description{color:#475569;font-size:12px;line-height:1.5;margin-bottom:10px}.popup-meta{border-top:1px solid #e2e8f0;padding-top:8px}.popup-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.popup-label{color:#94a3b8;font-size:11px;font-weight:600;text-transform:uppercase}.popup-value{color:#334155;font-size:12px}.event-list{flex:1 1;overflow-y:auto;padding:12px 16px}.event-list-empty{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:14px;height:200px;justify-content:center}.event-card{background:#1e293b;background:var(--surface);border:1px solid #475569;border:1px solid var(--border);border-left:4px solid #0000;border-radius:8px;border-radius:var(--radius);cursor:pointer;margin-bottom:10px;padding:12px;transition:border-color .2s,background .2s}.event-card:hover{background:#334155;background:var(--surface2)}.event-card.severity-critical{border-left-color:#dc2626;border-left-color:var(--critical)}.event-card.severity-high{border-left-color:#ea580c;border-left-color:var(--high)}.event-card.severity-medium{border-left-color:#d97706;border-left-color:var(--medium)}.event-card.severity-low{border-left-color:#16a34a;border-left-color:var(--low)}.event-card-header{align-items:flex-start;display:flex;gap:8px;margin-bottom:6px}.event-icon{font-size:18px}.event-card-title{flex:1 1}.event-card-title h4{font-size:13px;font-weight:600;line-height:1.3}.event-type-badge{color:#94a3b8;color:var(--text-muted);font-size:10px;text-transform:uppercase}.severity-dot{border-radius:50%;flex-shrink:0;height:10px;margin-top:3px;width:10px}.event-card-desc{font-size:12px;line-height:1.4;margin-bottom:8px}.event-card-desc,.event-card-footer{color:#94a3b8;color:var(--text-muted)}.event-card-footer{display:flex;font-size:11px;justify-content:space-between}@media (max-width:768px){.sidebar-left{border-bottom:1px solid #475569;border-bottom:1px solid var(--border);border-right:none;height:auto;width:100%}.app-body{flex-direction:column}.leaflet-map{height:50vh}}
/*# sourceMappingURL=main.2bc95ee8.css.map*/