.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{opacity:0;width:20px;height:20px;position:absolute}.react-grid-item:hover>.react-resizable-handle{opacity:1}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:100% 100%;background-repeat:no-repeat;background-origin:content-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute}.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--bg:#12161b;--panel:#181d24;--panel2:#1f262e;--border:#2a323c;--border-soft:#232b34;--text:#e7eaee;--dim:#8a94a1;--dim2:#5c6570;--brand-accent:#e8a33d;--accent:var(--brand-accent);--accent-hover:color-mix(in srgb, var(--brand-accent) 85%, white);--accent-dark-text:#161616;--accent-soft:color-mix(in srgb, var(--brand-accent) 14%, transparent);--accent-ring:color-mix(in srgb, var(--brand-accent) 18%, transparent);--green:#4cc38a;--green-soft:#4cc38a24;--red:#e5525c;--red-soft:#e5525c24;--cyan:#4fb6c4;--cyan-soft:#4fb6c424;--chart-violet:#9b8cff;--sidebar-bg:#0e1216;--hero-bg:#10161f;--sidebar-width:240px;--radius:11px;--radius-sm:8px;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 6px 20px #00000059;--shadow-lg:0 18px 50px #0000008c;--dot-grid:radial-gradient(#ffffff09 1px, transparent 1px);--font:"Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "Cascadia Code", Consolas, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-size:14.5px;line-height:1.5}h1,h2,h3{color:var(--text);margin:0;font-weight:650;line-height:1.25}code{font-family:var(--mono);font-size:.86em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:#e8a33d4d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#2e3742;border-radius:6px}::-webkit-scrollbar-track{background:0 0}.btn{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s;display:inline-flex}.btn:hover{text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--accent-dark-text)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-dark-text)}.btn-secondary{background:var(--panel2);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:#252d37;border-color:#39434e}.btn-danger{color:var(--red);background:0 0;border-color:#e5525c73}.btn-danger:hover:not(:disabled){background:var(--red-soft);border-color:var(--red)}.btn-small{padding:5px 11px;font-size:13px}.btn-block{width:100%}.copy-btn{border:1px solid var(--border);background:var(--panel2);color:var(--dim);cursor:pointer;white-space:nowrap;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s,background-color .15s}.copy-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.copy-btn.copied{color:var(--green);border-color:var(--green);background:var(--green-soft)}.field{flex-direction:column;gap:6px;display:flex}.field-checkbox{flex-direction:row;flex:1;align-items:flex-start;gap:8px;font-size:13px;line-height:1.5;display:flex}.field-checkbox input[type=checkbox]{flex-shrink:0;margin-top:3px}.field-label{color:var(--dim);font-size:13px;font-weight:600}.field input,.field select,.field textarea{font-family:var(--font);color:var(--text);background:var(--panel2);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;padding:9px 12px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.field input::placeholder,.field textarea::placeholder{color:var(--dim2)}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.password-input{position:relative}.password-input input{padding-right:58px}.password-toggle{cursor:pointer;font-family:var(--font);color:var(--accent);background:0 0;border:none;padding:6px 8px;font-size:12.5px;font-weight:600;line-height:1;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{color:var(--accent-hover);text-decoration:underline}.callout{border-radius:var(--radius-sm);border:1px solid #0000;margin-bottom:16px;padding:11px 14px;font-size:13.5px}.callout-error{color:#f0a3a9;background:#e5525c1a;border-color:#e5525c59}.callout-warning{color:#efc182;background:#e8a33d17;border-color:#e8a33d61}.callout-success{background:var(--green-soft);color:#8fe0b8;border-color:#4cc38a66;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.callout-dismiss{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:13px;line-height:1}.callout-dismiss:hover{opacity:1}.auth-page{background:var(--bg);align-items:stretch;min-height:100vh;display:flex}.auth-hero{background-color:var(--hero-bg);background-image:var(--dot-grid);border-right:1px solid var(--border);background-size:22px 22px;flex:0 0 57%;justify-content:center;align-items:center;padding:48px 56px;display:flex}.auth-hero-inner{max-width:480px}.auth-hero-inner h1{letter-spacing:-.3px;color:var(--text);margin-top:22px;font-size:34px;font-weight:700}.auth-tagline{color:var(--dim);margin:12px 0 0;font-size:15.5px;line-height:1.6}.auth-side{background:var(--bg);flex:1;justify-content:center;align-items:center;padding:40px 32px;display:flex}.auth-card{width:100%;max-width:360px}.auth-form-head{margin-bottom:24px}.auth-form-head h2{font-size:22px}.auth-subtitle{color:var(--dim);margin:6px 0 0;font-size:14px}.auth-form{flex-direction:column;gap:16px;display:flex}.auth-switch{color:var(--dim);margin:20px 0 0;font-size:13.5px}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);background-image:var(--dot-grid);color:var(--dim);z-index:40;border-right:1px solid var(--border);background-size:22px 22px;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;padding:20px 20px 18px;display:flex}.brand-mark{background:var(--accent);width:32px;height:32px;color:var(--accent-dark-text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:inline-flex}.brand-mark.large{border-radius:12px;width:46px;height:46px;font-size:26px}.brand-logo-img{object-fit:contain;background:var(--panel2);border-radius:8px;flex-shrink:0;width:32px;height:32px}.brand-logo-img.large{border-radius:12px;width:46px;height:46px}.brand-name{letter-spacing:.2px;color:var(--text);font-size:16.5px;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:14px 12px;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--dim);cursor:pointer;font-size:14.5px;font-weight:550;font-family:var(--font);text-align:left;background:0 0;border:none;align-items:center;gap:11px;width:100%;padding:10px 13px;text-decoration:none;transition:background-color .15s,color .15s;display:flex;position:relative}.nav-link:hover{color:var(--text);background:#ffffff0d;text-decoration:none}.nav-link.active{background:var(--accent-soft);color:var(--accent)}.nav-link.active:before{content:"";background:var(--accent);border-radius:2px;width:3px;position:absolute;top:7px;bottom:7px;left:0}.nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:15px}.sidebar-footer{border-top:1px solid var(--border-soft);padding:12px}.nav-link.signout:hover{background:var(--red-soft);color:var(--red)}.sidebar-broker{font-family:var(--mono);color:var(--dim2);letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;margin-top:8px;padding:0 13px 4px;font-size:10.5px;overflow:hidden}.sidebar-backdrop{display:none}.main-area{margin-left:var(--sidebar-width);flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--bg);border-bottom:1px solid var(--border);z-index:30;align-items:center;gap:14px;height:58px;padding:0 24px;display:flex;position:sticky;top:0}.menu-toggle{border:1px solid var(--border);background:var(--panel2);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;padding:4px 10px;font-size:16px;display:none}.topbar-spacer{flex:1}.topbar-user{align-items:center;gap:10px;min-width:0;display:flex}.user-avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.user-email{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:550;overflow:hidden}.page-content{flex:1;width:100%;padding:26px 28px 40px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.page-header h2{font-size:21px}.page-subtitle{color:var(--dim);margin:4px 0 0;font-size:13.5px}.page-explainer{color:var(--dim);max-width:720px;margin:-12px 0 18px;font-size:13.5px}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.plans-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.plan-card{flex-direction:column;gap:10px;padding:20px;display:flex;position:relative}.plan-card-current{border-color:var(--accent,#e8a33d)}.plan-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--accent,#e8a33d);background:color-mix(in srgb, var(--accent,#e8a33d) 16%, transparent);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:12px;right:12px}.plan-price{font-size:26px;font-weight:700}.plan-features{color:var(--text-muted,#8b93a3);flex-direction:column;flex:1;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.empty-state{text-align:center;color:var(--dim);padding:48px 24px}.empty-state p{margin:0 0 6px}.empty-state .btn{margin-top:12px}.empty-title{color:var(--text);font-size:16px;font-weight:650}.empty-hint{color:var(--dim2);font-size:13px}.stats-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:26px;display:grid}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);border-left:3px solid var(--accent);flex-direction:column;gap:3px;padding:18px 20px;display:flex}.stat-card.stat-online{border-left-color:var(--green)}.stat-card.stat-offline{border-left-color:var(--red)}.stat-value{color:var(--accent);font-size:28px;font-weight:700;line-height:1.1}.stat-card.stat-online .stat-value{color:var(--green)}.stat-card.stat-offline .stat-value{color:var(--red)}.stat-label{color:var(--dim);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.admin-section{margin-bottom:30px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;display:grid}.stats-grid+.stats-grid{margin-top:16px}.stat-value-sm{text-overflow:ellipsis;white-space:nowrap;font-size:18px;line-height:1.4;overflow:hidden}.stat-value-suffix{color:var(--dim);font-size:15px;font-weight:600}.admin-badge{background:var(--accent-soft);color:var(--accent);text-transform:uppercase;letter-spacing:.4px;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:10.5px;font-weight:700;display:inline-block}.limits-hint{margin:0 0 12px}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex}.tab{font-family:var(--font);color:var(--dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:9px 14px;font-size:14.5px;font-weight:600;transition:color .15s,border-color .15s;display:inline-flex}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.tab-count{background:var(--panel2);border:1px solid var(--border);min-width:20px;color:var(--dim);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11.5px;font-weight:700;line-height:18px;display:inline-flex}.tab.active .tab-count{background:var(--accent-soft);color:var(--accent);border-color:#0000}.role-badge{text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-radius:999px;margin-left:8px;padding:1px 8px;font-size:10.5px;font-weight:700;display:inline-block}.role-badge.user{background:var(--panel2);color:var(--dim);border:1px solid var(--border)}.role-badge.admin{background:var(--accent-soft);color:var(--accent)}.role-badge.superadmin{background:var(--cyan-soft);color:var(--cyan)}.no-plan{color:var(--dim2);font-style:italic}.policies-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.policies-toolbar .page-subtitle{max-width:640px;margin:0}.policy-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.policy-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:10px;padding:16px 18px;display:flex}.policy-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.policy-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;overflow:hidden}.default-badge{background:var(--green-soft);color:var(--green);text-transform:uppercase;letter-spacing:.4px;border-radius:999px;flex-shrink:0;margin-left:8px;padding:1px 8px;font-size:10.5px;font-weight:700;display:inline-block}.policy-card-top .default-badge{margin-left:0}.policy-desc{color:var(--dim);margin:0;font-size:13px}.policy-limits{color:var(--dim);flex-direction:column;gap:3px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.policy-limits li:before{content:"•";color:var(--accent);margin-right:7px}.policy-limits li.policy-limit-none:before{color:var(--dim2)}.policy-limit-none{color:var(--dim2);font-style:italic}.policy-meta{color:var(--dim);border-top:1px dashed var(--border);flex-wrap:wrap;gap:6px 14px;padding-top:10px;font-size:12.5px;font-weight:600;display:flex}.policy-actions{gap:8px;margin-top:auto;display:flex}.radio-list{flex-direction:column;gap:8px;max-height:46vh;display:flex;overflow-y:auto}.radio-option{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:10px;padding:10px 12px;transition:border-color .15s,background-color .15s;display:flex}.radio-option:hover{border-color:var(--accent)}.radio-option.selected{border-color:var(--accent);background:#e8a33d14}.radio-option input{accent-color:var(--accent);flex-shrink:0;margin:3px 0 0}.radio-option-text{flex-direction:column;gap:2px;min-width:0;display:flex}.radio-option-name{color:var(--text);font-size:14px;font-weight:600}.radio-option-sub{color:var(--dim);font-size:12px;line-height:1.4}.limits-grid{grid-template-columns:1fr 1fr;gap:12px 14px;display:grid}.check-field{color:var(--text);cursor:pointer;align-items:center;gap:9px;font-size:14px;font-weight:550;display:flex}.check-field input{width:16px;height:16px;accent-color:var(--accent);flex-shrink:0}.regen-token{margin-bottom:16px}.device-group{margin-bottom:26px}.group-title{color:var(--dim);border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:7px;font-size:15px}.device-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.device-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:16px;transition:border-color .15s,transform .15s;display:flex}.device-card:hover{border-color:#39434e;transform:translateY(-1px)}.device-card-top{align-items:center;gap:11px;display:flex}.device-icon{background:var(--panel2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:24px;display:inline-flex}.device-icon-small{margin-right:7px}.device-card-title{flex-direction:column;flex:1;min-width:0;display:flex}.device-name{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:650;overflow:hidden}.device-type{color:var(--dim);text-transform:capitalize;font-size:12px}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;display:inline-block}.status-dot.online{background:var(--green);box-shadow:0 0 8px #4cc38acc}.status-dot.offline{background:var(--red);box-shadow:0 0 8px #e5525c80}.device-card-state{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.power-label{color:var(--dim);font-size:13.5px;font-weight:600}.power-label.on{color:var(--green)}.last-seen{color:var(--dim2);white-space:nowrap;font-size:12px}.fan-speed{flex-direction:column;gap:6px;display:flex}.fan-speed-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.fan-speed-label{color:var(--dim);font-size:12px}.fan-speed-value{color:var(--text);font-size:13.5px;font-weight:600}.device-card-actions{gap:8px;display:flex}.device-card-actions .btn{flex:1}.table-card{overflow:hidden}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}thead th{text-align:left;text-transform:uppercase;letter-spacing:.6px;color:var(--dim2);background:var(--panel2);border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 16px;font-size:10.5px;font-weight:700}tbody td{border-bottom:1px solid var(--border-soft);vertical-align:middle;color:var(--text);padding:12px 16px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#ffffff06}.cell-main{color:var(--text);align-items:center;font-weight:600;display:flex}.cell-sub{color:var(--dim);margin-top:2px;font-size:12.5px}.cell-cap{text-transform:capitalize}.id-cell{align-items:center;gap:8px;display:inline-flex}.id-cell code{background:var(--panel2);border:1px solid var(--border);color:var(--cyan);border-radius:5px;padding:2px 7px}.status-pill{text-transform:uppercase;letter-spacing:.4px;border-radius:999px;align-items:center;gap:7px;padding:3px 10px 3px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.status-pill.online{background:var(--green-soft);color:var(--green)}.status-pill.offline{background:var(--red-soft);color:var(--red)}.status-pill .status-dot{width:7px;height:7px}.col-actions{text-align:right;white-space:nowrap}.col-checkbox{text-align:center;width:36px}.row-actions{gap:8px;display:inline-flex}.live-count{font-family:var(--mono);color:var(--text);font-size:13px}.clone-chip{cursor:help;gap:4px;margin-top:5px}.callout-muted{background:var(--panel2);color:var(--dim);border-color:var(--border)}.matter-help{margin-top:4px;line-height:1.55}.matter-help ol{margin:8px 0 8px 20px;padding:0}.matter-help li{margin-bottom:6px}.matter-help p{margin:8px 0 0;font-size:12.5px}.count-danger{font-family:var(--mono);color:var(--red);font-size:14.5px;font-weight:700}.ip-list{font-family:var(--mono);color:var(--dim);word-break:break-word;font-size:12.5px}.cell-sub.mono-sub{font-family:var(--mono);color:var(--dim2)}.voice-explainer{color:var(--dim);max-width:640px;margin-top:5px;font-size:13px;line-height:1.5}.voice-cell{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.voice-unsupported{color:var(--dim2);cursor:help;border-bottom:1px dotted var(--dim2);font-size:12.5px}.modal-intro{color:var(--dim);margin-bottom:16px;font-size:13.5px;line-height:1.55}.field-hint{color:var(--dim2);font-size:12px;line-height:1.4}.modal-overlay{z-index:100;background:#0000009e;justify-content:center;align-items:flex-start;padding:8vh 20px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:14px;width:100%;max-width:440px;animation:.16s ease-out modal-in}.modal-wide{max-width:620px}@keyframes modal-in{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:center;gap:12px;padding:18px 22px 0;display:flex}.modal-header h3{font-size:17px}.modal-close{color:var(--dim2);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:15px}.modal-close:hover{color:var(--text);background:var(--panel2)}.modal-body{padding:16px 22px 22px}.modal-form{flex-direction:column;gap:15px;display:flex}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.cred-grid{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;display:flex;overflow:hidden}.cred-row{border-bottom:1px solid var(--border-soft);background:var(--panel);grid-template-columns:130px 1fr auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.cred-row:nth-child(odd){background:var(--panel2)}.cred-row:last-child{border-bottom:none}.cred-label{color:var(--dim);font-size:12.5px;font-weight:700}.cred-value{text-overflow:ellipsis;white-space:nowrap;color:var(--cyan);font-family:var(--mono);overflow:hidden}.gs-panel{background-color:var(--panel);background-image:var(--dot-grid);background-size:22px 22px;padding:26px 26px 22px}.gs-head{margin-bottom:20px}.gs-title{color:var(--text);margin:0;font-size:18px;font-weight:650}.gs-sub{color:var(--dim);margin:4px 0 0;font-size:13.5px}.gs-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.gs-step{background:var(--panel2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:16px;display:flex}.gs-step.done{opacity:.75;border-color:#4cc38a66}.gs-step-top{align-items:center;gap:10px;display:flex}.gs-step-num{background:var(--accent-soft);width:26px;height:26px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.gs-step.done .gs-step-num{background:var(--green-soft);color:var(--green)}.gs-step-icon{font-size:20px;line-height:1}.gs-step-title{color:var(--text);font-size:14.5px;font-weight:650}.gs-step-desc{color:var(--dim);flex:1;margin:0;font-size:12.5px;line-height:1.5}.gs-step-desc .mono-chip{font-size:11px}.gs-step .btn{align-self:flex-start}.gs-cta{border-top:1px solid var(--border-soft);color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding-top:16px;font-size:13.5px;display:flex}.dash-strip{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);align-items:stretch;gap:0;margin-bottom:16px;display:flex;overflow-x:auto}.dash-stat{border-right:1px solid var(--border-soft);white-space:nowrap;align-items:baseline;gap:8px;padding:10px 20px;display:flex}.dash-stat:last-child{border-right:none}.dash-stat-value{color:var(--accent);font-size:18px;font-weight:700;line-height:1.2}.dash-stat-value.online{color:var(--green)}.dash-stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--dim2);font-size:10.5px;font-weight:700}.connect-panel{margin-top:22px;padding:20px 22px}.connect-head h3{font-size:15.5px}.connect-sub{color:var(--dim);margin:4px 0 14px;font-size:13px}.connect-rows{flex-direction:column;display:flex}.connect-row{border-bottom:1px dashed var(--border-soft);grid-template-columns:130px 220px 1fr;align-items:center;gap:14px;padding:8px 0;display:grid}.connect-row:last-child{border-bottom:none}.connect-key{text-transform:uppercase;letter-spacing:.5px;color:var(--dim2);font-size:11px;font-weight:700}.mono-chip{font-family:var(--mono);background:var(--panel2);border:1px solid var(--border);color:var(--cyan);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;max-width:100%;padding:3px 9px;font-size:12.5px;display:inline-block;overflow:hidden}.connect-note{color:var(--dim);min-width:0;font-size:12.5px}.dashboard-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.realtime-pill{background:var(--panel2);border:1px solid var(--border);color:var(--dim);text-transform:uppercase;letter-spacing:.4px;vertical-align:middle;border-radius:999px;margin-left:10px;padding:1px 9px;font-size:10.5px;font-weight:700;display:inline-block}.realtime-pill.live{background:var(--green-soft);color:var(--green);border-color:#4cc38a66}.edit-banner{border-radius:var(--radius-sm);color:#efc182;background:#e8a33d14;border:1px dashed #e8a33d8c;margin-bottom:16px;padding:9px 14px;font-size:13px}.app-banner{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;margin-bottom:16px;padding:12px 16px;display:flex}.app-banner-icon{flex-shrink:0;font-size:22px;line-height:1}.app-banner-body{flex:1;min-width:0}.app-banner-title{color:var(--text);font-size:13.5px;font-weight:650}.app-banner-sub{color:var(--dim);margin-top:2px;font-size:12px}.app-banner-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.app-banner-dismiss{color:var(--dim);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:16px;line-height:1}.app-banner-dismiss:hover{color:var(--text)}.widget-empty{padding:56px 24px}.widget-empty-title{color:var(--text);font-size:17px;font-weight:650}.widget-empty .btn{margin-top:10px}.widget-grid{position:relative}.widget-grid-item{display:flex}.widget-stack{flex-direction:column;gap:16px;display:flex}.widget-stack-item{min-height:180px;display:flex}.widget-stack-item>.widget-card{flex:1}.react-grid-item.react-grid-placeholder{background:var(--accent);opacity:.15;border-radius:var(--radius)}.widget-grid .react-grid-item>.react-resizable-handle{z-index:5;background-image:none}.widget-grid .react-grid-item>.react-resizable-handle:after{content:"";border-right:2px solid var(--dim);border-bottom:2px solid var(--dim);border-radius:1px;width:8px;height:8px;position:absolute;bottom:4px;right:4px}.widget-grid.editing .react-grid-item>.react-resizable-handle:after{border-color:var(--accent)}.widget-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.widget-grid.editing .widget-card,.widget-stack.editing .widget-card{box-shadow:none;border:1.5px dashed #e8a33d8c}.widget-grid.editing .widget-card{cursor:move}.widget-header{flex-shrink:0;align-items:center;gap:9px;padding:12px 14px 6px;display:flex}.widget-titles{flex-direction:column;flex:1;min-width:0;display:flex}.widget-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;overflow:hidden}.widget-subtitle{color:var(--dim);text-transform:capitalize;font-size:11.5px}.widget-remove{background:var(--red-soft);color:var(--red);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;line-height:1;transition:background-color .15s,color .15s;display:inline-flex}.widget-remove:hover{background:var(--red);color:#fff}.widget-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;padding:6px 16px 14px;display:flex;overflow:auto}.widget-error{color:#f0a3a9;text-overflow:ellipsis;white-space:nowrap;background:#e5525c1f;flex-shrink:0;padding:5px 14px;font-size:11.5px;overflow:hidden}.widget-missing{text-align:center;color:var(--dim);font-size:13px}.widget-missing p{margin:0 0 4px}.widget-hint{color:var(--dim);text-transform:capitalize;font-size:12px}.power-button{border:2px solid var(--border);background:var(--panel2);width:74px;height:74px;color:var(--dim);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:30px;line-height:1;transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s;display:inline-flex}.power-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.power-button.on{background:var(--accent);border-color:var(--accent);color:var(--accent-dark-text);box-shadow:0 0 0 6px var(--accent-soft), 0 0 22px color-mix(in srgb, var(--brand-accent) 45%, transparent)}.power-button.on:hover:not(:disabled){background:var(--accent-hover);color:var(--accent-dark-text)}.power-button:disabled{opacity:.5;cursor:not-allowed}.widget-value-row{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.widget-value{color:var(--text);font-size:30px;font-weight:700;line-height:1.1}.widget-value-suffix{color:var(--dim);margin-left:2px;font-size:16px;font-weight:600}.power-toggle{border:1.5px solid var(--border);background:var(--panel2);width:36px;height:36px;color:var(--dim);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex}.power-toggle:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.power-toggle.on{background:var(--accent);border-color:var(--accent);color:var(--accent-dark-text);box-shadow:0 0 12px #e8a33d66}.power-toggle:disabled{opacity:.5;cursor:not-allowed}.widget-slider{width:100%;accent-color:var(--accent);cursor:pointer;margin:0}.widget-slider:disabled{opacity:.5;cursor:not-allowed}.widget-status{flex-direction:column;align-self:stretch;gap:10px;width:100%;display:flex}.widget-status-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.widget-kv{flex-direction:column;gap:0;margin:0;font-size:12.5px;display:flex}.widget-kv-row{border-bottom:1px dashed var(--border-soft);justify-content:space-between;align-items:baseline;gap:12px;padding:4px 0;display:flex}.widget-kv-row:last-child{border-bottom:none}.widget-kv-key{color:var(--dim);white-space:nowrap}.widget-kv-value{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-family:var(--mono);margin:0;font-size:12px;overflow:hidden}.thermo-ambient{flex-direction:column;align-items:center;gap:2px;display:flex}.thermo-setpoint{align-items:center;gap:14px;display:flex}.thermo-setpoint-value{color:var(--text);text-align:center;min-width:74px;font-size:20px;font-weight:700}.stepper-btn{border:1.5px solid var(--border);background:var(--panel2);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.stepper-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.stepper-btn:disabled{opacity:.5;cursor:not-allowed}.modal-step-hint{color:var(--dim2);text-transform:uppercase;letter-spacing:.4px;margin:0 0 14px;font-size:12px;font-weight:600}.widget-type-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.widget-type-card{text-align:left;background:var(--panel2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font);color:var(--text);align-items:flex-start;gap:11px;padding:13px 14px;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.widget-type-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);background:#e8a33d12}.widget-type-icon{flex-shrink:0;font-size:22px;line-height:1.2}.widget-type-text{flex-direction:column;gap:3px;min-width:0;display:flex}.widget-type-name{color:var(--text);font-size:14px;font-weight:650}.widget-type-desc{color:var(--dim);font-size:12px;line-height:1.4}.widget-type-count{color:var(--accent);font-size:11.5px;font-weight:600}@media (width<=900px){.sidebar{box-shadow:var(--shadow-lg);transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-backdrop{z-index:35;background:#0000008c;display:block;position:fixed;inset:0}.main-area{margin-left:0}.menu-toggle{display:inline-flex}.page-content{padding:20px 16px 32px}.stats-row{grid-template-columns:1fr}.cred-row{grid-template-columns:1fr auto}.cred-label{grid-column:1/-1;margin-bottom:-6px}.field-row,.widget-type-grid,.limits-grid,.gs-steps{grid-template-columns:1fr}.connect-row{grid-template-columns:110px 1fr}.connect-note{grid-column:2}.auth-page{flex-direction:column}.auth-hero{border-right:none;border-bottom:1px solid var(--border);flex:none;justify-content:flex-start;padding:26px 24px}.auth-hero-inner{flex-direction:column;max-width:none;display:flex}.auth-hero .brand-mark.large{border-radius:9px;width:34px;height:34px;font-size:19px}.auth-hero .brand-logo-img.large{border-radius:9px;width:34px;height:34px}.auth-hero-inner h1{margin-top:12px;font-size:20px}.auth-tagline{margin-top:6px;font-size:13px}.auth-side{align-items:flex-start;padding:28px 24px 40px}}@media (width<=480px){.user-email{display:none}.device-grid{grid-template-columns:1fr}.dash-stat{padding:10px 14px}}.code-preview-wrap{margin:14px 0}.code-preview{background:var(--panel2);border:1px solid var(--border);color:var(--text);white-space:pre;border-radius:8px;max-height:55vh;margin:0;padding:12px 14px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:11.5px;line-height:1.5;overflow:auto}.code-preview-meta{color:var(--dim);margin-bottom:6px;font-size:12px}.qr-tile{border-radius:var(--radius);width:fit-content;max-width:100%;box-shadow:var(--shadow-sm);background:#fff;justify-content:center;align-items:center;margin:4px auto 0;padding:16px;display:flex}.qr-tile img{border-radius:var(--radius-sm);width:100%;max-width:320px;height:auto;display:block}.qr-placeholder{aspect-ratio:1;width:288px;max-width:100%;color:var(--dim2);justify-content:center;align-items:center;font-size:13px;display:flex}.qr-caption{text-align:center;color:var(--dim);margin:14px 0 0;font-size:13px;line-height:1.5}.qr-security-note{border-radius:var(--radius-sm);color:#efc182;background:#e8a33d17;border:1px solid #e8a33d61;margin-top:14px;padding:10px 13px;font-size:12.5px;line-height:1.5}.code-target-tabs{border-bottom:1px solid var(--border);gap:6px;margin-bottom:14px;display:flex}.code-tab{color:var(--dim);font-family:var(--font);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;font-size:13.5px;font-weight:600}.code-tab:hover{color:var(--text)}.code-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.integration-intro{max-width:760px}.integration-list{flex-direction:column;gap:20px;display:flex}.integration-card{padding:20px 22px 22px}.integration-card-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.integration-card-titles{min-width:0}.integration-card-title{color:var(--text);text-overflow:ellipsis;font-size:16px;font-weight:650;overflow:hidden}.integration-card-sub{color:var(--dim);margin:3px 0 0;font-size:12.5px;line-height:1.5}.integration-count{background:var(--panel2);border:1px solid var(--border);color:var(--dim);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 10px;font-size:11.5px;font-weight:700}.integration-section{border-top:1px solid var(--border-soft);margin-top:20px;padding-top:18px}.integration-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--dim2);align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.integration-section-title:before{content:"";background:var(--accent);border-radius:2px;flex-shrink:0;width:8px;height:8px}.integration-hint{color:var(--dim);max-width:640px;margin:0 0 12px;font-size:12.5px;line-height:1.55}.integration-hint code{background:var(--panel2);border:1px solid var(--border);color:var(--cyan);border-radius:5px;padding:1px 5px}.cred-value.secret-note{color:var(--dim2);font-family:var(--font);white-space:normal;font-size:12.5px;font-style:italic;overflow:visible}.api-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.examples{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel2);margin-top:16px;overflow:hidden}.examples>summary{cursor:pointer;color:var(--dim);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;list-style:none;display:flex}.examples>summary::-webkit-details-marker{display:none}.examples>summary:before{content:"▸";color:var(--accent);font-size:11px;transition:transform .15s}.examples[open]>summary:before{transform:rotate(90deg)}.examples>summary:hover{color:var(--text)}.examples-body{padding:2px 14px 14px}.example-block{margin-top:14px}.example-block:first-child{margin-top:6px}.example-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.example-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden}.example-method{font-family:var(--mono);color:var(--cyan);margin-left:6px;font-size:11px;font-weight:600}.example-block .code-preview{max-height:none}.webhook-form{flex-direction:column;gap:14px;max-width:560px;display:flex}.webhook-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.webhook-result{font-size:13px;font-weight:600}.webhook-result.ok{color:var(--green)}.webhook-result.err{color:var(--red)}.section-head-live{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.live-badge{color:var(--dim);letter-spacing:.02em;align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.live-dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 0 var(--green-soft);border-radius:50%;animation:1.8s ease-out infinite live-pulse}@keyframes live-pulse{0%{box-shadow:0 0 #4cc38a80}70%{box-shadow:0 0 0 7px #4cc38a00}to{box-shadow:0 0 #4cc38a00}}.rate-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin:14px 0 18px;display:grid}.rate-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.rate-value{font-variant-numeric:tabular-nums;color:var(--text);font-size:24px;font-weight:700;line-height:1.1}.rate-value.rate-in{color:var(--cyan)}.rate-value.rate-out{color:var(--accent)}.rate-value.rate-drop{color:var(--red)}.rate-value.rate-conn{color:var(--green)}.rate-label{text-transform:uppercase;letter-spacing:.04em;color:var(--dim);font-size:11px;font-weight:600}.chart-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.chart-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;padding:14px 16px 10px}.chart-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.chart-title-row{flex-direction:column;gap:6px;min-width:0;display:flex}.chart-title{color:var(--text);font-size:13px;font-weight:600}.chart-legend{flex-wrap:wrap;gap:12px;display:flex}.chart-legend-item{color:var(--dim);align-items:center;gap:5px;font-size:11px;display:inline-flex}.chart-swatch{border-radius:2px;width:10px;height:3px}.chart-readout{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:1px;display:flex}.chart-latest{font-variant-numeric:tabular-nums;color:var(--text);font-size:20px;font-weight:700;line-height:1}.chart-latest-unit{text-transform:uppercase;letter-spacing:.04em;color:var(--dim2);font-size:10px}.chart-peak{color:var(--dim2);font-variant-numeric:tabular-nums;font-size:10px}.chart-svg{width:100%;display:block}line.chart-gridline{stroke:var(--border-soft);stroke-width:1px;stroke-dasharray:3 4}.chart-empty{color:var(--dim2);justify-content:center;align-items:center;font-size:12px;display:flex}@media (width<=1100px){.rate-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.rate-grid{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}}.google-auth{margin-top:18px}.auth-divider{color:var(--dim2);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;margin:4px 0 16px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.google-btn-holder{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;justify-content:center;min-height:44px;display:flex}.google-btn-holder>div{max-width:100%}