:root{--bg:#0b1017;--panel:#101722;--panel-2:#151e2b;--line:rgba(255,255,255,.09);--text:#edf3f8;--muted:#8f9bab;--accent:#43d18d;--danger:#ff5a61;--fire:#ff8b45;--accident:#f7c948;--traffic:#54a7ff;--demo:#af82ff}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{color:inherit}.app-shell{height:100dvh;min-height:640px;display:grid;grid-template-rows:66px 58px minmax(0,1fr) auto;overflow:hidden}.topbar{justify-content:space-between;padding:0 18px 0 22px;background:rgba(10,15,22,.96);border-bottom:1px solid var(--line);z-index:30}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px}.brand-mark{width:36px;height:36px;border-radius:10px;background:radial-gradient(circle at 35% 35%,#79efb9,#31b97c 55%,#167654);display:grid;place-items:center;box-shadow:0 0 30px rgba(67,209,141,.18)}.brand-mark span{width:15px;height:15px;border:3px solid #07110d;border-radius:50% 50% 50% 0;transform:rotate(-45deg);position:relative}.brand strong{display:block;letter-spacing:-.02em;font-size:15px}.brand small{display:block;color:var(--muted);margin-top:2px;font-size:11px}.status-group{gap:10px}.live-badge,.status-group{display:flex;align-items:center}.live-badge{gap:7px;color:#bff8da;border:1px solid rgba(67,209,141,.28);background:rgba(67,209,141,.08);padding:8px 11px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em}.live-badge i{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 4px rgba(67,209,141,.12);animation:pulse 1.8s infinite}.live-badge.demo{color:#e3d6ff;border-color:rgba(175,130,255,.3);background:rgba(175,130,255,.09)}.live-badge.demo i{background:var(--demo);box-shadow:0 0 0 4px rgba(175,130,255,.12)}@keyframes pulse{50%{opacity:.45}}.icon-button{width:36px;height:36px;border-radius:9px;border:1px solid var(--line);background:var(--panel);cursor:pointer;font-size:18px}.filterbar{display:flex;align-items:center;gap:10px;padding:9px 14px;background:#0e141d;border-bottom:1px solid var(--line);z-index:25}.search-wrap{width:280px;position:relative;flex:0 0 auto}.search-wrap input{width:100%;height:39px;border:1px solid var(--line);border-radius:9px;background:#121b27;color:var(--text);padding:0 12px 0 37px;outline:none}.search-wrap input:focus{border-color:rgba(67,209,141,.5);box-shadow:0 0 0 3px rgba(67,209,141,.08)}.search-icon{position:absolute;left:13px;top:8px;z-index:2;color:var(--muted);font-size:20px}.suggestions{position:absolute;left:0;right:0;top:45px;z-index:100;border:1px solid var(--line);border-radius:10px;background:#111a26;box-shadow:0 18px 50px rgba(0,0,0,.4);overflow:hidden}.suggestions button{width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 12px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.suggestions button:hover{background:rgba(255,255,255,.04)}.suggestions strong{font-size:12px}.suggestions span{color:var(--muted);font-size:10px}.category-tabs{display:flex;min-width:0;overflow-x:auto;gap:3px;scrollbar-width:none;flex:1 1}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{height:38px;white-space:nowrap;border:1px solid transparent;border-radius:8px;padding:0 9px;background:transparent;color:#a6b2c1;cursor:pointer;font-size:11px;display:flex;align-items:center;gap:6px}.category-tabs button.active,.category-tabs button:hover{background:#182230;color:#fff;border-color:var(--line)}.category-tabs em{min-width:18px;border-radius:8px;background:rgba(255,255,255,.07);place-items:center;font-style:normal}.cat-dot,.category-tabs em{height:18px;display:grid;font-size:9px}.cat-dot{width:18px;border-radius:6px;place-items:center;font-weight:900;color:#071017;background:#798594}.cat-dot--security{background:var(--danger)}.cat-dot--fire{background:var(--fire)}.cat-dot--accident{background:var(--accident)}.cat-dot--traffic{background:var(--traffic)}.cat-dot--demonstration{background:#bd7dff}.cat-dot--weather{background:#48d4cf}.cat-dot--missing{background:#ff73b3}.filterbar select{height:38px;border:1px solid var(--line);border-radius:8px;background:#151e2b;color:#dbe4ee;padding:0 10px;outline:0}.workspace{grid-template-columns:370px minmax(0,1fr)}.event-panel,.workspace{min-height:0;display:grid}.event-panel{background:#0e151f;border-right:1px solid var(--line);grid-template-rows:58px 1fr;z-index:20}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line)}.panel-heading span{display:block;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.1em}.panel-heading strong{display:block;margin-top:3px;font-size:13px}.mobile-close{display:none}.event-list{overflow-y:auto;padding:7px}.event-card{width:100%;display:grid;grid-template-columns:12px 1fr;grid-gap:10px;gap:10px;text-align:left;background:transparent;border:1px solid transparent;border-radius:10px;padding:10px 10px 10px 8px;cursor:pointer;margin-bottom:4px}.event-card.selected,.event-card:hover{background:#141e2a;border-color:var(--line)}.event-symbol{width:9px;height:9px;border-radius:50%;margin-top:4px;background:#8b97a6;box-shadow:0 0 0 4px rgba(139,151,166,.1);flex:0 0 auto}.event-symbol--security{background:var(--danger);box-shadow:0 0 0 4px rgba(255,90,97,.1)}.event-symbol--fire{background:var(--fire);box-shadow:0 0 0 4px rgba(255,139,69,.1)}.event-symbol--accident{background:var(--accident);box-shadow:0 0 0 4px rgba(247,201,72,.1)}.event-symbol--traffic{background:var(--traffic);box-shadow:0 0 0 4px rgba(84,167,255,.1)}.event-symbol--demonstration{background:#bd7dff}.event-symbol--weather{background:#48d4cf}.event-symbol--missing{background:#ff73b3}.event-copy{min-width:0}.event-meta{display:flex;justify-content:space-between;gap:8px}.event-meta strong{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#b8c4d2}.event-meta span{color:#718096;font-size:10px}.event-card h3{font-size:13px;line-height:1.3;margin:5px 0 4px}.event-card p{color:#8f9baa;font-size:11px;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-footer{display:flex;gap:12px;margin-top:7px;color:#647285;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.panel-state{color:var(--muted);padding:24px 12px;font-size:12px}.map-wrap{min-width:0;min-height:0;position:relative;background:#101722}.map{position:absolute;inset:0}.maplibregl-canvas{outline:none}.map-pin{width:25px;height:31px;border:0;background:transparent;cursor:pointer;padding:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.map-pin:before{content:"";position:absolute;width:22px;height:22px;left:1px;top:1px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2px solid rgba(255,255,255,.9);background:#8793a3}.map-pin span{position:absolute;width:6px;height:6px;left:9px;top:9px;border-radius:50%;background:#fff;z-index:2}.map-pin--security:before{background:var(--danger)}.map-pin--fire:before{background:var(--fire)}.map-pin--accident:before{background:var(--accident)}.map-pin--traffic:before{background:var(--traffic)}.map-pin--demonstration:before{background:#bd7dff}.map-pin--weather:before{background:#48d4cf}.map-pin--missing:before{background:#ff73b3}.map-overlay{position:absolute;z-index:5;pointer-events:none}.map-overlay.top-left{top:14px;left:14px;display:flex;gap:8px}.metric{background:rgba(10,16,24,.87);border:1px solid rgba(255,255,255,.11);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:9px 12px;box-shadow:0 8px 24px rgba(0,0,0,.18)}.metric b{display:block;font-size:13px}.metric span{display:block;color:#9aa7b6;font-size:9px;margin-top:2px}.locate-button{top:14px;z-index:5;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(10,16,24,.9);color:#e8eef5;padding:9px 11px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.2)}.detail-card,.locate-button{position:absolute;right:14px}.detail-card{bottom:22px;width:min(430px,calc(100% - 28px));z-index:7;background:rgba(13,20,30,.96);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;padding:17px;box-shadow:0 24px 60px rgba(0,0,0,.38)}.detail-close{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#18222f;cursor:pointer}.detail-kicker{display:flex;align-items:center;gap:9px;color:#a7b4c3;font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;padding-right:35px}.detail-kicker .event-symbol{margin-top:0}.detail-card h2{margin:10px 0 7px;font-size:19px;letter-spacing:-.02em}.detail-card>p{color:#a3afbd;font-size:12px;line-height:1.55}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin-top:13px}.detail-grid span{min-width:0;background:#111a25;border:1px solid var(--line);border-radius:9px;padding:9px;font-size:10px;overflow:hidden;text-overflow:ellipsis}.detail-grid small{color:#647386;display:block;font-size:8px;margin-bottom:4px}.detail-card a{display:inline-flex;margin-top:12px;color:#7be3af;font-size:11px;text-decoration:none}.mobile-feed-button{display:none}.legal-strip{background:#0b1119;border-top:1px solid var(--line);color:#657385;padding:6px 14px;text-align:center;font-size:9px;line-height:1.35}@media (max-width:1050px){.workspace{grid-template-columns:320px minmax(0,1fr)}.search-wrap{width:230px}.category-tabs button{padding:0 7px}.category-tabs button em{display:none}}@media (max-width:760px){.app-shell{grid-template-rows:58px 98px minmax(0,1fr) auto}.topbar{padding:0 11px}.brand small{display:none}.brand strong{font-size:13px}.live-badge{font-size:0;padding:8px}.live-badge i{margin:0}.filterbar{display:grid;grid-template-columns:1fr auto;grid-template-rows:40px 40px;grid-gap:7px;gap:7px;padding:8px}.search-wrap{width:auto}.category-tabs{grid-column:1/-1;grid-row:2}.filterbar select{grid-column:2;grid-row:1}.workspace{display:block;position:relative}.event-panel{position:absolute;left:8px;right:8px;bottom:8px;top:35%;z-index:40;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.5);transform:translateY(calc(100% + 16px));transition:transform .25s ease}.event-panel.mobile-open{transform:translateY(0)}.mobile-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#18222f;cursor:pointer}.map-wrap{position:absolute;inset:0}.map-overlay.top-left{top:9px;left:9px}.metric:nth-child(2){display:none}.locate-button{top:9px;right:9px}.locate-button span{display:none}.mobile-feed-button{display:block;position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:8;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:#0e171f;padding:10px 15px;cursor:pointer;box-shadow:0 8px 30px rgba(0,0,0,.35)}.detail-card{bottom:66px;right:8px;width:calc(100% - 16px)}.detail-grid{grid-template-columns:1fr 1fr}.detail-grid span:last-child{grid-column:1/-1}}.event-card:has(>img){grid-template-columns:72px minmax(0,1fr)}.event-card>img{display:block}@media (max-width:760px){.event-card:has(>img){grid-template-columns:64px minmax(0,1fr)}.event-card>img{width:64px!important;height:50px!important}}