:root{font-family:JetBrains Mono,Consolas,Segoe UI,sans-serif;color:#e8eef5;background:#06080b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 20%,#0f1622,#080b10 35%,#06080b)}.layout{max-width:980px;margin:0 auto;padding:24px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.panel{background:#0a0f16f2;border:1px solid #1d2a39;border-radius:14px;padding:16px;box-shadow:0 10px 24px #00000059}.hero{grid-column:1 / -1}.tabs{grid-column:1 / -1;display:flex;gap:8px}.tab{background:#0d1520;color:#90a8bf;border:1px solid #223245}.active-tab{background:#1b89ff;color:#fff}.active{color:#ff4a4a}.idle{color:#25d081}label{display:grid;gap:6px}input{border:1px solid #26384b;border-radius:8px;padding:8px;background:#0a1119;color:#e8eef5}.actions{margin-top:12px;display:flex;gap:10px}button{border:1px solid #2a3c4f;border-radius:10px;padding:10px 14px;cursor:pointer;background:#111a25;color:#fff;font-weight:600}button.secondary{background:#1b2430}ul{margin:8px 0 0;padding-left:16px}li{margin-bottom:6px;font-size:.94rem}.devices{grid-column:1 / -1;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #1e2a39;font-size:.93rem}.kpis{grid-column:1 / -1;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.kpis article{border:1px solid #233344;border-radius:12px;padding:12px;background:linear-gradient(180deg,#0c131d,#0a1018)}.kpis h3{margin:0 0 8px;font-size:.9rem;color:#8aa3bb}.kpis p{margin:0;font-size:1.5rem;font-weight:700}.map-panel{grid-column:1 / -1}.zone-map-wrap{position:relative;border:1px solid #223345;border-radius:12px;overflow:hidden;min-height:640px;background:#0a1118}.zone-map{width:100%;display:block;opacity:.85}.zone-pin{position:absolute;transform:translate(-50%,-50%);border:1px solid #2a4e6f;background:#0f2133;color:#7fcbff;font-size:.78rem;padding:6px 10px;border-radius:999px}.zone-pin-active{border-color:#ff2e2e;background:#451313;color:#ffd7d7;box-shadow:0 0 0 2px #ff2e2e40}.siren-zones{grid-column:1 / -1}.zone-status-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.zone-groups{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.zone-group{border:1px solid #1f3042;border-radius:10px;padding:10px}.zone-group>h3{margin:0 0 10px;font-size:.95rem;color:#8aa3bb}.zone-card{border:1px solid #223345;border-radius:10px;padding:10px}.zone-card h3{margin:0 0 8px;font-size:.9rem}.zone-card p{margin:0;font-weight:700}.zone-card-on{border-color:#a52d2d;background:#381111}.zone-card-off{border-color:#244231;background:#0f1f16}.modbus-config{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:14px}.log-stream{grid-column:1 / -1}.log-controls{display:grid;gap:10px}.protocol-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{padding:6px 10px;border-radius:8px}.filter-chip-active{background:#0e2e4d;border-color:#2f79b7}.packet-list{margin-top:12px;border:1px solid #1e2a39;border-radius:10px;overflow:hidden}.packet-row{display:grid;grid-template-columns:120px 100px 1fr 70px 90px;gap:10px;padding:10px 12px;border-bottom:1px solid #172433;font-size:.9rem}.packet-row:last-child{border-bottom:none}.packet-proto{color:#00d084;font-weight:700}.packet-dir{color:#6dc3ff}.packet-bytes{color:#8aa3bb}.operante-sim{color:#25d081}.operante-nao{color:#ff4a4a}.clp-config-panel{grid-column:1 / -1}.clp-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.clp-card{border:1px solid #223345;border-radius:12px;padding:12px;display:grid;gap:8px;background:#0b121a}.clp-card h3{margin:0 0 4px}