:root{--bg: #0f0f1a;--surface: #1a1a2e;--surface2: #16213e;--accent: #e74c3c;--accent2: #3498db;--text: #e0e0e0;--text-muted: #888;--border: #2a2a4a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.app{display:flex;flex-direction:column;height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border);gap:16px;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:12px}.header-logo{height:64px;width:auto;display:block}.subtitle{color:var(--text-muted);font-size:.85rem}.header-right{display:flex;align-items:center;gap:8px}.filters{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:2px}.filter-group label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.filter-group select,.filter-group input{padding:6px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface2);color:var(--text);font-size:.85rem;min-width:140px}.btn-clear{padding:6px 14px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.8rem;height:32px}.btn-clear:hover{background:var(--surface2);color:var(--text)}.content{display:flex;flex:1;overflow:hidden;position:relative}.map-section{flex:1;position:relative}.map-container,.map{width:100%;height:100%}.crime-marker{background:transparent!important;border:none!important}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.5}}.map-legend{position:absolute;bottom:20px;left:20px;background:#0f0f1ae6;padding:6px 10px;border-radius:6px;font-size:.7rem;color:var(--text);display:flex;align-items:center;gap:12px;z-index:1000;border:1px solid var(--border)}.legend-live,.legend-cpd{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px}.legend-live{background:red;box-shadow:0 0 0 2px #ff00004d;animation:live-pulse 2s ease-in-out infinite}.legend-cpd{background:#e67e22}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg);z-index:1000}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{background:#2d1a1a;border:1px solid var(--accent);color:var(--accent);padding:10px 20px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.error-banner button{padding:4px 12px;border:1px solid var(--accent);border-radius:4px;background:transparent;color:var(--accent);cursor:pointer}.sidebar{width:420px;overflow-y:auto;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;gap:12px;padding:16px;transition:width .2s,padding .2s,opacity .2s}@media(max-width:900px){.sidebar{display:none}.header{padding:10px 12px;gap:10px}.header-logo{height:52px}.subtitle{font-size:.75rem}.filters{gap:4px}.filter-group select,.filter-group input{min-width:100px;padding:5px 8px;font-size:.8rem}.btn-clear{font-size:.7rem;padding:5px 10px;height:28px}.stat-value{font-size:1.2rem}.tracker-value{font-size:1.5rem}.live-feed-desc,.ticker-desc{font-size:.8rem}.scanner-audio{height:40px}.chart-box{padding:10px}.map-legend{font-size:.6rem;padding:4px 8px;bottom:8px;left:12px;gap:8px}.map-section .ticker-box{bottom:80px;width:94%;padding:8px 12px;min-height:70px}.map-section .news-box{bottom:38px;width:94%;padding:5px 8px}.map-section .scanner-box{top:8px;right:8px;min-width:160px;max-width:220px}.map-section .scanner-audio{height:34px}.news-box{width:94%;padding:5px 8px}.news-title{font-size:.75rem}.footer{padding:6px 12px;font-size:.65rem}}@media(max-width:480px){.header{padding:8px 10px;gap:6px}.header-logo{height:44px}.subtitle{display:none}.header-right,.filters{width:100%}.filter-group{flex:1;min-width:0}.filter-group select,.filter-group input{min-width:0;width:100%;font-size:.75rem;padding:5px 6px}.btn-clear{font-size:.65rem;padding:5px 8px;height:26px;white-space:nowrap}.stats-cards,.tracker-cards{grid-template-columns:1fr 1fr;gap:6px}.stat-card{padding:8px}.stat-value{font-size:1rem}.stat-label{font-size:.65rem}.tracker-card{padding:10px}.tracker-value{font-size:1.2rem}.chart-box{padding:8px}.sidebar{padding:8px;gap:8px}.scanner-links{flex-direction:column;gap:4px}.scanner-btn{font-size:.75rem;padding:8px}.ticker-dots{gap:3px}.ticker-dot.active{width:14px}.crime-table{font-size:.65rem}.crime-table th,.crime-table td{padding:4px}.map-legend{font-size:.55rem;padding:3px 6px;bottom:6px;left:8px;gap:6px}.legend-live,.legend-cpd{width:8px;height:8px}.map-section .ticker-box{bottom:70px;width:96%;padding:6px 10px;min-height:60px}.map-section .news-box{bottom:32px;width:96%;padding:4px 6px}.map-section .scanner-box{top:4px;right:4px;min-width:140px;max-width:180px}.map-section .scanner-audio{height:30px}.map-section .scanner-player{padding:4px}.news-box{width:96%;padding:4px 6px}.news-title{font-size:.7rem}.footer{padding:4px 8px;font-size:.6rem}}.stats-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-card{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:2px}.stat-value{font-size:1.5rem;font-weight:700;color:#fff}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-since{font-size:.6rem;color:var(--text-muted);opacity:.7}.since-badge{text-align:center;font-size:.65rem;color:var(--text-muted);opacity:.6;margin-bottom:8px;letter-spacing:.5px;text-transform:uppercase}.tracker-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tracker-card{border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:2px;border:1px solid var(--border)}.tracker-violent{background:linear-gradient(135deg,#2d1a1a,#1a1a2e);border-color:#e74c3c}.tracker-shootings{background:linear-gradient(135deg,#1a0a0a,#1a1a2e);border-color:#f44}.tracker-value{font-size:2rem;font-weight:800;line-height:1}.tracker-violent .tracker-value{color:#e74c3c}.tracker-shootings .tracker-value{color:#f44}.tracker-label{font-size:.8rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.tracker-sub{font-size:.65rem;color:var(--text-muted)}.charts-section{display:flex;flex-direction:column;gap:12px}.chart-box{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:12px}.chart-box h3{font-size:.85rem;color:var(--text-muted);margin-bottom:8px}.sidebar .scanner-box{text-align:center}.sidebar .scanner-player{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:12px;margin-bottom:8px}.sidebar .scanner-audio{width:100%;height:44px;border-radius:4px;background:#111}.sidebar .scanner-note{font-size:.7rem;color:var(--text-muted);margin-bottom:8px}.sidebar .scanner-links{display:flex;gap:6px}.sidebar .scanner-btn{flex:1;text-align:center;padding:10px;border-radius:6px;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .15s;background:var(--accent);color:#fff}.sidebar .scanner-btn:hover{background:#c0392b}.sidebar .scanner-btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.sidebar .scanner-btn-secondary:hover{background:var(--surface2)}.sidebar .scanner-note a{color:var(--accent2);text-decoration:none}.map-section .scanner-box{position:absolute;top:12px;right:12px;z-index:1000;width:auto;min-width:200px;max-width:300px}.map-section .scanner-box h3,.map-section .scanner-note,.map-section .scanner-links{display:none}.map-section .scanner-player{background:#1a1a2eeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:10px;padding:6px;margin:0}.map-section .scanner-audio{width:100%;height:38px;border-radius:6px;background:#111}.live-feed-box{border:1px solid var(--accent);position:relative}.live-feed-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.live-feed-header h3{margin-bottom:0}.live-feed-count{font-size:.7rem;color:var(--accent);margin-left:auto}.live-badge{width:8px;height:8px;border-radius:50%;background:#e74c3c;animation:pulse-live 1.5s ease-in-out infinite}@keyframes pulse-live{0%,to{opacity:1;box-shadow:0 0 #e74c3c66}50%{opacity:.7;box-shadow:0 0 0 6px #e74c3c00}}.live-feed-item{text-align:left;min-height:72px;display:flex;flex-direction:column;justify-content:center}.live-feed-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.live-level{font-size:.6rem;font-weight:700;color:#fff;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.live-time{font-size:.7rem;color:var(--text-muted)}.live-feed-desc{font-size:.85rem;color:#fff;font-weight:500;margin-bottom:2px}.live-feed-addr{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-section .ticker-box{position:absolute;bottom:96px;left:50%;transform:translate(-50%);width:90%;max-width:500px;z-index:1000;background:#1a1a2eeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:10px;padding:10px 14px;min-height:80px}.map-section .ticker-box h3{font-size:.75rem;color:var(--text-muted);margin-bottom:6px}.sidebar .ticker-box{min-height:100px}.map-section .news-box{position:absolute;bottom:50px;left:50%;transform:translate(-50%);width:90%;max-width:500px;z-index:1000;background:#1a1a2eeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:8px;padding:6px 10px}.news-head{display:flex;align-items:center;gap:6px;margin-bottom:3px}.news-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#f1c40f}.news-source{font-size:.6rem;color:var(--text-muted)}.news-time{font-size:.6rem;color:var(--text-muted);margin-left:auto}.news-title{display:block;font-size:.8rem;color:#e0e0e0;text-decoration:none;line-height:1.3;transition:color .15s;cursor:pointer}.news-title:hover{color:#fff;text-decoration:underline}.news-dots{display:flex;gap:3px;justify-content:center;margin-top:4px}.news-dots .ticker-dot{width:5px;height:5px}.news-dots .ticker-dot.active{width:14px}.ticker-feed{min-height:72px;display:flex;align-items:center}.ticker-item{text-align:left;width:100%}.ticker-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.ticker-type{font-size:.65rem;font-weight:700;color:#fff;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.3px}.ticker-time{font-size:.7rem;color:var(--text-muted)}.ticker-desc{font-size:.85rem;color:#fff;font-weight:500;margin-bottom:2px}.ticker-loc{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-dots{display:flex;gap:4px;justify-content:center;margin-top:8px}.ticker-dot{width:6px;height:6px;border-radius:50%;background:var(--border);cursor:pointer;transition:background .2s}.ticker-dot.active{background:var(--accent);width:18px;border-radius:3px}.ticker-dot.dot-live{background:#f44}.ticker-dot.dot-live.active{background:red}.live-type{animation:live-pulse 2s ease-in-out infinite}.live-badge-small{display:inline-block;width:6px;height:6px;border-radius:50%;background:#f44;animation:live-pulse 1.5s ease-in-out infinite}.table-toggle{display:flex}.table-toggle button{flex:1;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--surface2);color:var(--text);cursor:pointer;font-size:.85rem}.table-toggle button:hover{background:var(--border)}.table-container{max-height:400px;overflow:auto;border:1px solid var(--border);border-radius:8px}.crime-table{width:100%;border-collapse:collapse;font-size:.78rem}.crime-table th{position:sticky;top:0;background:var(--surface2);padding:8px 6px;text-align:left;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid var(--border)}.crime-table td{padding:6px;border-bottom:1px solid var(--border);color:var(--text)}.crime-table tr:hover td{background:#ffffff08}.type-badge{background:var(--accent);color:#fff;padding:1px 6px;border-radius:4px;font-size:.7rem;white-space:nowrap}.empty{text-align:center;padding:20px;color:var(--text-muted)}.arrest-badge{display:inline-block;background:#2ecc71;color:#fff;padding:1px 6px;border-radius:4px;font-size:.7rem;margin-top:4px}.footer{padding:8px 20px;background:var(--surface);border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted);text-align:center}.footer a{color:var(--accent2);text-decoration:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}