body{background:#eef2f7;color:#07135f;font-family:Arial,Helvetica,sans-serif}.hero{background:linear-gradient(135deg,#07135f,#1737b8);color:#fff;border-radius:18px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 28px rgba(7,19,95,.25)}.hero h1{margin:0;font-size:26px;font-weight:800}.hero p{margin:4px 0 0;opacity:.85}.live{background:rgba(255,255,255,.16);padding:9px 13px;border-radius:999px;font-weight:700}.live span{display:inline-block;width:10px;height:10px;border-radius:50%;background:#2fff8a;margin-right:6px;animation:pulse 1.2s infinite}.kpi,.cardx{background:#fff;border-radius:16px;padding:14px;box-shadow:0 8px 22px rgba(0,0,0,.08)}.kpi{border-left:6px solid #1737b8}.alert-kpi{border-left-color:#d00000}.kpi small{display:block;color:#697386;font-weight:700}.kpi strong{font-size:30px}.title{display:flex;justify-content:space-between;gap:10px;align-items:end;margin-bottom:10px}.title h2{font-size:18px;margin:0;font-weight:800}.title span{font-size:12px;color:#697386}.map-wrap{overflow:auto;border:1px solid #e5e7eb;border-radius:14px}svg{width:100%;min-width:900px;height:auto;aspect-ratio:1400/880}.wall{fill:none;stroke:#001ec8;stroke-width:8}.zone{fill:#bfc4c7;stroke:#fff;stroke-width:4;rx:10;ry:10}.label{fill:#07135f;font-size:19px;font-weight:700;text-anchor:middle;dominant-baseline:middle}.area-label{fill:#07135f;font-size:28px}.rfid-star{cursor:pointer;filter:drop-shadow(0 4px 7px rgba(0,0,0,.28));animation:blink 1.5s infinite}.rfid-star.active polygon{stroke:#07135f;stroke-width:4}.rfid-count{fill:#fff;font-size:12px;font-weight:900;text-anchor:middle;dominant-baseline:middle}.rfid-label-bg{fill:#fff;stroke:#07135f;stroke-width:1.5;rx:12;ry:12}.rfid-label{fill:#07135f;font-size:12px;font-weight:900;text-anchor:middle;dominant-baseline:middle}.detail{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:12px;min-height:170px}.tag{display:block;background:#fff;border:1px solid #d8dee9;border-radius:10px;padding:8px;margin:7px 0;font-weight:700;font-size:13px}.ok{color:#128a45;font-weight:900}.bad{color:#d00000;font-weight:900}.event{border-left:4px solid #1737b8;background:#f8fafc;border-radius:10px;padding:10px;margin-bottom:8px;font-size:13px}.event.alert{border-left-color:#d00000}.event strong{display:block}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(47,255,138,.7)}70%{box-shadow:0 0 0 10px rgba(47,255,138,0)}100%{box-shadow:0 0 0 0 rgba(47,255,138,0)}}@keyframes blink{0%{opacity:.75}50%{opacity:1}100%{opacity:.75}}@media(max-width:700px){.hero{flex-direction:column;align-items:flex-start;gap:10px}}