:root{--bg:#111315;--surface:#191c1f;--surface-2:#202428;--surface-3:#282d31;--line:#30363a;--text:#f3f5f3;--muted:#929b9c;--muted-2:#687173;--lime:#c8f76b;--lime-dark:#91b848;--blue:#82b8f8;--purple:#b39bf6;--amber:#f7bb62;--red:#fa7575;--shadow:0 20px 60px rgba(0,0,0,.18)}
[data-theme="light"]{--bg:#f3f5f1;--surface:#fff;--surface-2:#f7f8f5;--surface-3:#e9ede7;--line:#dce2dc;--text:#18201d;--muted:#68736e;--muted-2:#8b9690;--shadow:0 20px 60px rgba(37,55,42,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px;transition:background .25s,color .25s}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer;color:inherit}svg{width:17px;height:17px;stroke-width:1.8}.app-shell{display:flex;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--line);width:250px;padding:27px 16px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;padding:0 13px 27px}.brand strong{font:700 19px 'Space Grotesk';letter-spacing:-.7px}.brand small{display:block;color:var(--muted-2);font-size:9px;letter-spacing:1.2px;text-transform:uppercase;margin-top:2px}.brand-mark{height:29px;width:29px;display:flex;align-items:end;gap:3px;padding:5px;background:var(--lime);border-radius:8px;transform:rotate(-7deg)}.brand-mark span{display:block;background:#18201b;width:4px;border-radius:3px}.brand-mark span:nth-child(1){height:8px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:nth-child(3){height:20px}.workspace-select{padding:11px;border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;gap:9px;margin-bottom:25px;background:var(--surface-2)}.workspace-select svg{margin-left:auto;width:14px;color:var(--muted)}.workspace-select small,.workspace-select strong{display:block}.workspace-select small{font-size:10px;color:var(--muted);margin-bottom:3px}.workspace-select strong{font-size:12px}.status-dot,.live-indicator{height:7px;width:7px;border-radius:50%;background:var(--lime);display:inline-block;box-shadow:0 0 0 4px rgba(200,247,107,.1)}.nav-label{color:var(--muted-2);font-size:10px;text-transform:uppercase;letter-spacing:1.2px;margin:0 12px 9px}.main-nav{display:flex;flex-direction:column;gap:3px}.nav-item{background:transparent;color:var(--muted);display:flex;align-items:center;gap:12px;text-align:left;border-radius:8px;padding:10px 12px;font-size:13px;transition:.2s}.nav-item:hover,.nav-item.active{background:var(--surface-3);color:var(--text)}.nav-item.active{box-shadow:inset 3px 0 var(--lime);color:var(--text)}.nav-item b{font-size:10px;background:var(--lime);color:#18201b;border-radius:9px;padding:2px 6px;margin-left:auto}.nav-item .new-pill{margin-left:auto;color:var(--lime);font:600 9px 'Space Grotesk';letter-spacing:.5px}.sidebar-bottom{margin-top:auto}.connection-card{padding:12px 10px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:12px}.connection-card strong,.connection-card small{display:block}.connection-card strong{font-size:11px}.connection-card small{font-size:9px;color:var(--muted);margin-top:2px}.connection-card .live-indicator{margin-left:auto}.pulse-ring{height:29px;width:29px;background:rgba(200,247,107,.12);color:var(--lime);display:grid;place-items:center;border-radius:8px}.pulse-ring svg{width:15px}.user-profile{display:flex;align-items:center;gap:9px;padding:14px 10px 0;border-top:1px solid var(--line);margin-top:8px}.avatar{height:28px;width:28px;background:var(--purple);color:#211b3c;border-radius:50%;display:grid;place-items:center;font:700 10px 'Space Grotesk'}.user-profile strong,.user-profile small{display:block}.user-profile strong{font-size:11px}.user-profile small{color:var(--muted);font-size:10px;margin-top:2px}.user-profile svg{margin-left:auto;color:var(--muted)}.main-content{min-width:0;flex:1}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4vw,56px)}.breadcrumb{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px}.breadcrumb svg{height:13px;width:13px}.breadcrumb strong{color:var(--text);font-weight:500}.topbar-actions{display:flex;align-items:center;gap:17px}.connection-status{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.icon-button,.theme-toggle{background:transparent;color:var(--muted);position:relative}.icon-button em{height:5px;width:5px;background:var(--red);border:1px solid var(--surface);border-radius:50%;position:absolute;top:0;right:0}.theme-toggle{display:flex;gap:7px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:4px 8px}.theme-toggle span{width:22px;height:12px;background:var(--lime);border-radius:10px;position:relative}.theme-toggle span:after{content:'';width:8px;height:8px;right:2px;top:2px;position:absolute;border-radius:50%;background:#172016}.theme-toggle svg{height:12px;width:12px}.mobile-menu{display:none;background:transparent}.view-container{padding:42px clamp(24px,4vw,56px) 60px;max-width:1500px}.view{display:none}.view.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:35px}.eyebrow{font:600 10px 'Space Grotesk';letter-spacing:1.5px;color:var(--lime);margin:0 0 10px}.page-heading h1{font:600 clamp(30px,3vw,43px) 'Space Grotesk';letter-spacing:-1.9px;line-height:1.04;margin:0}.accent-dot{color:var(--lime)}.heading-copy{color:var(--muted);margin:12px 0 0;font-size:13px}.primary-button,.secondary-button{border-radius:7px;padding:11px 15px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:12px;transition:.2s}.primary-button{background:var(--lime);color:#172016}.primary-button:hover{background:#ddff91;transform:translateY(-1px)}.secondary-button{background:var(--surface-2);border:1px solid var(--line);color:var(--text)}.secondary-button:hover{border-color:var(--lime)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:31px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px 19px 16px;min-height:143px}.stat-card.accent-lime{border-top:2px solid var(--lime)}.stat-top{color:var(--muted);display:flex;align-items:center;justify-content:space-between;font-size:11px}.stat-top svg{color:var(--muted-2);height:16px}.stat-card.accent-lime .stat-top svg{color:var(--lime)}.stat-card>strong{display:block;font:600 31px 'Space Grotesk';letter-spacing:-1.5px;margin:16px 0 12px}.stat-unit{font-size:17px;color:var(--muted);letter-spacing:0}.stat-foot{display:flex;gap:8px;align-items:center;color:var(--muted-2);font-size:10px}.trend{display:inline-flex;align-items:center;gap:3px}.trend svg{width:12px;height:12px}.trend.up{color:var(--lime)}.trend.stable{color:var(--blue)}.trend.warning{color:var(--amber)}.warning-card{background:linear-gradient(135deg,var(--surface),rgba(247,187,98,.08));border-color:rgba(247,187,98,.35)}.warning-card .stat-top svg{color:var(--amber)}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:13px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px}.telemetry-panel,.activity-panel{min-height:323px;padding:21px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.panel h2,.section-heading h2{font:600 15px 'Space Grotesk';margin:0;letter-spacing:-.4px}.panel-heading p,.section-heading p{color:var(--muted);font-size:11px;margin:6px 0 0}.panel-heading select{color:var(--muted);background:var(--surface-2);border:1px solid var(--line);padding:7px 10px;border-radius:5px;font-size:10px}.chart-wrap{display:flex;height:220px;margin-top:21px}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;color:var(--muted-2);font-size:9px;padding:2px 10px 24px 0}.chart-area{position:relative;flex:1}.grid-lines{position:absolute;inset:0 0 26px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{border-top:1px dashed var(--line)}.line-chart{position:absolute;inset:0 0 25px;width:100%;height:calc(100% - 25px);overflow:visible}.chart-line{fill:none;stroke:var(--lime);stroke-width:2.5;vector-effect:non-scaling-stroke}.chart-fill{fill:url(#chart-fill)}.chart-x-axis{display:flex;justify-content:space-between;color:var(--muted-2);font-size:9px;position:absolute;bottom:0;left:0;right:0}.text-button{background:transparent;color:var(--lime);font-size:11px;display:flex;align-items:center;gap:5px;padding:0}.text-button svg{height:13px;width:13px}.activity-list{margin-top:19px}.activity-item{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:10px 0}.activity-item:last-child{border-bottom:0}.activity-icon{height:27px;width:27px;border-radius:7px;display:grid;place-items:center;flex-shrink:0}.activity-icon svg{width:14px}.activity-icon.lime{background:rgba(200,247,107,.12);color:var(--lime)}.activity-icon.blue{background:rgba(130,184,248,.12);color:var(--blue)}.activity-icon.amber{background:rgba(247,187,98,.12);color:var(--amber)}.activity-icon.purple{background:rgba(179,155,246,.12);color:var(--purple)}.activity-item strong{font-size:11px}.activity-item p{font-size:10px;color:var(--muted);margin:3px 0 0}.activity-item time{margin-left:auto;color:var(--muted-2);font-size:9px;white-space:nowrap}.activity-item code{font-size:9px;color:var(--blue);background:var(--surface-3);padding:2px 4px;border-radius:3px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:34px 0 13px}.device-table{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.table-head,.device-row{display:grid;grid-template-columns:2fr 1fr 1.3fr .8fr .45fr;align-items:center;gap:16px}.table-head{font-size:9px;color:var(--muted-2);text-transform:uppercase;letter-spacing:.8px;padding:12px 20px;background:var(--surface-2)}.device-row{padding:14px 20px;border-top:1px solid var(--line);font-size:11px}.device-name{display:flex;align-items:center;gap:10px}.device-icon{height:30px;width:30px;display:grid;place-items:center;background:var(--surface-3);color:var(--lime);border-radius:7px}.device-name strong,.device-name small{display:block}.device-name small{font-size:9px;color:var(--muted-2);margin-top:3px}.device-status{display:flex;align-items:center;gap:6px;font-size:10px}.device-status.online{color:var(--lime)}.device-status.offline{color:var(--muted)}.device-status .status-dot{height:6px;width:6px}.device-row>span{color:var(--muted);font-size:10px}.signal{display:flex;align-items:end;gap:2px;height:15px}.signal i{width:3px;background:var(--muted-2);border-radius:2px}.signal i:nth-child(1){height:4px}.signal i:nth-child(2){height:7px}.signal i:nth-child(3){height:10px}.signal i:nth-child(4){height:13px}.signal.good i{background:var(--lime)}.signal.mid i:nth-child(-n+3){background:var(--amber)}.row-menu{background:transparent;color:var(--muted);justify-self:end}.device-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.search-box{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:0 12px;width:280px}.search-box svg{color:var(--muted);width:15px}.search-box input{width:100%;border:0;outline:0;background:transparent;color:var(--text);padding:10px 0;font-size:11px}.filter-buttons{display:flex;gap:6px}.filter-button{background:transparent;color:var(--muted);border:1px solid transparent;padding:7px 10px;border-radius:6px;font-size:11px}.filter-button.active,.filter-button:hover{color:var(--text);border-color:var(--line);background:var(--surface)}.filter-button b{font-size:9px;background:var(--surface-3);padding:2px 5px;border-radius:8px;margin-left:4px}.device-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.device-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px}.device-card-top{display:flex;justify-content:space-between}.device-card h3{font:600 14px 'Space Grotesk';margin:15px 0 4px}.device-card-id{font-size:10px;color:var(--muted-2)}.device-card .device-status{margin:15px 0;border-top:1px solid var(--line);padding-top:15px}.device-meta{display:flex;gap:14px;color:var(--muted);font-size:10px}.telemetry-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:14px}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:19px;position:relative;overflow:hidden}.metric-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.metric-label svg{color:var(--lime);width:15px}.metric-card strong{display:block;font:600 30px 'Space Grotesk';margin:15px 0 5px}.metric-card small{font:500 15px 'DM Sans';color:var(--muted)}.metric-card>.trend{font-size:10px}.mini-bars{height:40px;display:flex;gap:5px;align-items:end;position:absolute;right:19px;bottom:20px;opacity:.75}.mini-bars i{display:block;background:var(--lime);width:6px;border-radius:4px 4px 0 0}.blue-bars i{background:var(--blue)}.amber-bars i{background:var(--amber)}.large-chart-panel{padding:21px;min-height:350px}.legend{display:flex;gap:15px;font-size:10px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:5px}.legend-dot{height:6px;width:6px;border-radius:50%;display:block}.legend-dot.lime{background:var(--lime)}.legend-dot.blue{background:var(--blue)}.big-chart-placeholder{height:265px;margin-top:25px;position:relative;background:repeating-linear-gradient(to bottom,transparent 0,transparent 52px,var(--line) 53px);border-bottom:1px solid var(--line);overflow:hidden}.big-wave{position:absolute;inset:20px 0 0;background:linear-gradient(160deg,transparent 10%,transparent 20%,rgba(130,184,248,.04) 20%,transparent 42%,rgba(200,247,107,.06) 42%,transparent 60%,rgba(130,184,248,.04) 60%,transparent 82%);clip-path:polygon(0 70%,6% 66%,10% 71%,15% 47%,20% 59%,26% 36%,33% 46%,39% 18%,45% 39%,52% 31%,58% 48%,64% 22%,70% 35%,76% 15%,81% 40%,87% 28%,93% 31%,100% 3%,100% 100%,0 100%);border-top:2px solid var(--lime)}.big-chart-labels{position:absolute;bottom:-20px;left:0;right:0;display:flex;justify-content:space-between;color:var(--muted-2);font-size:9px}.command-layout{display:grid;grid-template-columns:minmax(350px,1fr) minmax(350px,1.2fr);gap:14px}.command-compose,.command-history{padding:22px}.secure-badge{font-size:9px;color:var(--lime);border:1px solid rgba(200,247,107,.3);padding:5px 8px;border-radius:20px;display:flex;align-items:center;gap:4px}.secure-badge svg{width:11px}.command-compose label{display:block;color:var(--muted);font-size:11px;margin-top:23px}.command-compose select,.command-compose textarea{display:block;width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:6px;padding:10px;margin-top:7px;outline:0;font-size:11px}.command-compose textarea{height:88px;font-family:monospace;resize:vertical}.full-width{width:100%;justify-content:center;margin-top:22px}.history-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding:16px 0}.history-row:last-child{border-bottom:0}.history-status{height:27px;width:27px;display:grid;place-items:center;border-radius:50%}.history-status svg{width:14px}.history-status.success{background:rgba(200,247,107,.12);color:var(--lime)}.history-status.failed{background:rgba(250,117,117,.12);color:var(--red)}.history-row strong,.history-row small{display:block}.history-row strong{font-size:11px}.history-row small{font-size:9px;color:var(--muted);margin-top:3px}.history-row code{margin-left:auto;font-size:9px;color:var(--lime)}.history-row time{font-size:9px;color:var(--muted-2)}.wiki-layout{display:grid;grid-template-columns:190px 1fr;gap:35px;max-width:1050px}.wiki-nav{border-right:1px solid var(--line);padding-right:20px}.wiki-nav-title{display:block;color:var(--muted-2);text-transform:uppercase;letter-spacing:1px;font-size:9px;margin:6px 0 10px}.wiki-nav-title:not(:first-child){margin-top:25px}.wiki-link{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;color:var(--muted);background:transparent;text-align:left;border-radius:6px;font-size:11px;margin:2px 0}.wiki-link svg{width:14px}.wiki-link.active,.wiki-link:hover{color:var(--text);background:var(--surface-3)}.wiki-link.active svg{color:var(--lime)}.api-banner{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(100deg,rgba(200,247,107,.12),rgba(130,184,248,.07));border:1px solid rgba(200,247,107,.25);border-radius:10px}.api-icon{display:grid;place-items:center;height:44px;width:44px;background:var(--lime);color:#172016;border-radius:8px}.api-banner h2{font:600 17px 'Space Grotesk';margin:0}.api-banner p{color:var(--muted);font-size:11px;margin:6px 0 0}.api-banner .eyebrow{margin-bottom:6px}.api-banner .copy-button{margin-left:auto;white-space:nowrap}.copy-button{background:transparent;color:var(--muted);font-size:10px;display:inline-flex;align-items:center;gap:5px}.copy-button:hover{color:var(--lime)}.copy-button svg{width:13px}.docs-section{display:grid;grid-template-columns:44px 1fr;gap:17px;padding:31px 0;border-bottom:1px solid var(--line)}.step-number{height:29px;width:29px;display:grid;place-items:center;border:1px solid var(--lime);color:var(--lime);border-radius:50%;font:600 10px 'Space Grotesk'}.docs-section h2{font:600 16px 'Space Grotesk';margin:2px 0 8px}.docs-section p{font-size:12px;color:var(--muted);line-height:1.6;margin:0 0 17px}.docs-section strong{color:var(--text)}.code-block{background:#0d1011;border:1px solid var(--line);border-radius:8px;overflow:hidden}.code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid #22292a;color:var(--muted);font:10px monospace}.dot{height:7px;width:7px;border-radius:50%;display:inline-block;margin-right:4px}.dot.red{background:var(--red)}.dot.yellow{background:var(--amber)}.dot.green{background:var(--lime)}pre{margin:0;padding:16px;color:#bbc6bd;font:12px/1.7 monospace;overflow:auto}.code-purple{color:#c7a8f7}.code-green{color:#c8f76b}.code-blue{color:#85c8fb}.code-orange{color:#f7bb62}.endpoint{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:11px 13px}.endpoint code{font:11px monospace;color:var(--text)}.endpoint .copy-button{margin-left:auto}.method{font:600 9px monospace;padding:4px 6px;border-radius:3px}.method.post{color:var(--lime);background:rgba(200,247,107,.12)}.method.mqtt{color:var(--blue);background:rgba(130,184,248,.12)}.modal-backdrop{position:fixed;inset:0;background:rgba(5,7,7,.7);display:none;align-items:center;justify-content:center;padding:20px;z-index:10}.modal-backdrop.open{display:flex}.modal{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:31px;max-width:430px;width:100%;box-shadow:var(--shadow)}.modal-close{position:absolute;right:17px;top:17px;background:transparent;color:var(--muted)}.modal-icon{height:42px;width:42px;display:grid;place-items:center;background:rgba(200,247,107,.12);color:var(--lime);border-radius:9px;margin-bottom:18px}.modal h2{font:600 24px 'Space Grotesk';margin:0}.modal-copy{color:var(--muted);font-size:12px;line-height:1.5;margin:8px 0 23px}.modal label{display:block;color:var(--muted);font-size:11px;margin:14px 0}.modal input,.modal select{display:block;width:100%;margin-top:6px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:10px;color:var(--text);outline:0;font-size:11px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}.toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;background:var(--lime);color:#172016;padding:12px 16px;border-radius:7px;font-size:11px;font-weight:600;transform:translateY(90px);opacity:0;transition:.3s;z-index:20}.toast.show{transform:translateY(0);opacity:1}.toast svg{width:15px}.view.active .page-heading{animation:rise .35s ease both}@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.sidebar{width:220px}.stat-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.device-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:fixed;z-index:8;inset:0 auto 0 0;transform:translateX(-100%);transition:.25s;width:250px}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block;margin-right:12px}.topbar{justify-content:flex-start;padding:0 20px}.breadcrumb{flex:1}.connection-status{display:none}.topbar-actions{gap:11px}.view-container{padding:30px 18px 45px}.page-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:28px}.page-heading .primary-button,.page-heading .secondary-button{align-self:stretch;justify-content:center}.stat-grid,.telemetry-overview,.device-card-grid{grid-template-columns:1fr}.table-head{display:none}.device-row{grid-template-columns:1fr 1fr;padding:15px}.device-row>span:nth-child(3),.device-row>span:nth-child(4){display:none}.row-menu{grid-column:2;grid-row:1}.device-toolbar{align-items:stretch;flex-direction:column;gap:10px}.search-box{width:100%}.filter-buttons{overflow:auto}.command-layout{grid-template-columns:1fr}.wiki-layout{grid-template-columns:1fr;gap:20px}.wiki-nav{border-right:0;border-bottom:1px solid var(--line);padding:0 0 13px;display:flex;gap:3px;overflow:auto}.wiki-nav-title{display:none}.wiki-link{white-space:nowrap}.api-banner{align-items:flex-start;flex-wrap:wrap}.api-banner .copy-button{margin-left:60px}.docs-section{grid-template-columns:1fr;gap:13px}.step-number{height:25px;width:25px}.endpoint{align-items:flex-start;flex-wrap:wrap}.endpoint .copy-button{margin-left:auto}.theme-toggle{padding:4px 6px}}