.city-dash{position:fixed;top:0;left:0;bottom:0;width:380px;display:flex;flex-direction:column;background:#0a0b12;border-right:1px solid rgba(255,255,255,.07);color:#e9e6f5;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;z-index:100;overflow:hidden}.city-dash__head{padding:16px 18px 12px;border-bottom:1px solid rgba(255,255,255,.06);flex:0 0 auto}.city-dash__title{margin:0;font-size:15px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.city-dash__sub{margin:4px 0 0;font-size:11px;color:#8a8aa3}.city-dash__link{color:#8a8aa3;text-decoration:none;border-bottom:1px dotted rgba(255,255,255,.25)}.city-dash__link:hover{color:#cfd4ff}.city-dash__conn{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;color:#8a8aa3}.city-dash__conn:before{content:"";width:7px;height:7px;border-radius:50%;background:#5f5e5a}.city-dash__conn[data-state=live]:before{background:#63c95d;box-shadow:0 0 8px #63c95dcc}.city-dash__conn[data-state=error]:before{background:#e24b4a}.city-dash__body{flex:1 1 auto;overflow-y:auto;padding:0 18px 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.city-dash__body::-webkit-scrollbar{width:8px}.city-dash__body::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.city-dash__section{margin-top:20px}.city-dash__h{margin:0 0 10px;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6f6f8c}.city-dash__stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.city-stat{background:#12131d;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:10px 11px;min-width:0}.city-stat__label{font-size:10px;color:#8a8aa3;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.city-stat__value{margin-top:4px;font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1;overflow-wrap:anywhere;direction:ltr;text-align:right}.city-stat__unit{font-size:11px;font-weight:400;color:#8a8aa3;margin-left:3px}.city-stat[data-alarm=on]{border-color:#e24b4a8c;background:#e24b4a1a}.city-stat[data-alarm=on] .city-stat__value{color:#ff8b8a}.city-dash__selected{background:#12131d;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px 13px}.city-dash__selected[hidden]{display:none}.city-sel__name{margin:0;font-size:15px;font-weight:600}.city-sel__meta{margin:3px 0 0;font-size:11px;color:#8a8aa3}.city-sel__badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.city-badge{font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#ffffff12;color:#b9b9d0}.city-badge[data-tone=ok]{background:#63c95d29;color:#9ee39a}.city-badge[data-tone=bad]{background:#e24b4a2e;color:#ff9d9c}.city-badge[data-tone=off]{background:#ffffff0f;color:#7b7b90}.city-sel__kv{margin:12px 0 0;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:11px}.city-sel__kv dt{color:#6f6f8c}.city-sel__kv dd{margin:0;font-family:JetBrains Mono,ui-monospace,monospace;color:#cfd4ff;overflow-wrap:anywhere;direction:ltr;text-align:right}.city-sel__actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px}.city-btn{font:inherit;font-size:11px;padding:7px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#1b1c28;color:#e9e6f5;cursor:pointer}.city-btn:hover{background:#232432}.city-btn[data-tone=danger]{border-color:#e24b4a66;color:#ff9d9c}.city-btn[data-tone=ok]{border-color:#63c95d66;color:#9ee39a}.city-btn:disabled{opacity:.45;cursor:default}.city-bulk{display:grid;grid-template-columns:1fr 1fr;gap:6px}.city-bulk .city-btn:nth-child(3){grid-column:1 / -1}.city-bulk__note{margin:7px 0 0;font-size:10px;color:#6f6f8c;min-height:13px}.city-bulk__note[data-state=busy]{color:#cfd4ff}.city-bulk__note[data-state=done]{color:#9ee39a}.city-bulk__note[data-state=error]{color:#ff9d9c}.city-zone{margin-bottom:12px}.city-zone__head{display:flex;justify-content:space-between;align-items:baseline;font-size:11px;color:#8a8aa3;margin-bottom:6px}.city-zone__board{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;color:#5c5c78}.city-assets{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:5px}.city-asset{font:inherit;font-size:11px;padding:5px 9px;border-radius:6px;border:1px solid rgba(255,255,255,.08);background:#12131d;color:#b9b9d0;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.city-asset:hover{border-color:#ffffff38;color:#fff}.city-asset[data-selected=true]{border-color:#7c86ff;color:#fff;background:#1a1c30}.city-asset:before{content:"";width:6px;height:6px;border-radius:50%;background:#63c95d;flex:0 0 auto}.city-asset[data-status=offline]:before{background:#4d4d5c}.city-asset[data-status=emergency]:before,.city-asset[data-status=fire]:before{background:#e24b4a}.city-sensors{display:grid;gap:7px}.city-sensor{background:#12131d;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:9px 11px}.city-sensor__top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.city-sensor__name{font-size:12px;font-weight:600}.city-sensor__hw{font-family:JetBrains Mono,ui-monospace,monospace;font-size:10px;color:#5c5c78;white-space:nowrap}.city-sensor__desc{font-size:11px;color:#8a8aa3;margin-top:3px}.city-sensor__reads{margin-top:6px;display:flex;flex-wrap:wrap;gap:5px}.city-read{font-size:11px;font-variant-numeric:tabular-nums;padding:2px 7px;border-radius:999px;background:#7c86ff24;color:#c3c9ff}.city-read[data-alarm=on]{background:#e24b4a2e;color:#ff9d9c}.city-planned{display:grid;grid-template-columns:1fr 1fr;gap:8px}.city-planned__item{background:#12131d;border:1px dashed rgba(255,255,255,.13);border-radius:8px;padding:10px 11px}.city-planned__value{font-size:19px;font-weight:600;font-variant-numeric:tabular-nums;direction:ltr;text-align:right}.city-planned__label{font-size:10px;color:#8a8aa3;margin-top:3px;line-height:1.3}.city-planned__note{font-size:10px;color:#5c5c78;margin-top:5px;line-height:1.35}.city-planned__tag{display:inline-block;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#6f6f8c;border:1px solid rgba(255,255,255,.13);border-radius:999px;padding:1px 7px;margin-inline-start:8px;vertical-align:middle}@media (max-width: 720px){.city-dash{position:static;width:auto;height:45vh;border-right:none}}html,body{margin:0;height:100%;background:#05050a;overflow:hidden}#canvas-root{position:fixed;top:0;right:0;bottom:0;left:380px}body[data-mode=edit] #canvas-root{left:0}@media (max-width: 720px){#canvas-root{left:0;top:45vh}}.city-hotspot{pointer-events:auto;width:10px;height:10px;border-radius:50%;border:none;background:transparent;padding:0;cursor:pointer;transform:translate(-50%,-50%)}.city-hotspot__dot{display:block;width:100%;height:100%;border-radius:50%;background:#63c95d8c;border:1px solid rgba(255,255,255,.5);box-shadow:none;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}.city-hotspot:hover .city-hotspot__dot{background:#63c95d;transform:scale(1.4);box-shadow:0 0 8px #63c95db3}.city-hotspot[data-status=offline] .city-hotspot__dot{background:#5f5e5a80;box-shadow:none}.city-hotspot[data-status=emergency] .city-hotspot__dot,.city-hotspot[data-status=fire] .city-hotspot__dot{background:#e24b4a;border-color:#ffffffe6;box-shadow:0 0 14px #e24b4ae6;animation:city-hotspot-pulse 1s ease-in-out infinite}@keyframes city-hotspot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.15)}}.city-edit{position:fixed;bottom:16px;left:16px;right:16px;max-height:52vh;display:flex;flex-direction:column;background:#0a0a0df0;border:1px solid rgba(124,134,255,.28);border-radius:10px;padding:12px 14px;color:#e9e6f5;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:12px;z-index:200}.city-edit__tabs{display:flex;gap:6px;flex:0 0 auto;margin-bottom:10px}.city-edit__tab{font:inherit;padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#12131d;color:#b9b9d0;cursor:pointer}.city-edit__tab[data-active=true]{border-color:#7c86ff;color:#fff;background:#1a1c30}.city-edit__pane{overflow:auto;min-height:0}.city-edit__pane[hidden]{display:none}.city-edit__help{margin:0 0 10px;color:#8a8aa3;line-height:1.45;max-width:78ch}.city-edit__rows{display:grid;gap:6px}.city-edit__row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.city-edit__row .city-edit__input{flex:1 1 140px}.city-edit__input{font:inherit;flex:1 1 auto;min-width:0;padding:6px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:#12131d;color:#e9e6f5}.city-edit__input:focus{outline:none;border-color:#7c86ff}.city-edit__bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0}.city-edit__bar .city-edit__input{flex:0 1 320px}.city-edit__out{width:100%;box-sizing:border-box;height:130px;resize:vertical;background:#05050a;color:#9cffb0;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.citizen-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:24px;background:#030308b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.citizen-modal[hidden]{display:none}.citizen-modal__card{position:relative;display:flex;flex-direction:column;width:min(760px,100%);max-height:100%;overflow:auto;background:#0a0b12;border:1px solid rgba(124,134,255,.3);border-radius:12px;box-shadow:0 24px 70px #000000a6;color:#e9e6f5;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px;animation:citizen-modal-in .18s ease-out}@keyframes citizen-modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.citizen-modal__close{position:absolute;top:10px;left:12px;width:30px;height:30px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#12131d;color:#b9b9d0;font-size:18px;line-height:1;cursor:pointer}.citizen-modal__close:hover{color:#fff;border-color:#7c86ff}.citizen-modal__head{display:flex;gap:16px;align-items:center;padding:20px 22px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.citizen-modal__avatar{flex:0 0 auto;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(140deg,#2a2f6b,#1a1c30);border:1px solid rgba(124,134,255,.45);font-size:18px;font-weight:600}.citizen-modal__avatar[data-unknown=true]{background:#1a1a22;border-color:#ffffff26;color:#8a8aa3}.citizen-modal__name{margin:0;font-size:19px;font-weight:600}.citizen-modal__title{margin:3px 0 0;font-size:12px;color:#8a8aa3}.citizen-modal__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.citizen-modal__tag{padding:3px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#12131d;font-size:11px;color:#b9b9d0}.citizen-modal__tag[data-status=stable]{border-color:#63c95d80;color:#9cffb0}.citizen-modal__tag[data-status=attention]{border-color:#e2af4a80;color:#f0c274}.citizen-modal__tag[data-status=critical]{border-color:#e24b4a99;color:#ff9b9a}.citizen-modal__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#ffffff12;border-bottom:1px solid rgba(255,255,255,.07)}.citizen-modal__summary-cell{display:flex;flex-direction:column;gap:4px;padding:12px 14px;background:#0a0b12}.citizen-modal__summary-label{font-size:11px;color:#8a8aa3}.citizen-modal__summary-value{font-size:14px;font-weight:600}.citizen-modal__body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding:18px 22px}.citizen-modal__section-title{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#7c86ff}.citizen-modal__rows{margin:0;display:grid;gap:5px}.citizen-modal__row{display:flex;gap:8px;align-items:baseline;line-height:1.5}.citizen-modal__row dt{flex:0 0 40%;color:#8a8aa3;font-size:12px}.citizen-modal__row dd{margin:0;flex:1 1 auto}.citizen-modal__foot{padding:14px 22px 18px;border-top:1px solid rgba(255,255,255,.07)}.citizen-modal__notes{margin:0 0 8px;padding:9px 11px;border-radius:8px;border:1px solid rgba(226,175,74,.35);background:#e2af4a14;color:#f0c274;line-height:1.55}.citizen-modal__meta{margin:0;font-size:11px;color:#8a8aa3}.citizen-modal__meta code{font-family:JetBrains Mono,ui-monospace,monospace;color:#cfd4ff}@media (max-width: 720px){.citizen-modal{padding:12px}.citizen-modal__summary{grid-template-columns:repeat(2,1fr)}.citizen-modal__body{grid-template-columns:1fr}}