:root{--bg: #080b10;--bg-2: #0c1118;--panel: rgba(18, 24, 32, .92);--panel-solid: #121820;--panel-head: #161d26;--line: rgba(255, 255, 255, .075);--line-strong: rgba(255, 255, 255, .14);--ink: #eef3f8;--ink-2: #aab6c2;--ink-3: #6c7b8a;--ok: #37d67a;--warn: #f5a623;--bad: #ff5757;--hot: #ff7a18;--accent: #4aa3ff;--radius: 8px;--font: ui-sans-serif, -apple-system, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--shadow: 0 12px 34px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}#app{position:relative;width:100%;height:100%}#scene{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}#labels{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3}svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.topbar{position:absolute;top:0;left:0;right:0;z-index:10;height:68px;display:flex;align-items:center;gap:20px;padding:0 18px;background:linear-gradient(180deg,#0d131b,#0b1017);border-bottom:1px solid var(--line)}.topbar__menu{flex:none;width:30px;height:30px;display:grid;align-content:center;gap:5px;padding:0 4px;border:0;background:transparent;cursor:pointer}.topbar__menu span{display:block;height:1.5px;background:var(--ink-2);border-radius:2px}.brand h1{margin:0;font-size:19px;font-weight:700;letter-spacing:.02em}.brand p{margin:1px 0 0;font-size:11px;color:var(--ink-3);letter-spacing:.04em}.topbar__title{display:flex;align-items:center;gap:10px;margin-left:14px;margin-right:auto;font-size:15px;font-weight:550;color:var(--ink);white-space:nowrap}.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--ok)}.live i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 #37d67a99;animation:pulse 2s ease-out infinite}@keyframes pulse{70%{box-shadow:0 0 0 7px #37d67a00}to{box-shadow:0 0 #37d67a00}}.kpis{display:flex;border:1px solid var(--line);border-radius:var(--radius);background:#090d13b3;overflow:hidden}.kpi{display:flex;flex-direction:column;gap:3px;padding:9px 16px;border-right:1px solid var(--line);min-width:104px}.kpi:last-child{border-right:0}.kpi__label{font-size:10.5px;color:var(--ink-3);letter-spacing:.03em;white-space:nowrap}.kpi__value{display:flex;align-items:baseline;gap:4px;font-size:17px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.1}.kpi__value em{font-style:normal;font-size:10.5px;font-weight:500;color:var(--ink-3)}.kpi--ok .kpi__value{color:var(--ok)}.kpi--bad .kpi__value{color:var(--bad)}.kpi--warn .kpi__value{color:var(--warn)}.kpi canvas{width:62px;height:20px;align-self:flex-end;margin-top:-18px}.clock{text-align:right;padding-left:6px}.clock__time{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em}.clock__date{font-size:11px;color:var(--ink-3);margin-top:2px}.topbar__tools{display:flex;gap:6px}.icon-btn{width:32px;height:32px;padding:7px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ink-2);cursor:pointer;transition:background .15s,color .15s}.icon-btn:hover{background:#ffffff0f;color:var(--ink)}.panel{position:absolute;z-index:8;background:var(--panel);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.panel__head{padding:11px 14px;font-size:12.5px;font-weight:600;letter-spacing:.01em;background:var(--panel-head);border-bottom:1px solid var(--line)}.panel--sensors{left:14px;top:82px;width:202px}.sensors{display:flex;flex-direction:column}.sensor{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--line)}.sensor:last-child{border-bottom:0}.sensor__icon{flex:none;width:26px;height:26px;padding:4px;color:var(--ink-2)}.sensor__body{min-width:0;flex:1}.sensor__label{font-size:10.5px;color:var(--ink-3);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sensor__row{display:flex;align-items:baseline;gap:5px}.sensor__value{font-size:16px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.sensor__unit{font-size:10.5px;color:var(--ink-3)}.sensor__tol{margin-left:auto;font-size:10px;color:var(--ink-3);font-variant-numeric:tabular-nums}.sensor--ok .sensor__value{color:var(--ok)}.sensor--warn .sensor__value{color:var(--warn)}.sensor--bad .sensor__value{color:var(--bad)}.sensor--hot .sensor__value{color:var(--hot)}.panel--alerts{right:14px;top:82px;width:218px;padding-bottom:4px}.alerts{list-style:none;margin:0;padding:0}.alert{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-bottom:1px solid var(--line)}.alert__icon{flex:none;width:17px;height:17px;margin-top:1px}.alert--bad .alert__icon{color:var(--bad)}.alert--warn .alert__icon{color:var(--warn)}.alert__text{flex:1;font-size:11.5px;line-height:1.35;color:var(--ink)}.alert__time{flex:none;font-size:10px;color:var(--ink-3);font-variant-numeric:tabular-nums;white-space:nowrap}.linkish{display:block;width:100%;padding:9px 12px;border:0;background:transparent;color:var(--accent);font:inherit;font-size:11.5px;text-align:left;cursor:pointer}.linkish:hover{text-decoration:underline}.panel--energy{right:14px;top:296px;width:218px}.energy{padding:12px}.energy__label{margin:0 0 4px;font-size:11px;color:var(--ink-3)}.energy__label--trend{margin-top:14px}.energy__value{margin:0;display:flex;align-items:baseline;gap:5px;font-size:19px;font-weight:650;font-variant-numeric:tabular-nums}.energy__value em{font-style:normal;font-size:11px;font-weight:500;color:var(--ink-3)}.energy__spark{display:block;width:100%;height:52px;margin-top:8px}.energy__chart{display:block;width:100%;height:112px;margin-top:4px}.zonecard{min-width:132px;padding:8px 11px 9px;background:#0e131aed;border:1px solid var(--line-strong);border-radius:7px;box-shadow:0 10px 26px #0009;transform:translate(-50%,-100%);transition:opacity .25s,border-color .2s;user-select:none;white-space:nowrap}.zonecard__title{font-size:11.5px;font-weight:700;letter-spacing:.045em;color:#fff}.zonecard__metric{margin-top:6px;padding-top:6px;border-top:1px solid var(--line);font-size:10.5px;color:var(--ink-3)}.zonecard__read{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:12px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.zonecard__read i{width:6px;height:6px;border-radius:50%;background:var(--ok);flex:none}.zonecard--warn .zonecard__read i{background:var(--warn)}.zonecard--bad .zonecard__read i{background:var(--bad)}.zonecard--dim{opacity:.28}.zonecard--active{border-color:#4aa3ffbf}.drawer{position:absolute;left:228px;bottom:72px;z-index:9;width:336px;padding:16px 18px 18px;background:var(--panel-solid);border:1px solid var(--line-strong);border-radius:10px;box-shadow:var(--shadow)}.drawer[hidden]{display:none}.drawer__close{position:absolute;top:9px;right:10px;width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--ink-3);font-size:20px;line-height:1;cursor:pointer}.drawer__close:hover{background:#ffffff12;color:var(--ink)}.drawer__eyebrow{margin:0;font-size:10.5px;font-weight:600;letter-spacing:.09em;color:var(--hot)}.drawer__title{margin:5px 0 7px;font-size:17px;font-weight:650}.drawer__desc{margin:0;font-size:12px;line-height:1.55;color:var(--ink-2)}.drawer__metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.dmetric{padding:9px 11px;background:#0d131a;border:1px solid var(--line);border-radius:7px}.dmetric__label{font-size:10px;color:var(--ink-3);margin-bottom:3px}.dmetric__value{font-size:14.5px;font-weight:650;font-variant-numeric:tabular-nums}.hint{position:absolute;left:50%;bottom:20px;z-index:8;transform:translate(-50%);display:flex;align-items:center;gap:9px;margin:0;padding:10px 18px;background:var(--panel);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:8px;font-size:12.5px;color:var(--ink-2);white-space:nowrap;pointer-events:none;transition:opacity .3s}.hint svg{width:17px;height:17px;flex:none}.hint--gone{opacity:0}.camctl{position:absolute;right:14px;bottom:16px;z-index:8;padding:10px 12px 11px;background:var(--panel);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:9px;box-shadow:var(--shadow)}.camctl__head{font-size:11.5px;font-weight:600;margin-bottom:8px}.camctl__row{display:flex;gap:4px}.camctl__item{display:flex;flex-direction:column;align-items:center;gap:4px;width:54px;padding:6px 2px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--ink-3);font:inherit;font-size:10px;cursor:default}.camctl__item svg{width:17px;height:17px}.camctl__item:hover{background:#ffffff0d;color:var(--ink-2)}.backlink{position:absolute;left:14px;bottom:16px;z-index:8;padding:8px 12px;background:var(--panel);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:7px;font-size:11.5px;color:var(--ink-2);text-decoration:none}.backlink:hover{color:var(--ink);border-color:var(--line-strong)}.boot{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;gap:11px;background:var(--bg);font-size:13px;color:var(--ink-3);letter-spacing:.02em;transition:opacity .6s ease}.boot span{width:15px;height:15px;border:2px solid rgba(255,255,255,.12);border-top-color:var(--hot);border-radius:50%;animation:spin .8s linear infinite}.boot--done{opacity:0;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1280px){.panel--energy{display:none}}@media(max-width:1040px){.panel--sensors,.panel--alerts,.camctl{display:none}.drawer{left:14px;right:14px;width:auto}}