.iot-console{--bg: #060713;--bg-2: #080a18;--panel: #0c0f22;--panel-2: #11152c;--panel-3: #171c38;--raised: #1b2244;--line: #1d2347;--line-2: #2a3162;--line-3: #3a437e;--txt: #eef0fb;--txt-2: #9aa3c8;--txt-3: #6b739d;--txt-4: #4a5178;--brand: #4c8dff;--brand-2: #84b1ff;--brand-soft: rgba(76, 141, 255, .14);--brand-line: rgba(76, 141, 255, .4);--tele: #37dabb;--tele-soft: rgba(55, 218, 187, .13);--tele-line: rgba(55, 218, 187, .4);--ok: #35d9a0;--ok-soft: rgba(53, 217, 160, .13);--ok-line: rgba(53, 217, 160, .4);--warn: #ffb454;--warn-soft: rgba(255, 180, 84, .14);--warn-line: rgba(255, 180, 84, .4);--crit: #ff6b6b;--crit-soft: rgba(255, 107, 107, .14);--crit-line: rgba(255, 107, 107, .45);--offline: #5b6b8c;--offline-soft: rgba(91, 107, 140, .16);--c1: #4c8dff;--c2: #37dabb;--c3: #b78bff;--c4: #ffb454;--c5: #ff6bb0;--c6: #35d9a0;--r: 14px;--r-sm: 10px;--r-xs: 7px;--sb-w: 248px;--tb-h: 60px;--mono: var(--mono, "IBM Plex Mono", ui-monospace, monospace);--sh: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 14px 40px -26px rgba(0, 0, 0, .85);--sh-lg: 0 40px 90px -40px rgba(0, 0, 0, .9), 0 2px 0 rgba(255, 255, 255, .04) inset;--glow-brand: 0 0 0 1px var(--brand-line), 0 8px 30px -10px rgba(76, 141, 255, .4);position:absolute;inset:0;display:grid;grid-template-columns:var(--sb-w) 1fr;background:radial-gradient(1200px 700px at 78% -10%,rgba(76,141,255,.08),transparent 60%),radial-gradient(900px 600px at 10% 110%,rgba(55,218,187,.06),transparent 55%),var(--bg);color:var(--txt);font-family:var(--sans, "Inter", system-ui, sans-serif);font-size:13.5px;line-height:1.45;letter-spacing:.1px;-webkit-font-smoothing:antialiased;overflow:hidden}.iot-console *,.iot-console *:before,.iot-console *:after{box-sizing:border-box}.iot-console ::selection{background:var(--brand-soft)}.iot-console ::-webkit-scrollbar{width:9px;height:9px}.iot-console ::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px;border:2px solid transparent;background-clip:padding-box}.iot-console ::-webkit-scrollbar-thumb:hover{background:var(--line-3);background-clip:padding-box}.iot-console .mono{font-family:var(--mono)}.iot-console .tnum{font-variant-numeric:tabular-nums}.iot-console .muted{color:var(--txt-3)}.iotc-sidebar{background:linear-gradient(180deg,var(--panel) 0%,var(--bg-2) 100%);border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.iotc-brand{display:flex;align-items:center;gap:11px;padding:17px 18px 15px;border-bottom:1px solid var(--line)}.iotc-logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--tele));display:grid;place-items:center;flex:none;box-shadow:0 0 0 1px #ffffff14 inset,0 8px 20px -6px #4c8dff99}.iotc-logo svg{width:19px;height:19px;color:#fff}.iotc-word{font-family:var(--display, "Space Grotesk", sans-serif);font-weight:700;font-size:15.5px;letter-spacing:.2px;line-height:1.1}.iotc-word span{display:block;font-family:var(--sans);font-size:10px;font-weight:500;letter-spacing:1.4px;color:var(--txt-3);text-transform:uppercase;margin-top:2px}.iotc-nav{padding:12px 11px;overflow:auto;flex:1}.iotc-nav-label{font-size:9.5px;font-weight:700;letter-spacing:1.3px;color:var(--txt-4);text-transform:uppercase;padding:15px 10px 7px}.iotc-nav-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r-sm);color:var(--txt-2);cursor:pointer;font-weight:550;user-select:none;position:relative;border:1px solid transparent;transition:background .12s,color .12s}.iotc-nav-item svg{width:18px;height:18px;flex:none;opacity:.82}.iotc-nav-item:hover{background:var(--panel-2);color:var(--txt)}.iotc-nav-item.active{background:var(--brand-soft);color:var(--brand-2);border-color:var(--brand-line);font-weight:650}.iotc-nav-item.active svg{opacity:1}.iotc-nav-item.active:before{content:"";position:absolute;left:-11px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--brand);box-shadow:0 0 12px var(--brand)}.iotc-nav-item .ct{margin-left:auto;font-size:10.5px;font-family:var(--mono);color:var(--txt-3);background:var(--panel-3);padding:1px 7px;border-radius:9px}.iotc-nav-item .ct.crit{color:var(--crit);background:var(--crit-soft)}.iotc-nav-item .ct.warn{color:var(--warn);background:var(--warn-soft)}.iotc-sb-foot{border-top:1px solid var(--line);padding:13px 15px;display:flex;flex-direction:column;gap:10px}.iotc-conn{display:flex;align-items:center;gap:9px;font-size:11.5px;color:var(--txt-2)}.iotc-conn .dot{width:8px;height:8px;border-radius:50%;flex:none}.iotc-conn .dot.live{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft),0 0 10px var(--ok);animation:iotc-pulse 2.2s infinite}.iotc-conn .dot.sim{background:var(--tele);box-shadow:0 0 0 3px var(--tele-soft)}.iotc-conn .dot.off{background:var(--offline)}.iotc-conn .meta{line-height:1.3;min-width:0}.iotc-conn .meta b{color:var(--txt);font-weight:600}.iotc-conn .meta small{color:var(--txt-3);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes iotc-pulse{0%,to{opacity:1}50%{opacity:.4}}.iotc-main{display:flex;flex-direction:column;min-width:0;min-height:0}.iotc-topbar{min-height:var(--tb-h);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 22px;background:linear-gradient(180deg,var(--panel) 0%,rgba(12,15,34,.6) 100%);backdrop-filter:blur(8px);position:relative;z-index:30}.iotc-ptitle{display:flex;flex-direction:column;min-width:150px}.iotc-ptitle b{font-family:var(--display, sans-serif);font-size:16px;font-weight:600;letter-spacing:-.2px}.iotc-ptitle small{color:var(--txt-3);font-size:11px}.iotc-spacer{flex:1}.iotc-clock{font-family:var(--mono);font-size:12px;color:var(--txt-2);letter-spacing:.4px}.iotc-pill{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:600;color:var(--txt-2);border:1px solid var(--line);background:var(--panel);padding:6px 11px;border-radius:8px;white-space:nowrap}.iotc-pill .d{width:7px;height:7px;border-radius:50%}.iotc-pill .d.live{background:var(--ok);box-shadow:0 0 8px var(--ok);animation:iotc-pulse 1.8s infinite}.iotc-pill .d.tele{background:var(--tele);box-shadow:0 0 8px var(--tele);animation:iotc-pulse 1.8s infinite}.iotc-content{flex:1;overflow:auto;min-height:0;padding:22px 26px 60px}.iotc-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-2);background:var(--panel-2);color:var(--txt);font-family:inherit;font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:.12s}.iotc-btn:hover{background:var(--panel-3);border-color:var(--line-3)}.iotc-btn svg{width:15px;height:15px}.iotc-btn.primary{background:var(--brand);border-color:var(--brand);color:#04122e}.iotc-btn.primary:hover{background:var(--brand-2)}.iotc-btn.ghost{background:transparent;border-color:transparent;color:var(--txt-2)}.iotc-btn.ghost:hover{background:var(--panel-2);color:var(--txt)}.iotc-btn.sm{padding:5px 9px;font-size:11.5px}.iotc-row{display:flex;gap:16px}.iotc-grid{display:grid;gap:16px}.iotc-sec{display:flex;align-items:center;gap:10px;margin:6px 0 13px}.iotc-sec h2{font-family:var(--display, sans-serif);font-size:15px;font-weight:600;margin:0;letter-spacing:-.1px}.iotc-sec .sub{color:var(--txt-3);font-size:12px}.iotc-sec .right{margin-left:auto;display:flex;gap:8px;align-items:center}.iotc-card{background:linear-gradient(180deg,var(--panel) 0%,var(--bg-2) 100%);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}.iotc-card.pad{padding:16px 18px}.iotc-card-h{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line)}.iotc-card-h h3{margin:0;font-size:12.5px;font-weight:650;letter-spacing:.2px}.iotc-card-h .sub{color:var(--txt-3);font-size:11px}.iotc-card-h .right{margin-left:auto;display:flex;gap:8px;align-items:center}.iotc-card-b{padding:16px}.iotc-st{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:650;padding:3px 9px;border-radius:20px;letter-spacing:.2px;white-space:nowrap;text-transform:uppercase}.iotc-st .d{width:6px;height:6px;border-radius:50%}.iotc-st.online{color:var(--ok);background:var(--ok-soft)}.iotc-st.online .d{background:var(--ok);box-shadow:0 0 6px var(--ok)}.iotc-st.warning{color:var(--warn);background:var(--warn-soft)}.iotc-st.warning .d{background:var(--warn)}.iotc-st.critical{color:var(--crit);background:var(--crit-soft)}.iotc-st.critical .d{background:var(--crit);box-shadow:0 0 6px var(--crit)}.iotc-st.offline{color:var(--txt-2);background:var(--offline-soft)}.iotc-st.offline .d{background:var(--offline)}.iotc-tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--txt-2);background:var(--panel-3);border:1px solid var(--line);padding:2px 8px;border-radius:6px}.iotc-tag.real{color:var(--tele);border-color:var(--tele-line);background:var(--tele-soft)}.iotc-kpis{display:grid;gap:14px}.iotc-kpi{background:linear-gradient(180deg,var(--panel) 0%,var(--bg-2) 100%);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;position:relative;overflow:hidden;box-shadow:var(--sh)}.iotc-kpi .lab{font-size:10.5px;color:var(--txt-3);font-weight:600;letter-spacing:.5px;text-transform:uppercase;display:flex;align-items:center;gap:7px}.iotc-kpi .lab svg{width:14px;height:14px;opacity:.8}.iotc-kpi .val{font-family:var(--display, sans-serif);font-size:28px;font-weight:600;margin-top:9px;letter-spacing:-.8px;font-variant-numeric:tabular-nums;line-height:1}.iotc-kpi .val small{font-size:13px;font-weight:600;color:var(--txt-3);margin-left:3px;letter-spacing:0}.iotc-kpi .delta{font-size:11.5px;margin-top:7px;display:flex;align-items:center;gap:5px;color:var(--txt-3)}.iotc-kpi .delta b{font-weight:650}.iotc-kpi .delta.up b{color:var(--ok)}.iotc-kpi .delta.down b{color:var(--crit)}.iotc-kpi .spark{position:absolute;right:12px;bottom:11px}.iotc-kpi.accent{border-color:var(--brand-line)}.iotc-kpi.accent:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand);box-shadow:0 0 16px var(--brand)}.iotc-kpi.tele.accent:after{background:var(--tele);box-shadow:0 0 16px var(--tele)}.iotc-tablewrap{overflow:auto}.iotc-table{width:100%;border-collapse:collapse;font-size:12.5px}.iotc-table thead th{position:sticky;top:0;background:var(--panel-2);text-align:left;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--txt-3);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap;z-index:1}.iotc-table tbody td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.iotc-table tbody tr:hover{background:var(--panel-2)}.iotc-table tbody tr:last-child td{border-bottom:0}.iotc-table .dev-name{font-weight:600}.iotc-table .dev-id{font-family:var(--mono);font-size:11px;color:var(--txt-3)}.iotc-table .r{text-align:right;font-variant-numeric:tabular-nums}.iotc-stage{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:radial-gradient(700px 400px at 50% 0%,rgba(76,141,255,.08),transparent 70%),var(--bg-2);box-shadow:var(--sh)}.iotc-stage canvas{display:block}.iotc-stage .threehost{width:100%;height:100%;cursor:grab}.iotc-stage .threehost:active{cursor:grabbing}.iotc-overlay{position:absolute;background:#090c1cc7;border:1px solid var(--line-2);border-radius:11px;padding:12px 14px;font-size:11.5px;backdrop-filter:blur(10px);box-shadow:var(--sh-lg);pointer-events:auto}.iotc-overlay .ov-t{font-weight:700;font-size:12.5px;display:flex;align-items:center;gap:8px}.iotc-overlay .ov-t .mono{color:var(--txt-3);font-weight:500;font-size:10.5px}.iotc-kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin-top:9px;font-size:11.5px}.iotc-kv dt{color:var(--txt-3)}.iotc-kv dd{margin:0;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.iotc-legend{position:absolute;left:14px;bottom:14px}.iotc-legend .it{display:flex;align-items:center;gap:8px;margin:4px 0;color:var(--txt-2)}.iotc-legend .sw{width:10px;height:10px;border-radius:3px;flex:none}.iotc-hud{position:absolute;left:14px;top:14px;display:flex;gap:8px;flex-wrap:wrap}.iotc-hud .chip{background:#090c1cc7;border:1px solid var(--line-2);border-radius:9px;padding:7px 11px;backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:1px;min-width:78px}.iotc-hud .chip .k{font-size:9.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--txt-3);font-weight:600}.iotc-hud .chip .v{font-family:var(--display, sans-serif);font-size:18px;font-weight:600;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.iotc-stage .leaflet-container{background:var(--bg-2);font-family:var(--sans)}.iotc-stage .leaflet-control-zoom a{background:var(--panel);color:var(--txt-2);border-color:var(--line-2)}.iotc-stage .leaflet-control-zoom a:hover{background:var(--panel-3);color:var(--txt)}.iotc-stage .leaflet-bar{border:1px solid var(--line-2);box-shadow:var(--sh)}.iotc-stage .leaflet-control-attribution{background:#060713b3;color:var(--txt-4);font-size:9.5px}.iotc-stage .leaflet-control-attribution a{color:var(--txt-3)}.iotc-stage.agri .leaflet-tile{filter:saturate(.82) brightness(.7) contrast(1.05)}.iotc-turb-label{background:transparent;border:0}.iotc-turb-label span{font-family:var(--mono);font-size:9.5px;color:var(--txt);text-shadow:0 1px 4px #000}.iotc-feed .iotc-fev{display:flex;gap:12px;padding:10px 4px;border-bottom:1px solid var(--line)}.iotc-feed .iotc-fev:last-child{border-bottom:0}.iotc-feed .iotc-fic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:none;border:1px solid var(--line)}.iotc-feed .iotc-fic svg{width:15px;height:15px}.iotc-feed .iotc-fic.ok{color:var(--ok);background:var(--ok-soft);border-color:var(--ok-line)}.iotc-feed .iotc-fic.warn{color:var(--warn);background:var(--warn-soft);border-color:var(--warn-line)}.iotc-feed .iotc-fic.crit{color:var(--crit);background:var(--crit-soft);border-color:var(--crit-line)}.iotc-feed .iotc-fic.info{color:var(--brand-2);background:var(--brand-soft);border-color:var(--brand-line)}.iotc-feed .iotc-fbd{flex:1;min-width:0}.iotc-feed .iotc-fbd .iotc-ft{font-size:12.5px}.iotc-feed .iotc-fbd .iotc-fsub{font-size:11px;color:var(--txt-3);margin-top:2px;display:flex;gap:10px}.iotc-hbar{display:flex;flex-direction:column;gap:11px}.iotc-hbar .it{display:grid;grid-template-columns:1fr 60px;align-items:center;gap:10px;font-size:12px}.iotc-hbar .nm{color:var(--txt-2);display:flex;align-items:center;gap:8px}.iotc-hbar .track{height:7px;border-radius:5px;background:var(--panel-3);overflow:hidden;grid-column:1 / -1;margin-top:-4px}.iotc-hbar .fill{height:100%;border-radius:5px;transition:width .5s ease}.iotc-hbar .vv{text-align:right;font-variant-numeric:tabular-nums;color:var(--txt);font-weight:600}.iotc-connect{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:var(--r);border:1px solid var(--tele-line);background:linear-gradient(100deg,var(--tele-soft),transparent 70%);margin-bottom:16px}.iotc-connect .ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--tele-soft);color:var(--tele);flex:none}.iotc-connect .tx{flex:1;min-width:0}.iotc-connect .tx b{font-weight:650}.iotc-connect .tx p{margin:2px 0 0;color:var(--txt-2);font-size:12px}.iotc-ring-c{font-family:var(--display, sans-serif);font-variant-numeric:tabular-nums}@keyframes iotc-spin{to{transform:rotate(360deg)}}.iotc-wtg{width:40px;height:40px;position:relative}.iotc-wtg svg{width:40px;height:40px;overflow:visible;filter:drop-shadow(0 1px 3px rgba(0,0,0,.8))}.iotc-wtg .tower{stroke:var(--txt-2);stroke-width:2;stroke-linecap:round}.iotc-wtg .rotor{transform-origin:20px 12px;animation:iotc-spin 1.4s linear infinite}.iotc-wtg .rotor path{fill:var(--c, var(--ok))}.iotc-wtg .hub{fill:var(--c, var(--ok))}.iotc-wtg.sel:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--brand);box-shadow:0 0 16px var(--brand)}.iotc-mk-dot{width:16px;height:16px;border-radius:50%;border:2px solid #0b0e1f;box-shadow:0 0 10px var(--c, var(--ok)),0 1px 3px #000c;background:var(--c, var(--ok))}.iotc-pivot{position:relative}.iotc-pivot .arm{transform-origin:center}.leaflet-popup-content-wrapper,.iot-console .leaflet-popup-tip{background:var(--panel);color:var(--txt);border:1px solid var(--line-2);box-shadow:var(--sh-lg)}.iot-console .leaflet-popup-content{margin:11px 13px;font-family:var(--sans);font-size:12px}.iot-console .leaflet-popup-content b{font-weight:650}.iot-console .leaflet-popup-close-button{color:var(--txt-3)}@media(max-width:1080px){.iot-console{grid-template-columns:68px 1fr}.iotc-word,.iotc-nav-label,.iotc-nav-item .ct,.iotc-conn .meta{display:none}.iotc-nav-item{justify-content:center}.iotc-brand{justify-content:center;padding:17px 0 15px}}