:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fb;--panel:#ffffffeb;--panel-2:#f2f5f9;--panel-3:#e8eef5;--text:#14201b;--muted:#65746d;--subtle:#8b9892;--accent:#0d9f61;--accent-2:#18c87a;--warn:#d88900;--danger:#dc3d35;--line:#1929221a;--shadow:0 18px 60px #14201b1a}*{box-sizing:border-box}body{min-width:320px;color:var(--text);background:radial-gradient(circle at 0 0,#18c87a24,#0000 34rem),linear-gradient(135deg,#f8fafc,#f1f5f9 58%,#edf4ef);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.appShell{grid-template-columns:300px minmax(0,1fr);gap:24px;width:min(1480px,100vw - 40px);margin:0 auto;padding:32px 0;display:grid}.sidebar,.panel,.metricCard{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow)}.sidebar{border-radius:32px;flex-direction:column;justify-content:space-between;align-self:start;min-height:calc(100vh - 64px);padding:28px;display:flex;position:sticky;top:32px}.eyebrow,.label{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:800}h1,h2,h3,h4,p{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:16px;font-size:48px;line-height:.95}h2{letter-spacing:-.05em;margin-bottom:8px;font-size:clamp(32px,5vw,58px);line-height:1}h3{letter-spacing:-.03em;margin-bottom:0;font-size:24px}h4{letter-spacing:-.03em;margin-bottom:8px;font-size:19px}.intro,.deviceSubtitle,.environmentCard p,.metricCard small,.field span,.toggle small,.drawerFooter p,.commandRow span,.snapshotNotes,.miniMeta{color:var(--muted)}.intro{line-height:1.6}.navList{gap:18px;margin:28px 0;display:grid}.navGroup{gap:8px;display:grid}.navCaption{color:var(--subtle);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:900}.navList a{color:var(--muted);background:#0d9f610d;border-radius:16px;padding:13px 14px;text-decoration:none}.navList a.active,.navList a:hover{color:var(--text);background:#66f2a521}.environmentCard{border:1px solid var(--line);background:#ffffff94;border-radius:22px;padding:18px}.environmentCard strong{margin:8px 0;display:block}.errorBanner,.drawerError{color:#8d1f1a;background:#ff7b721f;border:1px solid #ff7b7259;border-radius:18px;padding:14px 16px;line-height:1.45}.drawerError{margin:18px 24px 0}.content{gap:20px;display:grid}.topbar,.panelHeader,.drawerHeader,.drawerFooter,.inlineSettings{justify-content:space-between;align-items:center;gap:18px;display:flex}.breadcrumb{color:var(--subtle);margin-bottom:10px;font-size:14px;display:block}.topActions{align-items:center;gap:10px;display:flex}.statusPill{min-width:max-content;color:var(--accent);background:#0d9f611a;border:1px solid #0d9f613d;border-radius:999px;justify-content:center;align-items:center;padding:9px 13px;font-weight:800;display:inline-flex}.statusPill.online:before,.statusPill.degraded:before,.statusPill.offline:before{content:"";background:currentColor;border-radius:999px;width:8px;height:8px;margin-right:8px;box-shadow:0 0 18px}.statusPill.degraded,.statusPill.limited,.metricCard.standby{color:var(--warn);background:#ffd1661f;border-color:#ffd16659}.statusPill.offline,.metricCard.offline{color:var(--danger);background:#ff7b721f;border-color:#ff7b7259}.iconButton{border:1px solid var(--line);width:44px;height:44px;color:var(--text);background:#fffc;border-radius:999px;place-items:center;font-size:21px;display:inline-grid}.iconButton:hover{background:#0d9f6114;border-color:#0d9f616b}.summaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metricCard,.panel{border-radius:28px}.metricCard{padding:20px}.metricCard span{color:var(--subtle);text-transform:uppercase;font-size:13px;font-weight:800}.metricCard strong{margin:9px 0 4px;font-size:24px;display:block}.metricCard.online{border-color:#66f2a53d}.panel{overflow:hidden}.panelHeader,.drawerHeader,.drawerFooter{border-bottom:1px solid var(--line);padding:22px 24px}.drawerFooter{border-top:1px solid var(--line);border-bottom:0}.dashboardGrid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:20px;display:grid}.quickActionsPanel{box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffff0,#e7f8f0e6);border:1px solid #0d9f612e;border-radius:28px;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.quickActionsPanel h3{margin:4px 0 6px}.quickActionsPanel p{color:var(--muted);margin:0}.quickActionButtons{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.resourceBrowser{scroll-margin-top:24px}.browserHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.segmentedControl{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.segmentedControl button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:9px 14px;font-weight:800}.segmentedControl button.selected{color:#fff;background:var(--accent)}.browserLayout{grid-template-columns:280px minmax(0,1fr);gap:20px;padding:24px;display:grid}.treePanel{align-content:start;gap:10px;display:grid}.treeNode{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:#fff;border-radius:18px;gap:4px;padding:14px 16px;display:grid}.treeNode span{color:var(--subtle);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.treeNode.active{background:#0d9f6112;border-color:#0d9f6152}.deviceCollection{gap:12px;display:grid}.deviceCollection.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.deviceCollection.list{grid-template-columns:1fr}.deviceTile{border:1px solid var(--line);min-height:158px;color:var(--text);text-align:left;background:#fff;border-radius:22px;gap:9px;padding:18px;display:grid;position:relative;box-shadow:0 10px 30px #14201b0d}.deviceCollection.list .deviceTile{grid-template-columns:18px minmax(220px,1fr) minmax(180px,auto);align-items:center;min-height:auto}.deviceTile:hover{border-color:#0d9f615c;transform:translateY(-1px)}.dot{background:var(--subtle);border-radius:999px;width:10px;height:10px}.dot.online{background:var(--accent);box-shadow:0 0 0 5px #0d9f611f}.tileMeta{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tileMeta span{color:var(--muted);background:var(--panel-2);border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.controlGroups{gap:22px;padding:24px;display:grid}.controlGroup{gap:12px;display:grid}.controlGroup>span{color:var(--subtle);letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:800}.buttonRow{flex-wrap:wrap;gap:10px;display:flex}.controlButton,.primaryButton{border:0;border-radius:999px;font-weight:800}.controlButton{color:#06110d;background:var(--accent);padding:12px 16px}.controlButton.ghost{color:var(--text);border:1px solid var(--line);background:#ffffffd1}.controlButton.warning{color:#1a1200;background:var(--warn)}.controlButton.selected{color:#06110d;background:linear-gradient(135deg, var(--accent), var(--accent-2))}.volumeLine{grid-template-columns:minmax(160px,1fr) 48px auto;align-items:center;gap:14px;display:grid}.volumeLine input{width:100%;accent-color:var(--accent)}.snapshotFrame{padding:24px 24px 10px}.snapshotScreen{aspect-ratio:16/9;text-align:center;background:linear-gradient(135deg,#66f2a51f,#0000),repeating-linear-gradient(135deg,#ffffff0a 0 10px,#0000 10px 20px),#09120f;border:1px solid #ffffff24;border-radius:22px;place-items:center;padding:24px;display:grid}.snapshotScreen span{margin-bottom:8px;font-size:22px;font-weight:900;display:block}.snapshotScreen small{max-width:340px;color:var(--muted);line-height:1.5}.snapshotNotes{padding:12px 24px 24px;line-height:1.55}.twoColumn{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:20px;display:grid}.factsList,.commandList{gap:10px;padding:24px;display:grid}.factRow,.commandRow{background:var(--panel-2);border-radius:16px;align-items:center;gap:12px;padding:14px;display:grid}.factRow{grid-template-columns:150px 1fr}.factRow span{color:var(--subtle)}.commandRow{grid-template-columns:130px 1fr 90px 52px}code,.payloadPreview{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.commandRow code,.commandRow b{color:var(--accent)}.commandRow b.queued{color:var(--warn)}.commandRow b.running{color:#8ecbff}.commandRow b.failed{color:var(--danger)}.commandRow small{color:var(--subtle);text-align:right}.lightBackdrop{background:#14201b2e}.deviceDrawer{border-left:1px solid var(--line);background:radial-gradient(circle at 100% 0,#0d9f611a,#0000 28rem),#fff;width:min(560px,100vw);min-height:100vh;overflow:auto;box-shadow:-28px 0 90px #14201b29}.deviceDrawerBody{gap:18px;padding:24px;display:grid}.deviceHero{background:linear-gradient(135deg,#0d9f611a,#ffffffe6);border:1px solid #0d9f612e;border-radius:24px;gap:12px;padding:18px;display:grid}.deviceHero p{color:var(--muted);margin:0;line-height:1.45}.compactFacts,.drawerCommands{padding:0}.compactFacts .factRow,.drawerCommands .commandRow{background:#f7faf8}.drawerBackdrop{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14201b3d;justify-content:flex-end;display:flex;position:fixed;inset:0}.settingsDrawer{border-left:1px solid var(--line);background:radial-gradient(circle at 100% 0,#0d9f611f,#0000 32rem),#fff;width:min(720px,100vw);min-height:100vh;overflow:auto;box-shadow:-28px 0 90px #14201b2e}.tabs{border:1px solid var(--line);background:var(--panel-2);border-radius:999px;gap:6px;width:fit-content;margin:22px 24px 0;padding:5px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:9px 14px;font-weight:800}.tabs button.selected{color:#06110d;background:var(--accent)}.settingsBody{gap:20px;padding:24px;display:grid}.field{gap:8px;display:grid}.field input,.field select,.field textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#ffffffb8;border-radius:16px;outline:none;padding:13px 14px}.field input[readonly]{color:var(--muted);background:var(--panel-2)}.field input:focus,.field select:focus,.field textarea:focus{border-color:#66f2a5a3;box-shadow:0 0 0 4px #66f2a51a}.field.compact{min-width:220px}.protocolGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.protocolCard{border:1px solid var(--line);background:#fff;border-radius:22px;gap:9px;min-height:178px;padding:18px;transition:all .16s;display:grid;position:relative}.protocolCard input{opacity:0;position:absolute}.protocolCard span{width:fit-content;color:var(--accent);background:#66f2a51c;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.protocolCard strong{font-size:19px}.protocolCard p{color:var(--muted);line-height:1.45}.protocolCard.selected{background:#66f2a51a;border-color:#66f2a5b8;transform:translateY(-2px)}.toggle{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:flex-start;gap:12px;padding:16px;display:flex}.toggle input{width:20px;height:20px;accent-color:var(--accent)}.toggle strong,.toggle small{display:block}.advancedGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.advancedToggle,.field.full{grid-column:1/-1}.primaryButton{color:#06110d;background:linear-gradient(135deg, var(--accent), var(--accent-2));padding:13px 18px}.payloadBox{gap:10px;padding:0 24px 24px;display:grid}.payloadPreview{border:1px solid var(--line);color:#1d3028;background:#f6faf8;border-radius:18px;max-height:320px;margin:0;padding:18px;overflow:auto}.structurePanel{scroll-margin-top:24px}.structureFlow{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:24px;display:grid}.structureStep{border:1px solid var(--line);background:#fff;border-radius:20px;align-content:start;gap:8px;min-height:154px;padding:18px;display:grid;position:relative}.structureStep:not(:last-child):after{content:"→";z-index:1;color:#06110d;background:var(--accent);border-radius:999px;place-items:center;width:26px;height:26px;font-weight:900;display:grid;position:absolute;top:18px;right:-13px}.structureStep span{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.structureStep strong{font-size:19px}.structureStep small,.sectionIntro p{color:var(--muted);line-height:1.45}.superAdminArea{gap:14px;scroll-margin-top:24px;display:grid}.sectionIntro{background:#ffd16614;border:1px solid #ffd16640;border-radius:24px;padding:22px 24px}.sectionIntro h3{margin-top:4px;margin-bottom:8px}.hubPanel{scroll-margin-top:24px}.hubLayout{grid-template-columns:minmax(260px,.38fr) minmax(0,1fr);gap:20px;padding:24px;display:grid}.hubList,.hubDetail,.hubDevices{gap:12px;display:grid}.hubList{align-content:start}.provisioningCard{background:linear-gradient(135deg,#fff,#eefaf4);border:1px solid #0d9f6133;border-radius:24px;gap:12px;padding:18px;display:grid}.provisioningCard p{color:var(--muted);margin:0;line-height:1.45}.provisioningGrid{grid-template-columns:1fr .7fr;gap:10px;display:grid}.setupCodeBox{background:#0d9f6114;border:1px dashed #0d9f616b;border-radius:18px;gap:4px;padding:14px;display:grid}.setupCodeBox span{color:var(--subtle);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:900}.setupCodeBox strong{color:var(--accent);letter-spacing:.04em;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:22px}.setupCodeBox small{color:var(--muted);line-height:1.4}.hubListItem{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.hubListItem.selected{background:#66f2a51a;border-color:#66f2a5a3}.hubListItem strong,.hubListItem small{display:block}.hubListItem small,.hubDeviceRow small,.emptyText{color:var(--muted)}.hubListItem b,.hubDeviceRow b{color:var(--warn);text-transform:uppercase;font-size:12px}.hubListItem b.online{color:var(--accent)}.hubStats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hubEditor{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;display:grid}.hubEditor .primaryButton{justify-self:start}.hubConfigGroup{background:#66f2a512;border:1px solid #66f2a538;border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;display:grid}.hubConfigGroup>div:first-child,.hubConfigGroup .advancedToggle{grid-column:1/-1}.hubConfigGroup p{color:var(--muted);margin:6px 0 0}.hubDevices{border:1px solid var(--line);background:#fff;border-radius:22px;padding:18px}.hubDeviceRow{background:var(--panel-2);border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;display:flex}@media (width<=1180px){.appShell,.dashboardGrid,.twoColumn,.browserLayout,.hubLayout{grid-template-columns:1fr}.sidebar{min-height:auto;position:static}}@media (width<=780px){.appShell{width:min(100vw - 24px,680px);padding:12px 0}.summaryGrid,.protocolGrid,.advancedGrid,.provisioningGrid,.structureFlow,.hubStats,.hubEditor,.hubConfigGroup,.factRow,.commandRow,.deviceCollection.list .deviceTile,.volumeLine{grid-template-columns:1fr}.topbar,.panelHeader,.browserHeader,.quickActionsPanel,.drawerHeader,.drawerFooter,.inlineSettings{flex-direction:column;align-items:stretch}.topActions,.buttonRow{align-items:stretch}.commandRow small{text-align:left}h1{font-size:40px}}