@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_f7c909c6-module__oclQBW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_f7c909c6-module__oclQBW__variable{--font-console-sans:"Inter", "Inter Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.31988l_ccedte.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.2tuy5pz7dlieh.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.2dbetqa9o8jxf.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.1uyisp29ctx0d.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.1rgnod-3esatf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.0r6juujl39pe6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_a7b3e5eb-module__cXV4lW__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_a7b3e5eb-module__cXV4lW__variable{--font-console-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--ground:#0e0f11;--surface:#17181b;--surface-subtle:#1c1d21;--surface-sunken:#111214;--surface-hover:#22242a;--surface-selected:#2a2c32;--surface-inverse:#f2f3f5;--border:#2c2e34;--border-strong:#3a3d44;--border-hairline:#222429;--ink:#f2f3f5;--ink-2:#cdd0d6;--ink-muted:#a3a7af;--ink-faint:#9095a0;--accent:#f2f3f5;--on-accent:#17181b;--focus-ring:#93aef5;--success-fg:#6fcf97;--success-bg:#12291d;--success-border:#1f4a33;--success-solid:#3dbe76;--warning-fg:#f2b654;--warning-bg:#2e2210;--warning-surface:#221a0c;--warning-border:#5a4318;--warning-solid:#e0a030;--danger-fg:#f59a92;--danger-bg:#2e1513;--danger-border:#5c2622;--danger-solid:#e5554a;--info-fg:#93aef5;--info-bg:#141e36;--info-border:#26386a;--info-solid:#6a8beb;--edge-fg:#c7a8f0;--edge-bg:#241a33;--alert-dot:#f07a3a;--graph-dot:#2c2e34;--edge-line:#6b6f76;--track:#2a2c32;--switch-off:#4a4d55;--font-sans:var(--font-console-sans), system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:var(--font-console-mono), ui-monospace, "SF Mono", Menlo, Consolas, monospace;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-18:18px;--space-20:20px;--space-24:24px;--space-28:28px;--space-56:56px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:14px;--radius-3xl:16px;--radius-pill:999px;--shadow-xs:0 1px 1px #0000004d;--shadow-card:0 1px 2px #0006;--shadow-frame:0 1px 2px #00000080, 0 12px 32px #00000059;--control-sm:32px;--control-md:36px;--control-lg:40px;--sidebar-width:240px;--frame-max:1400px}
:root{--bg:var(--ground);--surface-raised:var(--surface-subtle);--border-soft:var(--border-hairline);--text:var(--ink);--text-subtle:var(--ink-muted);--text-faint:var(--ink-faint);--blue:var(--info-solid);--blue-soft:var(--info-bg);--green:var(--success-solid);--green-soft:var(--success-bg);--amber:var(--warning-solid);--amber-soft:var(--warning-bg);--red:var(--danger-solid);--red-soft:var(--danger-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans);color:var(--text);background:var(--bg)}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}button,input,select,textarea{font:inherit}button,summary,select{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.skipLink{z-index:1000;color:#fff;background:#1f6feb;border:1px solid #58a6ff;border-radius:6px;padding:9px 13px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .12s;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skipLink:focus{outline-offset:2px;outline:2px solid #fff;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.icon{flex:none;width:18px;height:18px}.appShell{width:min(calc(100% - 32px), var(--frame-max));grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-3xl);min-height:calc(100vh - 32px);box-shadow:var(--shadow-frame);margin:16px auto;display:grid;overflow:clip}.workspace{background:var(--surface-sunken);min-width:0}.sidebar{z-index:20;gap:var(--space-24);height:calc(100vh - 32px);padding:var(--space-20) var(--space-12) var(--space-16);background:var(--surface-subtle);border-right:1px solid var(--border);flex-direction:column;display:flex;position:sticky;top:0}.brand{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:0 8px;display:flex}.brandMark{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--on-accent);background:var(--accent);flex:none;place-items:center;display:grid}.brandMark svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:22px;height:22px}.brandText{flex-direction:column;line-height:1.1;display:flex}.brandText b{letter-spacing:.01em;font-size:14px}.brandText small{color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase;margin-top:5px;font-size:10px;font-weight:650}.navSection{flex-direction:column;gap:4px;display:flex}.navLabel{color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase;padding:0 10px 8px;font-size:10px;font-weight:700}.primaryNav{flex-direction:column;gap:4px;display:flex}.navSection button{width:100%;min-height:var(--control-md);align-items:center;gap:var(--space-10);border-radius:var(--radius-md);color:var(--ink-2);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;padding:8px 10px;font-size:13px;font-weight:400;transition:color .15s,background-color .15s,border-color .15s;display:flex}.navSection button:hover{color:var(--text);background:var(--surface-raised)}.navSection button.active{color:var(--ink);background:var(--surface-selected);border-color:var(--border-strong);font-weight:500}.navSection button.active .icon{color:var(--ink)}.navStatus{border-radius:50%;width:6px;height:6px;margin-left:auto}.navStatus.connected{background:var(--green)}.navStatus.disconnected{background:var(--red)}.secondaryNav{margin-top:auto}.sidebarFooter{border-top:1px solid var(--border-soft);align-items:center;gap:10px;padding:12px 10px 0;display:flex}.statusDot{background:var(--success-solid);border-radius:50%;flex:none;width:7px;height:7px}.sidebarFooter>span:last-child{flex-direction:column;display:flex}.sidebarFooter b{font-size:11px;font-weight:650}.sidebarFooter small{color:var(--text-faint);margin-top:3px;font-size:10px}.topbar{z-index:15;justify-content:space-between;align-items:center;gap:var(--space-24);background:color-mix(in srgb, var(--surface) 94%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-height:62px;padding:11px clamp(20px,3vw,32px);display:flex;position:sticky;top:0}.globalSearch{width:min(520px,55vw);height:var(--control-lg);align-items:center;gap:var(--space-10);padding:0 var(--space-12);color:var(--ink-faint);background:var(--surface-subtle);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color .15s,box-shadow .15s;display:flex}.globalSearch:focus-within{border-color:var(--focus-ring);box-shadow:0 0 0 1px var(--focus-ring)}.globalSearch .icon{width:16px;height:16px}.globalSearch input{width:100%;height:100%;color:var(--text);background:0 0;border:0;outline:0;padding:0;font-size:13px}.globalSearch input::placeholder{color:var(--text-faint)}.topbarMeta{align-items:center;gap:18px;display:flex}.mqttIndicator{min-height:var(--control-sm);color:var(--ink-muted);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-pill);cursor:pointer;align-items:center;gap:7px;padding:5px 10px;font-size:11px;display:flex}.mqttIndicator:hover{color:var(--text);background:var(--surface-raised)}.mqttIndicator.disconnected .statusDot{background:var(--red);box-shadow:0 0 0 3px #f8514916}.environment{color:var(--ink-2);align-items:center;gap:8px;font-size:12px;display:flex}.accountMenu{position:relative}.accountMenu summary{color:var(--text-subtle);cursor:pointer;border-radius:50px;align-items:center;gap:5px;padding:3px;list-style:none;display:flex}.accountMenu summary::-webkit-details-marker{display:none}.accountMenu summary>.icon{width:14px;height:14px;transform:rotate(90deg)}.avatar{width:34px;height:34px;color:var(--on-accent);background:var(--accent);border-radius:var(--radius-pill);place-items:center;font-size:11px;font-weight:600;display:grid}.menuContent{z-index:30;width:230px;color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-radius:7px;padding:6px;position:absolute;top:48px;right:0;box-shadow:0 12px 32px #0009}.menuContent button,.menuContent a{width:100%;color:var(--ink-2);border-radius:var(--radius-sm);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;padding:9px 10px;font-size:12px;text-decoration:none;display:flex}.menuContent button:hover,.menuContent a:hover{color:#fff;background:var(--surface-hover)}.menuContent .icon{width:14px;height:14px}.menuLabel{color:var(--text-faint);letter-spacing:.09em;text-transform:uppercase;padding:7px 10px;font-size:10px;font-weight:700}.menuSeparator{background:var(--border);height:1px;margin:5px -6px}.content{width:100%;max-width:var(--frame-max);padding:var(--space-20) clamp(20px, 3vw, 24px) var(--space-28);margin:0 auto}.pagehead{justify-content:space-between;align-items:center;gap:var(--space-20);min-height:68px;padding-bottom:var(--space-16);display:flex}.eyebrow{color:var(--text-faint);letter-spacing:.14em;margin-bottom:8px;font-size:9px;font-weight:750}.pagehead h1{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:600;line-height:24px}.pagehead p{color:var(--text-subtle);margin:7px 0 0;font-size:13px}.button{min-height:var(--control-md);justify-content:center;align-items:center;gap:var(--space-6);color:var(--on-accent);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-md);white-space:nowrap;cursor:pointer;padding:8px 14px;font-size:12px;font-weight:500;text-decoration:none;transition:opacity .15s,background-color .15s,border-color .15s;display:inline-flex}.button:hover{opacity:.9}.button.secondary{color:var(--ink);background:var(--surface);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.button.secondary:hover{background:var(--surface-hover)}.button:disabled{opacity:.42;cursor:not-allowed}.button .icon{width:16px;height:16px}.compactButton{min-height:30px;padding:5px 9px;font-size:11px}.notice{color:#cae8ff;background:#132b42;border:1px solid #1f5e8c;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:11px 14px;font-size:12px;display:flex}.notice button{color:#cae8ff;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:20px}.dataRefreshNotice{color:#f7dfae;background:#302617;border-color:#80612d;flex-wrap:wrap}.dataRefreshNotice>div{flex:240px;gap:4px;min-width:0;display:grid}.dataRefreshNotice small{font-size:11px;line-height:1.5}.dataRefreshNotice button{color:inherit;border:1px solid;border-radius:4px;flex-shrink:0;padding:6px 10px;font-size:12px;font-weight:600}.dataRefreshNotice button:focus-visible{outline-offset:3px;outline:2px solid}.dataRefreshStatus{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:24px 0 18px;display:grid}.stats article{min-height:112px;padding:14px var(--space-16);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.statTop{color:var(--text-subtle);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.statTop .icon{width:17px;height:17px;color:var(--text-faint)}.stats strong{color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin-top:12px;font-size:22px;font-weight:600;line-height:28px;display:block}.stats small{color:var(--text-faint);margin-top:9px;font-size:10px;display:block}.overviewGrid{grid-template-columns:minmax(0,1.8fr) minmax(260px,.8fr);gap:18px;display:grid}.panel,.table,.docs,.emptyState{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl)}.panel{min-width:0;overflow:hidden}.panelTitle{justify-content:space-between;align-items:center;gap:var(--space-16);min-height:56px;padding:11px var(--space-16);background:var(--surface-subtle);border-bottom:1px solid var(--border);display:flex}.panelTitle h2{color:var(--ink);margin:0;font-size:14px;font-weight:600}.panelTitle span,.panelTitle div>span{color:var(--text-faint);margin-top:4px;font-size:10px;display:block}.linkButton,.iconButton{color:var(--blue);cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:600}.linkButton:hover{text-decoration:underline}.iconButton{width:30px;height:30px;color:var(--text-subtle);border:1px solid var(--border);border-radius:6px;place-items:center;display:grid}.iconButton:hover{color:var(--text);background:var(--surface-hover)}.iconButton .icon{width:15px;height:15px}.healthRows{padding:2px 15px}.healthRow{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:12px;min-height:52px;font-size:11px;display:flex}.healthRow:first-child{border-top:0}.healthRow>span{color:var(--ink-2);align-items:center;gap:9px;display:flex}.healthRow i{border-radius:50%;width:7px;height:7px}.healthRow i.good{background:var(--green)}.healthRow i.warn{background:var(--amber)}.healthRow b{font-size:11px}.activityTable{min-width:640px}.activityPanel{overflow:auto}.activityRow{border-top:1px solid var(--border-soft);grid-template-columns:minmax(160px,1.4fr) minmax(80px,.65fr) minmax(120px,.9fr) minmax(100px,.7fr);align-items:center;gap:16px;min-height:58px;padding:9px 14px;font-size:11px;display:grid}.activityRow>div b,.activityRow>div small{display:block}.activityRow small{color:var(--text-faint);margin-top:4px;font-size:10px}.activityRow time{color:var(--text-subtle);font-size:10px}.activityHead{min-height:38px;color:var(--ink-faint);background:var(--surface-subtle);letter-spacing:.04em;text-transform:uppercase;border-top:0;font-size:11px;font-weight:500}.filterBar{align-items:center;gap:9px;min-height:54px;margin-top:18px;display:flex}.filterBar>span{color:var(--text-faint);margin-left:auto;font-size:11px}.firmwareSync{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);margin-top:20px;overflow:hidden}.firmwareSync.success{border-color:#295d38}.firmwareSync.warning,.firmwareSync.running{border-color:#6e5718}.firmwareSync.danger{border-color:#653239}.firmwareSync header{justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:14px 16px;display:flex}.syncIdentity{align-items:flex-start;gap:12px;min-width:0;display:flex}.syncIcon{width:38px;height:38px;color:var(--blue);background:var(--blue-soft);border-radius:6px;flex:none;place-items:center;display:grid}.syncIcon .icon{width:19px;height:19px}.syncIdentity h2{color:var(--ink);margin:3px 0 0;font-size:14px}.syncIdentity p{color:var(--text-subtle);overflow-wrap:anywhere;margin:5px 0 0;font-size:10px}.syncIdentity .syncSourceLine{color:var(--text-faint)}.syncSourceLine code{color:var(--ink-2)}.syncActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.syncBadge{color:var(--text-subtle);white-space:nowrap;align-items:center;gap:7px;font-size:10px;font-weight:650;display:inline-flex}.syncBadge i{background:var(--text-faint);border-radius:50%;width:7px;height:7px}.syncBadge.success{color:#7ee787}.syncBadge.success i{background:var(--green)}.syncBadge.warning,.syncBadge.running{color:#e3b341}.syncBadge.warning i,.syncBadge.running i{background:var(--amber)}.syncBadge.danger{color:#ff7b72}.syncBadge.danger i{background:var(--red)}.syncProgress{background:#262c34;height:5px;overflow:hidden}.syncProgress i{background:var(--blue);height:100%;transition:width .25s;display:block}.firmwareSync.success .syncProgress i{background:var(--green)}.firmwareSync.warning .syncProgress i,.firmwareSync.running .syncProgress i{background:var(--amber)}.firmwareSync.danger .syncProgress i{background:var(--red)}.firmwareSync.running .syncProgress i{background-image:linear-gradient(90deg,#e3b341 0 40%,#f0c85a 40% 60%,#e3b341 60% 100%);background-size:180px 100%;animation:1.2s linear infinite syncFlow}.syncErrorDetail{color:#ffb4ad;background:#241216;border-top:1px solid #653239;justify-content:space-between;align-items:center;gap:16px;padding:11px 16px;display:flex}.syncErrorDetail>div{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:4px 10px;min-width:0;display:grid}.syncErrorDetail b{text-transform:uppercase;flex:none;font-size:10px}.syncErrorDetail code{overflow-wrap:anywhere;color:#ffdcd8;font-size:10px}.syncErrorDetail small{color:#f2b8b5;grid-column:2;font-size:9px;line-height:1.45}.syncErrorDetail a{color:#ffb4ad;flex:none;align-items:center;gap:6px;font-size:10px;display:inline-flex}.syncErrorDetail .icon{width:13px;height:13px}.syncStaleDetail{color:#f0c36d;background:#201a0d;border-top:1px solid #5c481b;align-items:flex-start;gap:10px;padding:11px 16px;display:flex}.syncStaleDetail .icon{flex:none;width:15px;height:15px;margin-top:1px}.syncStaleDetail b,.syncStaleDetail span{display:block}.syncStaleDetail b{text-transform:uppercase;font-size:10px}.syncStaleDetail span{color:#d6b76f;margin-top:3px;font-size:9px;line-height:1.45}.syncLogDetails{border-top:1px solid var(--border-soft)}.syncLogDetails>summary{min-height:40px;color:var(--ink-2);background:var(--surface-subtle);cursor:pointer;align-items:center;gap:12px;padding:8px 16px;font-size:11px;font-weight:500;display:flex}.syncLogDetails>summary small{color:var(--text-faint);margin-left:auto;font-size:9px;font-weight:400}.syncLogDetails>.empty{border-top:1px solid var(--border-soft);margin:0;padding:14px 16px}.syncLogTable{border-top:1px solid var(--border-soft);overflow-x:auto}.syncLogRow{border-top:1px solid var(--border-soft);min-width:760px;min-height:46px;color:var(--text-subtle);grid-template-columns:150px 90px 150px minmax(260px,1fr);align-items:center;gap:14px;padding:8px 16px;font-size:10px;display:grid}.syncLogRow:first-child{border-top:0}.syncLogRow time{color:var(--text-faint)}.syncLogRow>div b,.syncLogRow>div code{display:block}.syncLogRow>div b{color:var(--ink-2);text-transform:uppercase;font-size:10px}.syncLogRow>div code{color:#79c0ff;margin-top:3px;font-size:9px}.syncLogMessage{gap:4px;min-width:0;display:grid}.syncLogMessage span{overflow-wrap:anywhere}.syncLogMessage small{color:#f2b8b5;font-size:9px;line-height:1.45}.logExportBar{min-height:42px;color:var(--text-faint);border-top:1px solid var(--border-soft);justify-content:flex-end;align-items:center;gap:12px;padding:6px 16px;font-size:10px;display:flex}.logHeaderActions{color:var(--text-faint);align-items:center;gap:12px;font-size:11px;display:flex}.logHeaderActions .button,.logExportBar .button{white-space:nowrap}.syncLogHead{min-height:34px;color:var(--ink-faint);background:var(--surface-subtle);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:500}.firmwareSync footer{min-height:38px;color:var(--ink-faint);background:var(--surface-subtle);border-top:1px solid var(--border-hairline);align-items:center;gap:18px;padding:8px 16px;font-size:10px;display:flex}.firmwareSync footer span:last-child{margin-left:auto}.firmwareSync footer code{color:var(--ink-2)}@keyframes syncFlow{to{background-position:180px 0}}input,select,textarea{color:var(--ink);background:var(--surface-subtle);border:1px solid var(--border-strong);border-radius:var(--radius-md)}input,select{min-height:36px;padding:7px 10px}select{color:var(--ink-2);cursor:pointer;font-size:12px}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:read-only{color:var(--ink-muted);background:var(--surface-sunken)}.table{margin-top:0;overflow-x:auto}.tableHead{color:var(--ink-faint);background:var(--surface-subtle);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:500;min-height:42px!important}.releaseGrid,.deviceGrid{align-items:center;gap:18px;padding:11px 15px;display:grid}.releaseGrid{grid-template-columns:minmax(230px,1.5fr) minmax(130px,.85fr) 120px 130px 100px 20px;min-width:930px}.deviceGrid{grid-template-columns:minmax(190px,1.2fr) minmax(125px,.8fr) 85px 105px minmax(145px,1fr) minmax(300px,1.65fr);min-width:1040px}.table details,.deviceGrid:not(.tableHead){border-top:1px solid var(--border-soft)}.table summary{cursor:pointer;list-style:none}.table summary::-webkit-details-marker{display:none}.table summary:hover,.deviceGrid:not(.tableHead):hover{background:var(--surface-hover)}.releaseGrid:not(.tableHead),.deviceGrid:not(.tableHead){min-height:68px;font-size:11px}.releaseGrid strong,.deviceGrid strong{color:var(--ink);font-size:13px;font-weight:500;display:block}.releaseGrid small,.deviceGrid small{color:var(--text-faint);margin-top:4px;font-size:10px;display:block}.rowChevron .icon{width:14px;height:14px;color:var(--text-faint);transition:transform .15s}.table details[open] .rowChevron .icon{transform:rotate(90deg)}.channel{color:var(--text-subtle);background:var(--surface-raised);border:1px solid var(--border);text-transform:uppercase;border-radius:20px;margin-left:6px;padding:2px 6px;font-size:8px;font-weight:700;display:inline-block}.channel-beta,.channel-development{color:#e3b341;border-color:#6e5718}.badge,.stateBadge{width:max-content;color:var(--ink-2);background:var(--surface-selected);border:1px solid var(--border);border-radius:var(--radius-pill);white-space:nowrap;align-items:center;gap:6px;padding:2px 9px;font-size:11px;font-weight:400;line-height:16px;display:inline-flex}.badge i,.stateBadge i{border-radius:50%;width:7px;height:7px}.badge.success i,.stateBadge.success i{background:var(--green)}.badge.danger i,.stateBadge.danger i{background:var(--red)}.stateBadge.running i{background:var(--amber)}.badge.success,.stateBadge.success{color:var(--success-fg);background:var(--success-bg);border-color:var(--success-border)}.badge.danger,.stateBadge.danger{color:var(--danger-fg);background:var(--danger-bg);border-color:var(--danger-border)}.stateBadge.running{color:var(--warning-fg);background:var(--warning-bg);border-color:var(--warning-border)}.progress{background:var(--track);border-radius:var(--radius-pill);height:5px;overflow:hidden}.progress i{background:var(--info-solid);border-radius:inherit;height:100%;display:block}.progress.failed i{background:var(--red)}.actionGroup{grid-template-columns:90px 108px auto 32px;align-items:center;gap:6px;display:grid}.actionGroup select{width:100%;min-width:0;min-height:30px;padding:5px 7px;font-size:10px}.deviceRowActions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.deviceMoreButton{width:32px;min-width:32px;height:32px;color:var(--text-subtle);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.deviceMoreButton:hover,.deviceMoreButton[aria-expanded=true]{color:var(--ink);background:var(--surface-selected);border-color:var(--border)}.deviceMoreButton .icon{width:17px;height:17px}.deviceActionMenu{z-index:100;width:286px;color:var(--ink-2);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-lg);position:fixed;overflow:hidden;box-shadow:0 14px 40px #00000073}.deviceActionMenuHeader{background:var(--surface-subtle);border-bottom:1px solid var(--border-soft);gap:3px;padding:10px 12px;display:grid}.deviceActionMenuHeader b{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.deviceActionMenuHeader code{color:var(--text-faint);font-size:9px}.deviceActionMenu>button{width:100%;min-height:48px;color:var(--ink-2);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:9px;padding:8px 12px;display:grid}.deviceActionMenu>button+button{border-top:1px solid var(--border-soft)}.deviceActionMenu>button:hover,.deviceActionMenu>button:focus-visible{color:var(--ink);background:var(--surface-hover);box-shadow:inset 3px 0 var(--accent);outline:none}.deviceActionMenu>button:disabled{color:var(--text-faint);cursor:not-allowed;background:0 0}.deviceActionMenu>button .icon{justify-self:center;width:17px;height:17px}.deviceActionMenu>button span{gap:2px;min-width:0;display:grid}.deviceActionMenu>button b{font-size:11px;font-weight:600}.deviceActionMenu>button small{color:var(--text-faint);margin:0;font-size:9px;line-height:1.35}.deviceActionMenuReason{color:var(--warning-fg);background:var(--warning-bg);border-top:1px solid var(--warning-border);border-bottom:1px solid var(--warning-border);margin:0;padding:7px 12px 8px 45px;font-size:9px;line-height:1.45}.releaseDetails{background:var(--surface-sunken);border-top:1px solid var(--border);padding:18px}.releaseDetailIntro{border:1px solid var(--border);background:#111820;border-radius:6px;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;padding:14px;display:flex}.releaseDetailIntro>div{align-items:flex-start;gap:12px;display:flex}.releaseDetailIntro h2{color:var(--ink);margin:3px 0 0;font-size:16px}.releaseDetailIntro p{color:var(--text-faint);margin:5px 0 0;font-size:9px}.releaseDetails dl,.docs dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 15px;display:grid}.releaseDetails dl div,.docs dl div{background:var(--surface);border:1px solid var(--border-soft);border-radius:5px;min-width:0;padding:11px}.releaseDetails dt,.docs dt{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:9px}.releaseDetails dd,.docs dd{overflow-wrap:anywhere;margin:5px 0 0;font-size:11px;font-weight:600}.hash{color:var(--text-subtle);overflow-wrap:anywhere;font-size:10px}.hash code{color:var(--ink-2)}.error{color:#ff7b72;font-size:11px}.warning{color:#e3b341;font-size:11px}.releaseValidation:empty{display:none}.releaseDocumentation{border:1px solid var(--border);background:#11161d;border-radius:6px;margin:18px 0;overflow:hidden}.releaseDocumentation>header{border-bottom:1px solid var(--border);background:#111820;justify-content:space-between;align-items:flex-start;gap:16px;padding:13px 15px;display:flex}.releaseDocumentation>header>div{align-items:flex-start;gap:11px;display:flex}.releaseDocumentation h3{color:var(--ink);margin:3px 0 0;font-size:12px}.releaseDocumentation>header>span{color:var(--text-faint);font-size:9px}.releaseDocumentation pre{max-height:560px;color:var(--ink-2);background:var(--surface-sunken);font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:18px;font-size:10px;line-height:1.7;overflow:auto}.emptyDocumentation{color:var(--text-faint);padding:15px;font-size:10px}.emptyDocumentation h3{color:var(--text-subtle);margin:0 0 6px}.deploymentSummary{grid-template-columns:repeat(3,minmax(0,220px));gap:12px;margin:22px 0 16px;display:grid}.deploymentSummary article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);align-items:center;gap:12px;min-height:74px;padding:13px;display:flex}.summaryIcon{border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.summaryIcon.running{color:#e3b341;background:var(--amber-soft)}.summaryIcon.success{color:#7ee787;background:var(--green-soft)}.summaryIcon.danger{color:#ff7b72;background:var(--red-soft)}.summaryIcon .icon{width:18px;height:18px}.deploymentSummary div{flex-direction:column;display:flex}.deploymentSummary b{font-size:19px}.deploymentSummary div span{color:var(--text-subtle);margin-top:3px;font-size:10px}.deploymentRows{min-width:760px}.deploymentPanel{overflow-x:auto}.deploymentRow{border-top:1px solid var(--border-soft);grid-template-columns:minmax(190px,1.4fr) 90px minmax(130px,1fr) minmax(150px,1fr) 110px;align-items:center;gap:18px;min-height:62px;padding:10px 15px;font-size:11px;display:grid}.deploymentRow b,.deploymentRow small{display:block}.deploymentRow small{color:var(--text-faint);margin-top:4px;font-size:10px}.deploymentRow time{color:var(--text-subtle);font-size:10px}.deploymentHead{min-height:40px;color:var(--text-subtle);background:#0d1117;border-top:0;font-size:10px;font-weight:650}.progressCell{grid-template-columns:1fr 34px;align-items:center;gap:8px;display:grid}.progressCell small{text-align:right;margin:0}.progressSource{color:var(--text-faint);font-size:9px;line-height:1.35}.progressCell .progressSource{text-align:left;grid-column:1/-1;margin-top:-4px}.activity{margin-top:16px;overflow-x:auto}.mqttOverview{grid-template-columns:minmax(300px,1.35fr) repeat(3,minmax(160px,.7fr));gap:12px;margin:22px 0 16px;display:grid}.mqttOverview article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);min-height:112px;padding:16px}.mqttHero{align-items:center;gap:14px;display:flex}.mqttHero.connected{border-color:#295d38}.mqttHero.disconnected{border-color:#653239}.mqttHeroIcon{width:44px;height:44px;color:var(--green);background:var(--green-soft);border-radius:7px;flex:none;place-items:center;display:grid}.mqttHero.disconnected .mqttHeroIcon{color:#ff7b72;background:var(--red-soft)}.mqttHeroIcon .icon{width:23px;height:23px}.mqttHero>div{flex-direction:column;min-width:0;display:flex}.mqttHero>div>span,.mqttMetric>span{color:var(--text-subtle);font-size:10px}.mqttHero strong{margin-top:6px;font-size:18px}.mqttHero small{color:var(--text-faint);overflow-wrap:anywhere;margin-top:5px;font-size:10px}.mqttStatusBadge{white-space:nowrap;border-radius:20px;align-items:center;gap:7px;margin-left:auto;padding:5px 8px;font-size:9px;font-weight:650;display:inline-flex}.mqttStatusBadge i{border-radius:50%;width:6px;height:6px}.mqttStatusBadge.connected{color:#7ee787;background:var(--green-soft)}.mqttStatusBadge.connected i{background:var(--green)}.mqttStatusBadge.disconnected{color:#ff7b72;background:var(--red-soft)}.mqttStatusBadge.disconnected i{background:var(--red)}.mqttMetric{flex-direction:column;display:flex}.mqttMetric strong{letter-spacing:-.03em;margin-top:14px;font-size:26px}.mqttMetric small{color:var(--text-faint);margin-top:8px;font-size:9px}.mqttError{color:#ffb3ad;background:#2d1518;border:1px solid #653239;border-radius:6px;align-items:flex-start;gap:11px;margin-bottom:16px;padding:12px 14px;display:flex}.mqttError .icon{color:var(--red);margin-top:1px}.mqttError div{flex-direction:column;display:flex}.mqttError b{font-size:11px}.mqttError span{color:#d78c86;margin-top:4px;font-size:10px}.mqttInfoGrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.mqttPrivateNote{color:var(--text-faint);margin:0;padding:0 15px 14px;font-size:9px;line-height:1.5}.connectionDetails{margin:0;padding:2px 15px}.connectionDetails div{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:14px;min-height:48px;display:flex}.connectionDetails div:first-child{border-top:0}.connectionDetails dt{color:var(--text-subtle);font-size:10px}.connectionDetails dd{color:#c9d1d9;text-align:right;overflow-wrap:anywhere;margin:0;font-size:10px}.subscriptionList{padding:2px 15px}.subscriptionList>div{border-top:1px solid var(--border-soft);grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;display:grid}.subscriptionList>div:first-child{border-top:0}.subscriptionList .icon{width:15px;height:15px;color:var(--blue)}.subscriptionList code{color:#c9d1d9;overflow-wrap:anywhere;font-size:10px}.subscriptionList span{color:var(--text-faint);font-size:9px}.mqttLogPanel{margin-top:16px;overflow-x:auto}.mqttLogTable{min-width:880px}.mqttLogRow{border-top:1px solid var(--border-soft);grid-template-columns:90px 80px minmax(220px,1.35fr) 130px minmax(250px,1.4fr);align-items:center;gap:15px;min-height:56px;padding:9px 15px;font-size:10px;display:grid}.mqttLogRow time{color:var(--text-subtle);font-family:var(--font-mono)}.mqttLogRow>div b,.mqttLogRow>div small{display:block}.mqttLogRow>div b{font-size:10px}.mqttLogRow>div small{color:var(--text-faint);margin-top:4px;font-size:9px}.mqttLogRow>code{color:var(--text-subtle);overflow-wrap:anywhere;font-size:9px}.mqttLogHead{min-height:38px;color:var(--text-subtle);background:#0d1117;border-top:0;font-weight:650}.logLevel{align-items:center;gap:6px;width:max-content;font-size:9px;font-weight:650;display:inline-flex}.logLevel i{border-radius:50%;width:6px;height:6px}.logLevel.info{color:#79c0ff}.logLevel.info i{background:var(--blue)}.logLevel.warning{color:#e3b341}.logLevel.warning i{background:var(--amber)}.logLevel.error{color:#ff7b72}.logLevel.error i{background:var(--red)}.pagination{min-width:0;min-height:54px;color:var(--text-faint);border-top:1px solid var(--border-soft);background:#0d1117;justify-content:flex-end;align-items:center;gap:16px;padding:10px 15px;font-size:10px;display:flex}.pagination>span{white-space:nowrap;margin-right:auto}.pagination label{white-space:nowrap;align-items:center;gap:7px;display:flex}.pagination select{color:#c9d1d9;background:var(--surface-raised);border:1px solid var(--border);border-radius:5px;min-height:30px;padding:4px 25px 4px 7px;font-size:10px}.pagination>div{align-items:center;gap:5px;display:flex}.pagination button{color:#c9d1d9;background:var(--surface-raised);border:1px solid var(--border);cursor:pointer;border-radius:5px;width:30px;height:30px;padding:0;font-size:15px}.pagination button:hover:not(:disabled){color:#fff;background:var(--surface-hover)}.pagination button:disabled{opacity:.35;cursor:not-allowed}.pagination .currentPage{min-width:82px;color:var(--text-subtle);text-align:center;white-space:nowrap;font-size:10px;font-weight:600}.systemToolbar{min-height:54px;color:var(--text-faint);border:1px solid var(--border);background:#0d1117;border-radius:6px;justify-content:flex-end;align-items:center;gap:16px;margin-top:18px;padding:9px 12px;font-size:10px;display:flex}.systemToolbar>div{color:#c9d1d9;align-items:center;gap:8px;margin-right:auto;display:flex}.liveDot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite livePulse;box-shadow:0 0 0 4px #3fb95016}@keyframes livePulse{50%{opacity:.45}}.systemNotice{margin-top:12px}.systemAlert{color:#f2cc60;background:#2b230d;border:1px solid #6e5720;border-radius:6px;align-items:flex-start;gap:11px;margin-top:12px;padding:12px 14px;display:flex}.systemAlert .icon{margin-top:1px}.systemAlert b,.systemAlert span{display:block}.systemAlert b{font-size:11px}.systemAlert span{color:#c9a94a;margin-top:4px;font-size:10px}.systemMetricsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:14px 0 16px;display:grid}.systemMetric,.systemUptime,.systemThroughput{background:var(--surface);border:1px solid var(--border);border-radius:6px;min-height:132px;padding:16px}.systemMetric header{justify-content:space-between;align-items:center;gap:10px;display:flex}.systemMetric header span,.systemUptime>span,.systemThroughput>span{color:var(--text-subtle);font-size:10px}.systemMetric header b{color:#f0f6fc;font-size:20px}.systemGauge{background:#090c10;border-radius:20px;height:7px;margin-top:19px;overflow:hidden}.systemGauge i{background:var(--green);border-radius:inherit;height:100%;transition:width .35s;display:block}.systemMetric.warning .systemGauge i{background:var(--amber)}.systemMetric.danger .systemGauge i{background:var(--red)}.systemMetric small,.systemUptime small,.systemThroughput small{color:var(--text-faint);margin-top:14px;font-size:9px;line-height:1.45;display:block}.systemUptime,.systemThroughput{flex-direction:column;display:flex}.systemUptime b,.systemThroughput b{color:#f0f6fc;margin-top:15px;font-size:22px}.systemThroughput.receive{border-color:#24557d}.systemThroughput.transmit{border-color:#295d38}.systemThroughput.receive b{color:#79c0ff}.systemThroughput.transmit b{color:#7ee787}.systemChartsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:16px;display:grid}.systemChart{background:var(--surface);border:1px solid var(--border);border-radius:6px;min-width:0;overflow:hidden}.systemChart>header{background:var(--surface-raised);border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:12px;min-height:74px;padding:13px 14px;display:flex}.systemChart h3{color:#f0f6fc;margin:0;font-size:12px}.systemChart header>div:first-child>span{color:var(--text-faint);margin-top:5px;font-size:9px;line-height:1.4;display:block}.systemChartLegend{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.systemChartLegend span{color:var(--text-faint);white-space:nowrap;align-items:center;gap:5px;font-size:8px;display:flex}.systemChartLegend i{border-radius:50%;width:7px;height:7px}.systemChartLegend b{color:#c9d1d9;font-size:9px}.systemChartCanvas{background:linear-gradient(#0e141b,#0b0f14);height:174px;padding:13px 12px 7px}.systemChartCanvas svg{width:100%;height:100%;overflow:visible}.systemChartCanvas line{stroke:#30363d;stroke-width:.45px;vector-effect:non-scaling-stroke}.systemChartCanvas polyline{stroke-linecap:round;stroke-linejoin:round}.chartWaiting{height:100%;color:var(--text-faint);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;font-size:9px;display:flex}.chartWaiting .icon{width:22px;height:22px}.systemChart>footer{min-height:34px;color:var(--text-faint);border-top:1px solid var(--border-soft);background:#0d1117;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;font-size:8px;display:flex}.systemDetailsGrid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.systemDetailList{margin:0;padding:2px 15px}.systemDetailList>div{border-top:1px solid var(--border-soft);justify-content:space-between;align-items:center;gap:18px;min-height:48px;display:flex}.systemDetailList>div:first-child{border-top:0}.systemDetailList dt{color:var(--text-subtle);font-size:10px}.systemDetailList dd{color:#c9d1d9;text-align:right;overflow-wrap:anywhere;max-width:65%;margin:0;font-size:10px}.systemRecommendations{margin-top:16px}.systemRecommendations>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.systemRecommendations article{border-left:1px solid var(--border-soft);min-height:95px;padding:15px}.systemRecommendations article:first-child{border-left:0}.systemRecommendations article b,.systemRecommendations article span{display:block}.systemRecommendations article b{color:#f0f6fc;font-size:11px}.systemRecommendations article span{color:var(--text-faint);margin-top:8px;font-size:9px;line-height:1.55}.systemLoading{margin-top:22px}.systemLoading .loadingState{margin-top:0}.systemLogPanel{margin-top:16px;overflow-x:auto}.systemLogTable{min-width:760px}.systemLogRow{border-top:1px solid var(--border-soft);grid-template-columns:145px 82px 150px minmax(260px,1fr);align-items:center;gap:14px;min-height:52px;padding:9px 15px;font-size:10px;display:grid}.systemLogRow time{color:var(--text-subtle);font-family:var(--font-mono);font-size:9px}.systemLogRow>code{color:#79c0ff;overflow-wrap:anywhere;font-size:9px}.systemLogRow>span:last-child{color:#c9d1d9;font-size:10px;line-height:1.45}.systemLogHead{min-height:38px;color:var(--text-subtle);background:#0d1117;border-top:0;font-size:9px;font-weight:650}.docsLinks{flex-wrap:wrap;gap:9px;display:flex}.empty{color:var(--text-subtle);margin:0;padding:22px;font-size:11px}.emptyState{text-align:center;margin-top:10px;padding:60px 24px}.emptyState>span{width:44px;height:44px;color:var(--text-subtle);background:var(--surface-raised);border:1px solid var(--border);border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.emptyState h2{margin:0;font-size:14px}.emptyState p{color:var(--text-faint);margin:7px 0 0;font-size:11px}.loadingState{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;display:grid}.loadingState span{background:linear-gradient(100deg, var(--surface) 30%, var(--surface-raised) 50%, var(--surface) 70%);background-size:300% 100%;border-radius:6px;height:126px;animation:1.4s infinite loading}@keyframes loading{to{background-position:-150% 0}}.docs{margin-top:22px;overflow:hidden}.docsSection{border-top:1px solid var(--border);grid-template-columns:56px minmax(0,1fr);gap:18px;padding:24px;display:grid}.docsSection:first-child{border-top:0}.sectionNumber{color:var(--text-faint);font:11px var(--font-mono)}.docs h2{margin:0 0 9px;font-size:14px}.docs p{max-width:800px;color:var(--text-subtle);margin:0 0 14px;font-size:12px;line-height:1.6}.docs pre,.stateFlow{color:var(--info-fg);background:var(--surface-sunken);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);font:10px/1.7 var(--font-mono);padding:14px;overflow:auto}.stateFlow{white-space:nowrap}code{font-family:var(--font-mono)}@media (max-width:1120px){.stats{grid-template-columns:repeat(2,1fr)}.overviewGrid{grid-template-columns:1fr}.fleetPanel{order:-1}.mqttOverview,.systemMetricsGrid{grid-template-columns:1fr 1fr}.systemChartsGrid{grid-template-columns:1fr}.systemRecommendations>div:last-child{grid-template-columns:1fr 1fr}.systemRecommendations article:nth-child(3){border-left:0;border-top:1px solid var(--border-soft)}.systemRecommendations article:nth-child(4){border-top:1px solid var(--border-soft)}}@media (max-width:800px){.appShell{padding-bottom:66px;display:block}.sidebar{width:100%;height:66px;padding:6px 10px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0f14f2;border-right:0;flex-direction:row;position:fixed;inset:auto 0 0}.brand,.secondaryNav,.sidebarFooter,.navLabel{display:none}.navSection,.primaryNav{flex-direction:row;gap:4px;width:100%;height:100%;display:flex}.sidebar .secondaryNav{display:none}.primaryNav button{border-radius:7px;flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;padding:5px 3px;font-size:9px}.primaryNav button .icon{width:17px;height:17px}.topbar{min-height:60px;padding:10px 14px}.globalSearch{width:100%}.environment,.mqttIndicator span:last-child{display:none}.mqttIndicator{border:0;justify-content:center;width:30px;padding:0}.topbarMeta{gap:8px}.content{padding:26px 14px 42px}.pagehead{align-items:flex-end}.pagehead p{max-width:420px}.releaseDetails dl,.docs dl,.addDeviceForm{grid-template-columns:1fr 1fr}.mqttInfoGrid,.systemDetailsGrid{grid-template-columns:1fr}.firmwareSync header{flex-direction:column;align-items:flex-start}.syncActions{justify-content:space-between;width:100%}.syncErrorDetail{flex-direction:column;align-items:flex-start}.syncErrorDetail>div{grid-template-columns:1fr;align-items:flex-start;width:100%}.syncErrorDetail small{grid-column:1}.logExportBar,.logHeaderActions{flex-direction:column;align-items:flex-start}.firmwareSync footer{flex-wrap:wrap;gap:8px 16px}.firmwareSync footer span:last-child{width:100%;margin-left:0}}@media (max-width:560px){.topbar{gap:10px}.avatar{width:32px;height:32px}.accountMenu summary>.icon{display:none}.pagehead{align-items:flex-start;min-height:0}.pagehead h1{font-size:24px}.pagehead p{font-size:12px}.pagehead .button{width:36px;padding:0}.pagehead .button:not(.secondary){font-size:0}.pagehead .button .icon{width:16px;height:16px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stats article{min-height:112px;padding:14px}.stats strong{font-size:23px}.filterBar{flex-wrap:wrap;align-items:stretch}.filterBar select{flex:1;min-width:140px}.filterBar>span{width:100%;margin:0}.syncActions{flex-direction:column;align-items:stretch}.syncActions .button{width:100%}.deploymentSummary{grid-template-columns:1fr}.mqttOverview{grid-template-columns:1fr 1fr}.mqttHero{grid-column:1/-1}.releaseDetails dl,.docs dl{grid-template-columns:1fr}.docsSection{grid-template-columns:1fr;gap:8px;padding:18px}.addDeviceForm,.formColumns,.formColumns.two{grid-template-columns:1fr}.pagination{flex-wrap:wrap;align-items:stretch;gap:9px}.pagination>span{width:100%;margin:0}.pagination>div{margin-left:auto}.systemToolbar{flex-direction:column;align-items:stretch}.systemToolbar>div{margin-right:0}.systemMetricsGrid{grid-template-columns:1fr}.systemChart>header{flex-direction:column}.systemChartLegend{align-items:flex-start}.systemChart>footer span:nth-child(2){display:none}.systemRecommendations>div:last-child{grid-template-columns:1fr}.systemRecommendations article{border-left:0;border-top:1px solid var(--border-soft)}.systemRecommendations article:first-child{border-top:0}}.menuContent{border-color:var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.linkButton,.iconButton{color:var(--info-fg)}.iconButton{border-color:var(--border-strong);border-radius:var(--radius-md)}.channel{border-radius:var(--radius-pill);font-weight:500}.channel-beta,.channel-development{color:var(--warning-fg);background:var(--warning-bg);border-color:var(--warning-border)}.releaseDetailIntro,.releaseDocumentation,.systemMetric,.systemUptime,.systemThroughput,.systemChart,.systemToolbar{border-radius:var(--radius-xl)}.releaseDetailIntro,.releaseDocumentation>header,.systemChart>header{background:var(--surface-subtle)}.deploymentHead,.mqttLogHead,.systemLogHead,.pagination,.systemChart>footer{color:var(--ink-faint);background:var(--surface-subtle)}.deploymentHead,.mqttLogHead,.systemLogHead{letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:500}.connectionDetails dd,.subscriptionList code,.pagination select,.pagination button,.systemToolbar>div,.systemChartLegend b,.systemDetailList dd,.systemLogRow>span:last-child{color:var(--ink-2)}.pagination select,.pagination button{background:var(--surface);border-color:var(--border-strong);border-radius:var(--radius-md)}.systemToolbar,.systemMetric,.systemUptime,.systemThroughput,.systemChart{background:var(--surface);border-color:var(--border)}.systemMetric header b,.systemUptime b,.systemThroughput b,.systemChart h3,.systemRecommendations article b{color:var(--ink)}.systemGauge{background:var(--track);border-radius:var(--radius-pill)}.systemChartCanvas{background:var(--surface-sunken)}.systemChartCanvas line{stroke:var(--border-hairline)}.mqttStatusBadge{border-radius:var(--radius-pill);border:1px solid #0000;font-size:11px;font-weight:400}.mqttStatusBadge.connected{color:var(--success-fg);background:var(--success-bg);border-color:var(--success-border)}.mqttStatusBadge.disconnected{color:var(--danger-fg);background:var(--danger-bg);border-color:var(--danger-border)}.mqttMetric strong,.deploymentSummary b,.systemMetric header b,.systemUptime b,.systemThroughput b{font-variant-numeric:tabular-nums}@media (max-width:800px){.appShell{width:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0;margin:0}.workspace{min-height:100vh}.sidebar{background:color-mix(in srgb, var(--surface-subtle) 96%, transparent)}.button,.iconButton,.mqttIndicator,.pagination button{min-width:44px;min-height:44px}}
