:root{font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,-apple-system,sans-serif;color-scheme:dark;--bg: #071116;--bg-grid: rgba(35, 189, 202, .045);--surface: #0f1b21;--surface-2: #132229;--surface-3: #172a31;--header: #071015;--border: #2b3e46;--border-strong: #3b535d;--text: #f2f5f5;--muted: #9caab0;--accent: #13c4d1;--accent-strong: #0fa5b0;--accent-soft: rgba(19, 196, 209, .13);--accent-text: #6ce9ef;--green: #55d75a;--green-soft: rgba(53, 190, 89, .13);--warning: #ffb000;--danger: #f14b48;--input: #0b151a;--shadow: 0 12px 34px rgba(0, 0, 0, .25);--card-shadow: 0 8px 20px rgba(0, 0, 0, .18)}:root[data-theme=light]{color-scheme:light;--bg: #fff5ec;--bg-grid: rgba(255, 112, 29, .045);--surface: #ffffff;--surface-2: #fffaf6;--surface-3: #fff1e5;--header: #fffaf6;--border: #f0dac7;--border-strong: #e7c3a5;--text: #2c2926;--muted: #736b65;--accent: #ff6918;--accent-strong: #ed5604;--accent-soft: #fff0e2;--accent-text: #e95608;--green: #2ca554;--green-soft: #eaf8ee;--warning: #e99400;--danger: #df443f;--input: #fffdfb;--shadow: 0 14px 36px rgba(209, 115, 45, .13);--card-shadow: 0 8px 22px rgba(204, 126, 65, .1)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--text);background-color:var(--bg);background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:44px 44px;font-size:14px}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{opacity:.55;cursor:wait}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.splash-screen{height:100%;display:grid;place-content:center;gap:18px;justify-items:center;color:var(--muted);font-size:18px}.brand-mark{width:36px;height:36px;display:block;flex:0 0 36px;border-radius:9px;object-fit:cover;box-shadow:0 4px 12px #0000003d}.brand-mark.large{width:82px;height:82px;border-radius:19px;box-shadow:0 12px 30px #0000004d}.app-header{height:58px;flex:0 0 58px;display:flex;align-items:center;gap:12px;padding:0 18px;background:color-mix(in srgb,var(--header) 94%,transparent);border-bottom:1px solid var(--border);box-shadow:0 3px 16px #0000000f;z-index:20;position:relative}.brand-title{font-size:19px;font-weight:760;letter-spacing:.02em;white-space:nowrap}.connection-pill,.identity-chip{min-height:30px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:7px;padding:0 11px;background:var(--surface);white-space:nowrap}.connection-pill{color:var(--muted)}.connection-pill.is-connected{color:var(--green);background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 35%,var(--border))}.connection-pill.is-error{color:var(--danger)}.connection-pill.is-connecting{color:var(--warning)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.identity-chip{max-width:310px;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.identity-chip span{color:var(--accent)}.header-spacer{flex:1}.header-switch{display:flex;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--surface-2)}.header-switch button{border:0;background:transparent;padding:6px 10px;border-radius:6px;color:var(--muted)}.header-switch button.active{background:var(--accent);color:#fff;box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 28%,transparent)}:root[data-theme=dark] .header-switch button.active{color:#061014}.header-switch.compact button{min-width:37px}.app-shell,.activation-shell{height:100%;display:flex;flex-direction:column}.app-body{min-height:0;flex:1;display:grid;grid-template-columns:190px minmax(0,1fr)}.nav-rail{background:color-mix(in srgb,var(--surface) 86%,transparent);border-right:1px solid var(--border);padding-top:18px}.nav-rail button{width:100%;height:62px;padding:0 20px;border:0;border-left:4px solid transparent;background:transparent;display:flex;align-items:center;gap:13px;color:var(--muted);font-size:17px}.nav-rail button span{font-size:24px}.nav-rail button:hover{background:var(--surface-2);color:var(--text)}.nav-rail button.active{color:var(--accent-text);border-left-color:var(--accent);background:var(--accent-soft)}.page-area{min-width:0;min-height:0;overflow:hidden}.page-scroll{height:100%;overflow:auto;padding:22px 24px 30px}.page-heading{position:sticky;top:0;z-index:10;display:flex;align-items:flex-start;justify-content:space-between;margin:-22px -24px 16px;padding:22px 24px 16px;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.transfer-actions{display:flex;gap:9px}.transfer-actions button{min-height:40px}.page-heading h1{margin-bottom:4px;font-size:27px}.page-heading p{color:var(--muted);margin-bottom:0}.primary,.secondary,.outline-action,.danger-action,.toolbar-actions button,.widget-send{min-height:40px;border-radius:6px;padding:0 17px;border:1px solid var(--border-strong);background:var(--surface-2);font-weight:650}.primary,.widget-send{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 5px 14px color-mix(in srgb,var(--accent) 23%,transparent)}:root[data-theme=dark] .primary,:root[data-theme=dark] .widget-send{color:#041114}.danger-action{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 48%,var(--border));background:color-mix(in srgb,var(--danger) 9%,transparent)}.secondary:hover,.toolbar-actions button:hover{background:var(--surface-3)}.outline-action{color:var(--accent-text);border-color:var(--accent);background:transparent;margin-left:auto}.outline-action:hover{background:var(--accent-soft)}.activation-main{flex:1;position:relative;display:grid;place-content:center;overflow:auto;padding:32px}.shield-watermark{position:absolute;left:5%;top:18%;width:300px;height:400px;border:3px solid var(--border);border-radius:45% 45% 48% 48%;display:grid;place-content:center;font-size:150px;color:color-mix(in srgb,var(--border) 72%,transparent);opacity:.42;transform:rotate(45deg)}.shield-watermark:before{content:"";position:absolute;inset:35px;border:2px solid var(--border);border-radius:42%}.activation-card{position:relative;width:min(660px,88vw);padding:30px 38px 24px;border:1px solid var(--border-strong);border-radius:12px;background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:var(--shadow)}.step-label{display:flex;align-items:center;justify-content:center;gap:18px;color:var(--accent-text);font-size:18px;margin-bottom:24px}.step-label span{height:2px;width:160px;background:linear-gradient(90deg,transparent,var(--accent))}.step-label span:last-child{background:linear-gradient(90deg,var(--accent),transparent)}.step-label b{color:var(--text)}.activation-heading{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:22px}.activation-heading h1{margin-bottom:4px;font-size:34px}.activation-heading p{color:var(--muted);margin-bottom:0}.shield-icon{width:66px;height:76px;display:grid;place-content:center;color:var(--accent);border:3px solid var(--accent);border-radius:45% 45% 48% 48%;font-size:30px}.shield-icon.small{width:46px;height:52px;font-size:20px;flex:none}.activation-card>label,.inspector label,.server-grid label{display:flex;flex-direction:column;gap:8px;font-weight:650;margin-bottom:16px}.activation-card label em{color:var(--danger);font-style:normal}input,select{width:100%;min-height:42px;padding:0 12px;color:var(--text);background:var(--input);border:1px solid var(--border-strong);border-radius:6px}input:focus,select:focus{border-color:var(--accent)}label small{color:var(--muted);font-weight:450}.security-note{display:flex;align-items:center;gap:18px;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:8px;padding:15px 19px}.security-note ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.9}.security-note li::marker{color:var(--accent)}.form-error,.inline-error,.dashboard-notice{margin-top:12px;padding:10px 13px;border-radius:6px;color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 35%,var(--border))}.activation-actions{display:flex;justify-content:space-between;margin:24px -38px -24px;padding:18px 38px;border-top:1px solid var(--border)}.activation-actions button{min-width:145px}.secure-footer{justify-self:center;margin-top:18px;color:var(--muted);font-size:16px}.secure-footer:first-letter{color:var(--accent)}.lock-main{flex:1;display:grid;place-content:center}.lock-card{width:min(520px,85vw);text-align:center;padding:42px;border-radius:12px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.lock-symbol{margin:0 auto 20px;width:72px;height:72px;border-radius:50%;display:grid;place-content:center;background:color-mix(in srgb,var(--danger) 14%,transparent);border:2px solid var(--danger);color:var(--danger);font-size:38px}.lock-card p{color:var(--muted);line-height:1.8}.recovery-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:#0000008a}.recovery-dialog{width:min(410px,100%);padding:24px;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.recovery-dialog h2{margin-bottom:10px;font-size:21px}.recovery-dialog p{color:var(--muted);line-height:1.6}.recovery-dialog label{display:flex;flex-direction:column;gap:8px;font-weight:650}.recovery-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.settings-layout{display:grid;grid-template-columns:minmax(760px,1fr) 310px;gap:18px}.settings-main{display:flex;flex-direction:column;gap:14px}.panel{background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--border);border-radius:9px;box-shadow:var(--card-shadow)}.server-panel,.topic-panel,.diagnostics-panel{padding:14px 16px}.panel-title{display:flex;align-items:center;gap:12px;min-height:38px;margin-bottom:10px}.panel-title h2{margin:0;font-size:19px}.step-number{width:34px;height:34px;display:grid;place-content:center;border:1px solid var(--accent);color:var(--accent-text);border-radius:5px;font-size:23px}.segmented{display:flex;border:1px solid var(--border);border-radius:7px;overflow:hidden;background:var(--surface-2)}.segmented.wide{width:55%;margin-bottom:14px}.segmented button{min-width:100px;min-height:40px;border:0;border-right:1px solid var(--border);background:transparent;color:var(--muted);padding:0 20px}.segmented button:last-child{border-right:0}.segmented button.active{background:var(--accent);color:#fff}:root[data-theme=dark] .segmented button.active{color:#051114}.segmented.wide button{flex:1}.server-grid{display:grid;grid-template-columns:1fr .55fr 1fr;gap:8px 18px;align-items:end}.server-grid label{margin-bottom:0;font-weight:500}.auth-lock{grid-column:1 / span 2;min-height:74px;display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface-2)}.auth-lock b,.auth-lock span{display:block}.auth-lock span{color:var(--muted);margin-top:4px}.lock-badge{width:40px;height:45px;display:grid;place-content:center;color:var(--accent);border:2px solid currentColor;border-radius:40%}.toggle-line{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;min-height:42px}.toggle{width:42px;height:23px;border:1px solid var(--border-strong);background:var(--surface-3);padding:2px;border-radius:20px}.toggle span{display:block;width:17px;height:17px;border-radius:50%;background:var(--muted);transition:transform .18s ease}.toggle.on{background:var(--accent);border-color:var(--accent)}.toggle.on span{background:#fff;transform:translate(17px)}.managed-cloud{min-height:145px;display:flex;align-items:center;justify-content:center;gap:18px;border:1px dashed var(--border-strong);border-radius:8px;background:var(--surface-2);color:var(--muted)}.managed-cloud>span{color:var(--accent);font-size:28px}.managed-cloud b{color:var(--text);font-size:18px}.managed-cloud p{margin:5px 0 0}.panel-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.data-table{border:1px solid var(--border);border-radius:7px;overflow:hidden}.table-head,.table-row{display:grid;align-items:center;gap:0}.receive-table .table-head,.receive-table .table-row{grid-template-columns:1fr 1.45fr .75fr .5fr .55fr 44px}.publish-table .table-head,.publish-table .table-row{grid-template-columns:.9fr 1.65fr .85fr .5fr .55fr 44px}.table-head{min-height:38px;background:var(--surface-2);color:var(--muted);border-bottom:1px solid var(--border)}.table-head span,.table-row>*{min-width:0;padding:0 11px;border-right:1px solid var(--border)}.table-head span:last-child,.table-row>*:last-child{border-right:0}.table-row{min-height:54px;background:color-mix(in srgb,var(--surface) 92%,transparent)}.table-row+.table-row{border-top:1px solid var(--border)}.table-row input,.table-row select{min-height:36px;border-color:transparent;background:transparent;padding:0}.table-row input:hover,.table-row select:hover,.table-row input:focus,.table-row select:focus{border-color:var(--border-strong);background:var(--input);padding:0 7px}.retain-chip{justify-self:center;min-width:50px;min-height:30px;border-radius:5px;border:1px solid var(--border);background:var(--surface-2);color:var(--muted)}.retain-chip.active{color:var(--green);background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 30%,var(--border))}.icon-button{width:34px;height:34px;padding:0!important;border:0!important;background:transparent;font-size:20px}.icon-button.danger{color:var(--danger)}.diagnostics-panel{position:relative;min-height:560px;overflow:hidden}.pulse-icon{margin-left:auto;font-size:25px;color:var(--accent)}.check-row{display:flex;align-items:center;gap:12px;min-height:43px;color:var(--muted)}.check-row>span{width:25px;height:25px;display:grid;place-content:center;border-radius:50%;color:var(--surface);background:var(--muted)}.check-row>span.ok{background:var(--green);color:#fff}.diagnostics-panel hr,.inspector hr{border:0;border-top:1px solid var(--border);margin:14px 0}.diagnostics-panel h3{font-size:16px}.json-preview{margin:0;min-height:120px;padding:14px;border:1px solid var(--border);border-radius:6px;background:var(--input);color:var(--accent-text);line-height:1.65}.hint-box{margin-top:18px;padding:12px;color:var(--warning);border:1px dashed var(--warning);border-radius:7px;background:color-mix(in srgb,var(--warning) 5%,transparent)}.diagnostic-grid-art{position:absolute;right:-25px;bottom:-20px;width:240px;height:220px;opacity:.16;background-image:radial-gradient(circle,var(--accent) 3px,transparent 4px);background-size:58px 58px}.dashboard-page{height:100%;display:grid;grid-template-columns:170px minmax(820px,1fr) 230px;grid-template-rows:minmax(0,1fr) 48px}.widget-library,.inspector{min-height:0;overflow:auto;background:color-mix(in srgb,var(--surface) 92%,transparent)}.widget-library{border-right:1px solid var(--border);padding:16px 14px}.library-title{display:flex;align-items:center;justify-content:space-between}.library-title h2{margin:0;font-size:20px}.library-title span{font-size:20px;color:var(--muted)}.widget-library h3{margin:20px 0 9px;color:var(--muted);font-size:14px}.widget-library>button{width:100%;min-height:45px;display:flex;align-items:center;gap:12px;padding:0 8px;border:0;border-radius:6px;background:transparent;text-align:left;cursor:grab}.widget-library>button:active{cursor:grabbing}.widget-library>button:hover{background:var(--surface-3)}.widget-library>button span{width:34px;height:32px;display:grid;place-content:center;border:1px solid var(--border-strong);border-radius:5px;color:var(--accent-text);background:var(--input)}.widget-library hr{border:0;border-top:1px solid var(--border);margin:14px 0}.drag-callout{margin-top:28px;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:var(--muted);border:1px dashed var(--border-strong);border-radius:8px;text-align:center}.drag-callout b{font-size:30px}.dashboard-workspace{min-width:0;min-height:0;overflow:auto;padding:16px;background-image:linear-gradient(var(--bg-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid) 1px,transparent 1px);background-size:25% 202px}.dashboard-toolbar{position:sticky;top:-16px;z-index:8;display:flex;align-items:center;gap:16px;margin:-16px -16px 14px;padding:16px 16px 14px;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.dashboard-toolbar h1{margin:0 auto 0 0;font-size:23px}.toolbar-actions{display:flex;gap:7px}.toolbar-actions button{min-height:40px;padding:0 12px}.dashboard-notice{margin:-4px 0 12px;color:var(--warning)}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));grid-auto-rows:190px;gap:12px}.widget-slot{min-width:0}.widget-slot.drop-target{position:relative;border-radius:10px}.widget-slot.drop-target:before{content:"";position:absolute;inset:-5px;z-index:4;border:2px solid var(--accent);border-radius:11px;background:color-mix(in srgb,var(--accent) 10%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 34%,transparent),0 0 24px color-mix(in srgb,var(--accent) 44%,transparent);pointer-events:none}.drop-placeholder>div{width:100%;height:100%;border:2px dashed var(--accent);border-radius:9px;background:color-mix(in srgb,var(--accent) 9%,transparent)}.canvas-end-drop-zone{opacity:.38;transition:opacity .15s,transform .15s}.canvas-end-drop-zone.drop-target{opacity:1;transform:translateY(-2px)}.empty-widget{width:100%;height:100%;border:1px dashed color-mix(in srgb,var(--border-strong) 82%,transparent);border-radius:9px;background:color-mix(in srgb,var(--surface) 30%,transparent)}.dashboard-grid:not(.edit-mode) .empty-widget{border-color:transparent;background:transparent}.slot-temperature,.slot-humidity,.slot-status,.slot-target,.slot-slider,.slot-fan{grid-column:span 1;grid-row:span 1}.slot-gauge{grid-column:span 1;grid-row:span 2}.slot-waveform{grid-column:span 2;grid-row:span 2}.widget{height:100%;min-width:0;padding:14px 16px;border:1px solid var(--border);border-radius:9px;background:color-mix(in srgb,var(--surface) 97%,transparent);box-shadow:var(--card-shadow);overflow:hidden;position:relative}.widget.alarm-warning{border-color:var(--warning);box-shadow:0 0 0 1px color-mix(in srgb,var(--warning) 42%,transparent),0 0 20px color-mix(in srgb,var(--warning) 20%,transparent)}.widget.alarm-critical{border-color:var(--danger);box-shadow:0 0 0 1px color-mix(in srgb,var(--danger) 52%,transparent),0 0 24px color-mix(in srgb,var(--danger) 28%,transparent)}.edit-mode .widget{cursor:grab}.edit-mode .widget:active{cursor:grabbing}.widget.selected{outline:2px solid var(--accent);outline-offset:-2px}.widget.selected:before,.widget.selected:after{content:"";position:absolute;width:9px;height:9px;border:2px solid var(--accent);background:var(--surface);border-radius:50%}.widget.selected:before{left:-5px;top:50%}.widget.selected:after{right:-5px;bottom:-5px}.widget-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.widget-heading h3{margin:0;font-size:17px}.widget-heading button{width:32px;height:28px;margin-left:5px;border:1px solid var(--border);border-radius:5px;background:var(--surface-2)}.widget-delete{flex:0 0 auto;color:var(--danger)}.source-chip{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent-text);border:1px solid var(--accent);background:var(--accent-soft);padding:4px 8px;border-radius:12px;font-size:12px}.big-value{display:flex;align-items:baseline;justify-content:center;color:var(--accent-text);font-size:clamp(48px,4.5vw,72px);font-weight:500;margin-top:30px}.big-value small,.medium-value small{color:var(--text);font-size:22px;margin-left:5px}.widget time{color:var(--muted);position:absolute;left:16px;bottom:14px}.medium-value{text-align:center;color:var(--accent-text);font-size:40px;margin:19px 0}.color-bar{height:31px;border:1px solid var(--border-strong);border-radius:5px;overflow:hidden;position:relative;background:var(--input)}.color-bar .bar-fill{display:block;height:100%;min-width:2px;background:var(--green);border-radius:4px;transition:width .2s ease,background-color .2s ease}.color-bar .bar-fill.warning{background:var(--warning)}.color-bar .bar-fill.critical{background:var(--danger)}.bar-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin-top:6px}.widget-gauge{padding-top:8px}.gauge-heading{min-height:23px;justify-content:flex-end}.gauge-heading .source-chip{margin-right:auto}.gauge-svg{display:block;width:100%;height:calc(100% - 24px);min-height:320px;margin:-3px auto 0;overflow:visible}.gauge-track{fill:none;stroke:color-mix(in srgb,var(--border-strong) 76%,transparent);stroke-width:17;stroke-linecap:butt}.gauge-band{fill:none;stroke-width:17;stroke-linecap:butt}.gauge-band.safe{stroke:#43a43c}.gauge-band.normal{stroke:#3a91c8}.gauge-band.warning{stroke:#ff8b18}.gauge-band.critical{stroke:#f04823}.gauge-tick{stroke-width:2;opacity:.82}.gauge-tick.major{stroke-width:3.2}.gauge-tick.safe,.gauge-label.safe{stroke:#3c9e37;fill:#3c9e37}.gauge-tick.normal,.gauge-label.normal{stroke:#4b9acb;fill:#4b9acb}.gauge-tick.warning,.gauge-label.warning{stroke:#f07b13;fill:#f07b13}.gauge-tick.critical,.gauge-label.critical{stroke:#ec3f20;fill:#ec3f20}.gauge-svg text{font-family:inherit;text-anchor:middle}.gauge-label{font-size:11px;font-weight:700}.gauge-center-label{fill:var(--accent-strong);font-size:15px;font-weight:800}.gauge-reading{fill:var(--accent-strong);font-size:34px;font-weight:500}.gauge-reading tspan{font-size:16px;font-weight:700;padding-left:2px}.gauge-needle{fill:#347fb4;stroke:color-mix(in srgb,#347fb4 70%,white);stroke-width:1;filter:drop-shadow(0 2px 1px rgba(0,0,0,.22))}.gauge-hub{fill:#276e9e;stroke:color-mix(in srgb,#276e9e 65%,white);stroke-width:2}.wave-wrap{height:calc(100% - 30px);position:relative;padding-top:34px}.wave-tools{position:absolute;right:0;top:0;left:0;display:flex;justify-content:flex-end;gap:4px;z-index:2}.wave-tools button{min-width:27px;height:26px;padding:0 6px;border:1px solid var(--border);border-radius:5px;background:var(--surface-2);color:var(--muted);font-size:11px}.wave-tools button:hover{color:var(--accent-text);border-color:var(--accent)}.record-state{margin-right:auto;align-self:center;color:var(--muted);font-size:11px}.record-state.recording{color:var(--danger)}.wave-file-notice{position:absolute;left:0;top:6px;color:var(--accent-text);font-size:10px}.wave-svg{width:100%;height:calc(100% - 36px);overflow:visible}.chart-grid{stroke:var(--border);stroke-width:1}.alarm-line{stroke-width:1.5;stroke-dasharray:8 5}.alarm-line.warning{stroke:var(--warning)}.alarm-line.critical{stroke:var(--danger)}.warning-text{fill:var(--warning)}.critical-text{fill:var(--danger)}.warning-text,.critical-text{font-size:12px}.wave-line{fill:none;stroke:var(--accent);stroke-width:2.4;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 50%,transparent))}.wave-record-point{fill:var(--accent);stroke:var(--surface);stroke-width:.8}.wave-record-point.warning{fill:var(--warning)}.wave-record-point.critical{fill:var(--danger)}.hover-line{stroke:var(--text);stroke-dasharray:6 5;opacity:.7}.hover-point{fill:var(--text);stroke:var(--accent)}.wave-tooltip{position:absolute;transform:translate(-50%,-100%);padding:7px 10px;border-radius:5px;background:var(--input);border:1px solid var(--border-strong);color:var(--text);pointer-events:none;white-space:nowrap;box-shadow:var(--shadow)}.chart-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.chart-axis span{display:grid;min-width:72px}.chart-axis span:nth-child(n+2):nth-child(-n+4){text-align:center}.chart-axis span:last-child{text-align:right}.chart-axis b{color:var(--muted);font-weight:500}.chart-axis small{font-size:9px}.wave-empty{height:calc(100% - 8px);display:grid;place-content:center;color:var(--muted);border:1px dashed var(--border-strong);border-radius:7px;text-align:center}.status-light-wrap{display:flex;align-items:center;justify-content:center;gap:14px;margin:19px auto 8px}.status-light{display:block;width:66px;height:66px;flex:0 0 66px;border-radius:50%;border:5px solid var(--border-strong);background:#20282c;box-shadow:inset 0 0 15px #0000008c;transition:background-color .15s,box-shadow .15s}.status-light.normal{background:#35dc55;box-shadow:0 0 22px color-mix(in srgb,#35dc55 82%,transparent),inset 0 0 8px #ffffff6b}.status-light.warning{background:var(--warning);box-shadow:0 0 22px color-mix(in srgb,var(--warning) 82%,transparent),inset 0 0 8px #ffffff61}.status-light.critical{background:var(--danger);box-shadow:0 0 24px color-mix(in srgb,var(--danger) 86%,transparent),inset 0 0 8px #ffffff61}.status-light-value{min-width:42px;color:var(--accent-text);font-size:26px;font-variant-numeric:tabular-nums}.running-label{color:var(--green);text-align:center;font-size:22px;font-weight:700}.running-label.off{color:var(--muted)}.running-label.warning{color:var(--warning)}.running-label.critical{color:var(--danger)}.number-control{display:flex;align-items:center;margin-top:24px}.number-control input{text-align:center;font-size:25px}.number-control span{padding-left:9px;font-size:17px}.widget-send{display:block;min-height:34px;margin:12px auto 0;padding:0 28px}.slider-value{text-align:center;color:var(--accent-text);font-size:28px;margin-top:15px}.slider-value small{color:var(--text);font-size:14px}.range-control{min-height:22px;padding:0;accent-color:var(--accent)}.range-control:disabled,.widget button:disabled,.widget input:disabled{opacity:.55;cursor:not-allowed}.button-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:37px}.button-pair button{min-height:67px;background:transparent;border:2px solid;border-radius:6px;font-size:19px;font-weight:700}.button-pair .start{color:var(--green)}.button-pair .stop{color:var(--danger)}.inspector{border-left:1px solid var(--border);padding:16px}.inspector-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.inspector-title h2{font-size:18px;margin:0}.inspector-title span{color:var(--muted)}.inspector label{margin-bottom:12px;font-weight:500;color:var(--muted)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inspector h3{font-size:16px}.inspector-actions{display:flex;gap:10px;margin-top:22px}.inspector-actions button{flex:1;padding-inline:10px}.empty-inspector{height:100%;display:grid;place-content:center;color:var(--muted)}.dashboard-status{grid-column:1 / -1;display:flex;align-items:center;gap:28px;padding:0 20px;border-top:1px solid var(--border);background:var(--surface);color:var(--muted)}.dashboard-status span{white-space:nowrap}.dashboard-status .stream-ok{margin-left:auto;color:var(--text)}.stream-ok i{display:inline-block;width:11px;height:11px;margin-right:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}:root[data-theme=light] .widget-library>button span{color:#26221f;box-shadow:inset 0 -3px #ff69181f}:root[data-theme=light] .panel,:root[data-theme=light] .widget,:root[data-theme=light] .activation-card{border-color:#f0ded0}:root[data-theme=light] .dashboard-workspace{background-color:#fff7ef}:root[data-theme=light] .diagnostic-grid-art{opacity:.09}@media(max-width:1320px){.settings-layout{grid-template-columns:minmax(720px,1fr) 270px}.app-body{grid-template-columns:164px minmax(0,1fr)}.dashboard-page{grid-template-columns:150px minmax(820px,1fr) 220px}.widget-library{padding-inline:9px}.toolbar-actions button{font-size:12px;padding-inline:8px}.identity-chip{max-width:220px}}@media(max-width:1180px){.header-switch span,.identity-chip{display:none}.settings-layout{grid-template-columns:1fr}.diagnostics-panel{min-height:380px}}