*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0e0e10;--surface: #17171a;--surface2: #1e1e22;--border: rgba(255,255,255,.08);--text: #f0f0f0;--dim: #888;--dim2: #555;--red: #e24b4a;--amber: #ef9f27;--green: #639922;--blue: #378add;--purple: #534ab7}body{background:var(--bg);color:var(--text);font-family:DM Mono,Fira Code,Courier New,monospace}.app{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:.5px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:50}.topbar-left{display:flex;align-items:center;gap:10px}.dept-badge{width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.04em}.dept-badge.dpw{background:var(--blue);color:#fff}.dept-badge.fd{background:var(--red);color:#fff}.dept-badge.pd{background:var(--purple);color:#fff}.dept-title{font-size:13px;font-weight:600;letter-spacing:.04em}.dept-sub{font-size:11px;color:var(--dim)}.live{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--dim)}.live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.logout-btn{font-size:11px;color:var(--dim2);background:none;border:.5px solid var(--border);border-radius:6px;padding:5px 12px;cursor:pointer;font-family:inherit}.logout-btn:hover{color:var(--text);border-color:#fff3}.body{padding:1.25rem 1.5rem;max-width:1140px;margin:0 auto}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:1.25rem}.metric{background:var(--surface);border-radius:8px;padding:1rem}.metric-label{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.metric-val{font-size:22px;font-weight:500}.metric-val.red{color:var(--red)}.metric-val.amber{color:var(--amber)}.metric-val.green{color:#22c55e}.metric-val.blue{color:var(--blue)}.metric-val.white{color:var(--text)}.tabs{display:flex;gap:4px;margin-bottom:1rem;border-bottom:.5px solid var(--border);padding-bottom:0}.tab{font-size:11px;font-family:inherit;padding:7px 14px;background:none;border:none;color:var(--dim);cursor:pointer;text-transform:uppercase;letter-spacing:.07em;border-bottom:2px solid transparent;margin-bottom:-.5px}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--blue)}.tab.active.fd{border-bottom-color:var(--red)}.tab.active.pd{border-bottom-color:var(--purple)}.card{background:var(--surface);border:.5px solid var(--border);border-radius:12px;padding:1rem 1.25rem;margin-bottom:1rem}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-title{font-size:11px;font-weight:600;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}.btn{font-size:10px;font-weight:600;font-family:inherit;padding:4px 12px;border-radius:99px;border:.5px solid rgba(255,255,255,.14);background:none;color:var(--dim);cursor:pointer;text-transform:uppercase;letter-spacing:.04em}.btn:hover{color:var(--text)}.btn.red{background:var(--red);color:#fff;border-color:var(--red)}.btn.green{background:#639922;color:#fff;border-color:#639922}.btn.blue{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.amber{border-color:var(--amber);color:var(--amber)}.btn.purple{background:var(--purple);color:#fff;border-color:var(--purple)}.alert-list{display:flex;flex-direction:column;gap:8px}.alert-item{display:flex;align-items:flex-start;gap:10px;padding:10px;background:var(--surface2);border-radius:8px}.alert-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:3px}.alert-dot.red{background:var(--red)}.alert-dot.amber{background:var(--amber)}.alert-dot.blue{background:var(--blue)}.alert-msg{font-size:12px;color:var(--text)}.alert-meta{font-size:11px;color:var(--dim);margin-top:3px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--dim2);padding:6px 8px;border-bottom:.5px solid var(--border);text-align:left}td{padding:9px 8px;border-bottom:.5px solid rgba(255,255,255,.04);vertical-align:middle}tr:last-child td{border-bottom:none}.badge{display:inline-block;font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;letter-spacing:.06em;text-transform:uppercase}.badge.down,.badge.knocked{background:rgba(226,75,74,.15);color:var(--red)}.badge.responding{background:rgba(239,159,39,.15);color:var(--amber)}.badge.repaired,.badge.ok{background:rgba(99,153,34,.15);color:#639922}.badge.active{background:rgba(226,75,74,.15);color:var(--red)}.badge.silenced{background:rgba(239,159,39,.15);color:var(--amber)}.badge.cleared{background:rgba(99,153,34,.15);color:#639922}.badge.fire{background:rgba(226,75,74,.15);color:var(--red)}.badge.smoke{background:rgba(239,159,39,.15);color:var(--amber)}.badge.ladder{background:rgba(226,75,74,.3);color:#ff6b6b}.badge.normal{background:rgba(255,255,255,.06);color:var(--dim)}.badge.investigate{background:rgba(239,159,39,.15);color:var(--amber)}.badge.ticketed{background:rgba(83,74,183,.15);color:#a09ce8}.badge.unknown{background:rgba(255,255,255,.06);color:var(--dim2)}.empty{text-align:center;padding:2rem;color:var(--dim2);font-size:12px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:100}.modal-box{background:var(--surface);border:.5px solid rgba(255,255,255,.14);border-radius:12px;padding:1.5rem;width:420px;max-width:95vw}.modal-title{font-size:13px;font-weight:600;margin-bottom:1rem}.modal-input{width:100%;background:var(--surface2);border:.5px solid rgba(255,255,255,.14);border-radius:8px;color:var(--text);font-family:inherit;font-size:12px;padding:8px 10px;outline:none;resize:vertical;margin-bottom:1rem}.modal-row{display:flex;gap:8px;justify-content:flex-end}@keyframes rds-blink{0%,to{opacity:1}50%{opacity:.25}}