@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;600&display=swap";:root{--bg-0: #0b111c;--bg-1: #121d30;--bg-2: #1f2d45;--panel: rgba(13, 24, 44, .88);--line: rgba(125, 153, 195, .22);--text: #e3edff;--muted: #95a8c7;--ok: #3ecf8e;--warn: #ff6b57;--brand: #50f0ff;--surface-soft: rgba(255, 255, 255, .03);--surface-elevated: rgba(8, 17, 32, .72);--field-bg: rgba(7, 14, 28, .95);--chart-shell: rgba(6, 14, 28, .58);--chart-bg: rgba(6, 14, 28, .85);--overlay: rgba(5, 9, 18, .62);--accent-device: #ffc682;--danger-text: #ff9d8f;--danger-line: rgba(255, 107, 87, .45);--danger-line-strong: rgba(255, 107, 87, .8);--active-bg: rgba(80, 240, 255, .15)}:root[data-theme=light]{--bg-0: #f6f9ff;--bg-1: #edf3ff;--bg-2: #dde8fb;--panel: rgba(255, 255, 255, .86);--line: rgba(56, 89, 128, .24);--text: #16243a;--muted: #5f7192;--ok: #1f9e68;--warn: #d64631;--brand: #1aa8bd;--surface-soft: rgba(255, 255, 255, .78);--surface-elevated: rgba(237, 244, 255, .95);--field-bg: rgba(255, 255, 255, .98);--chart-shell: rgba(236, 243, 255, .92);--chart-bg: rgba(255, 255, 255, .97);--overlay: rgba(18, 31, 53, .25);--accent-device: #c2761e;--danger-text: #b93221;--danger-line: rgba(214, 70, 49, .45);--danger-line-strong: rgba(214, 70, 49, .75);--active-bg: rgba(26, 168, 189, .18)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;min-height:100%}body{font-family:Space Grotesk,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 12%,rgba(80,240,255,.1),transparent 30%),radial-gradient(circle at 88% 16%,rgba(242,128,98,.12),transparent 28%),linear-gradient(140deg,var(--bg-0),var(--bg-1) 46%,var(--bg-2));overflow:hidden}.app-shell{padding:10px;width:100%;height:100dvh;margin:0;display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;overflow:hidden}.auth-shell{width:100%;height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{width:min(420px,100%);border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:18px;display:grid;gap:12px;box-shadow:0 16px 42px #040a1847}.auth-card h1{margin:0;font-size:1.3rem}.auth-card p{margin:0;color:var(--muted);font-size:.86rem}.auth-card label{display:grid;gap:6px}.auth-card label span{color:var(--muted);font-size:.78rem}.auth-card input{width:100%;border:1px solid var(--line);background:var(--input-bg);color:var(--text);border-radius:8px;padding:8px 10px;outline:none}.auth-card input:focus{border-color:var(--brand)}.auth-card small{color:var(--muted);font-size:.76rem}.topbar{display:flex;justify-content:space-between;gap:10px;align-items:center}.topbar h1{margin:0;font-size:1.34rem;line-height:1.1}.topbar p{margin:3px 0 0;color:var(--muted);font-size:.8rem}.topbar-side{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex:1 1 auto}.display-controls{display:flex;justify-content:flex-start;gap:8px;align-items:center;flex:0 0 auto}.audio-header-controls{display:inline-flex;align-items:center;gap:6px}.audio-header-controls input[type=range]{width:86px}.icon-btn{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:9px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0}.icon-btn svg{width:18px;height:18px}.icon-only-btn{width:36px;min-width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.icon-only-btn svg{width:19px;height:19px}.icon-btn.active{border-color:var(--brand);background:var(--active-bg)}.lang-switch{display:inline-flex;gap:6px}.lang-flag-dropdown{position:relative;border:1px solid var(--line);background:transparent;border-radius:9px;height:34px;min-width:42px;padding:0 6px;display:inline-flex;align-items:center;gap:6px;justify-content:center;color:var(--muted)}.lang-flag-dropdown select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.lang-flag-dropdown svg{width:11px;height:11px;flex:0 0 auto}.lang-flag-dropdown:focus-within,.lang-flag-dropdown:hover{border-color:var(--brand);background:var(--active-bg)}.flag{width:17px;height:12px;border-radius:2px;border:1px solid rgba(0,0,0,.2);display:inline-block}.flag-ua{background:linear-gradient(to bottom,#1a61d1 50%,#ffce34 50%)}.flag-en{background:linear-gradient(26deg,transparent 43%,#fff 43% 49%,#c8102e 49% 53%,#fff 53% 59%,transparent 59%),linear-gradient(-26deg,transparent 43%,#fff 43% 49%,#c8102e 49% 53%,#fff 53% 59%,transparent 59%),linear-gradient(to right,transparent 38%,#fff 38% 62%,transparent 62%),linear-gradient(to bottom,transparent 38%,#fff 38% 62%,transparent 62%),linear-gradient(to right,transparent 44%,#c8102e 44% 56%,transparent 56%),linear-gradient(to bottom,transparent 44%,#c8102e 44% 56%,transparent 56%),#012169}.theme-btn{color:var(--brand)}button.active-toggle{border-color:var(--brand);background:var(--active-bg)}.monitor-settings-btn{width:30px;height:30px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(86px,1fr));gap:8px}.stats-grid.compact{grid-template-columns:repeat(4,minmax(96px,1fr));gap:6px}.stats-grid div{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:8px 10px}.stats-grid.compact div{padding:7px 9px;min-width:96px}.stats-grid span{display:block;color:var(--muted);font-size:.76rem}.stats-grid strong{font-family:IBM Plex Mono,monospace;font-size:1.15rem}.control-info-panel{display:flex;align-items:center;justify-content:flex-start;gap:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft);padding:5px 6px;width:auto;min-width:0;flex:1 1 auto;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.control-group{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:4px 6px;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.control-group-title{display:inline-block;color:var(--muted);font-size:.66rem;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.control-group-panels{margin-right:auto}.right-panel-hide-btn{width:28px;height:28px;flex:0 0 auto}.settings-panel-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%}.settings-panel-head h2{min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-panel-head .right-panel-hide-btn{justify-self:end}.ops-panel-hide-btn{width:28px;height:28px}.control-group-stats{min-width:0;margin-left:auto}.panel-modes{justify-content:flex-start;flex-wrap:nowrap;gap:6px}.panel-modes .mode-btn{white-space:nowrap}.control-actions{align-items:center;flex-wrap:nowrap;gap:6px}.control-actions .btn-with-icon{white-space:nowrap}.mode-icon-btn{width:32px;height:32px}.mode-icon-btn.with-text{width:auto;min-width:36px;padding:0 10px;gap:6px}.mode-icon-btn.with-text span{white-space:nowrap;font-size:.78rem}.profile-actions{gap:6px}.profile-select{display:inline-flex;align-items:center;gap:6px}.profile-select svg{width:14px;height:14px;color:var(--muted)}.profile-select.button-like{border:1px solid var(--line);background:transparent;border-radius:9px;height:32px;padding:0 8px}.profile-select.button-like:focus-within{border-color:var(--brand);background:var(--active-bg)}.profile-select.button-like select{min-width:118px;height:30px;border:0;background:transparent;color:var(--text);font-weight:600;padding:0 18px 0 0;outline:none;cursor:pointer}.profile-badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:9px;height:32px;padding:0 8px}.profile-badge svg{width:14px;height:14px;color:var(--muted)}.profile-badge span{max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.78rem;font-weight:600}.profile-badge small{color:var(--muted);font-size:.68rem;text-transform:uppercase}.control-group-stats .stats-grid.compact{display:inline-flex;gap:6px;flex-wrap:nowrap}.control-group-stats .stats-grid.compact div{min-width:84px;padding:5px 7px}.control-group-stats .stats-grid.compact strong{font-size:.96rem}.right-panel-reveal-tab{position:fixed;right:8px;top:50%;transform:translateY(-50%);border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px 0 0 12px;padding:9px 6px;display:inline-flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 10px 26px #0208124d;z-index:8}.right-panel-reveal-tab svg{width:18px;height:18px}.right-panel-reveal-tab span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.72rem;letter-spacing:.04em}.left-panel-reveal-tab{position:fixed;left:8px;top:50%;transform:translateY(-50%);border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:0 12px 12px 0;padding:9px 6px;display:inline-flex;flex-direction:column;align-items:center;gap:4px;box-shadow:0 10px 26px #0208124d;z-index:8}.left-panel-reveal-tab svg{width:18px;height:18px}.left-panel-reveal-tab span{writing-mode:vertical-rl;font-size:.72rem;letter-spacing:.04em}.expanded-panel-exit-btn{position:fixed;right:10px;top:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:6px 8px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 10px 26px #0208124d;z-index:11}.expanded-panel-exit-btn svg{width:16px;height:16px}.expanded-panel-exit-btn span{font-size:.78rem;white-space:nowrap}.bottom-panel-reveal-tab{position:fixed;left:50%;bottom:8px;transform:translate(-50%);border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:6px 10px;display:inline-flex;align-items:center;gap:6px;box-shadow:0 10px 26px #0208124d;z-index:8}.bottom-panel-reveal-tab svg{width:16px;height:16px}.bottom-panel-reveal-tab span{font-size:.78rem;white-space:nowrap}.toast{margin-bottom:0;border-radius:10px;padding:10px 12px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.toast.ok{background:#3ecf8e24}.toast.error{background:#ff6b5726}.toast-close-btn{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:6px;width:22px;height:22px;line-height:1;padding:0;cursor:pointer}.main-grid{display:grid;grid-template-columns:1.05fr 1.05fr 1.3fr;gap:12px}.main-grid.extended{grid-template-columns:minmax(260px,var(--left-panel-width, 320px)) 8px minmax(560px,1fr) 8px minmax(280px,var(--right-panel-width, 360px));grid-template-rows:minmax(280px,1fr) 8px minmax(160px,var(--activity-panel-height, 280px));grid-template-areas:"tree leftsplit center rightsplit side" "tree leftsplit activitiesplit rightsplit side" "tree leftsplit activity rightsplit side";align-items:stretch;min-height:0;height:100%;transition:grid-template-columns .12s ease}.main-grid.extended.activity-hidden{grid-template-rows:1fr;grid-template-areas:"tree leftsplit center rightsplit side"}.main-grid.extended.no-forms{grid-template-columns:minmax(260px,var(--left-panel-width, 320px)) 8px minmax(560px,1fr);grid-template-areas:"tree leftsplit center" "tree leftsplit activitiesplit" "tree leftsplit activity"}.main-grid.extended.no-forms.activity-hidden{grid-template-rows:1fr;grid-template-areas:"tree leftsplit center"}.main-grid.extended.tree-hidden{grid-template-columns:minmax(560px,1fr) 8px minmax(280px,var(--right-panel-width, 360px));grid-template-areas:"center rightsplit side" "activitiesplit rightsplit side" "activity rightsplit side"}.main-grid.extended.tree-hidden.activity-hidden{grid-template-rows:1fr;grid-template-areas:"center rightsplit side"}.main-grid.extended.right-hidden{grid-template-columns:minmax(260px,var(--left-panel-width, 320px)) 8px minmax(560px,1fr);grid-template-areas:"tree leftsplit center" "tree leftsplit activitiesplit" "tree leftsplit activity"}.main-grid.extended.right-hidden.activity-hidden{grid-template-rows:1fr;grid-template-areas:"tree leftsplit center"}.main-grid.extended.tree-hidden.right-hidden{grid-template-columns:minmax(560px,1fr);grid-template-areas:"center" "activitiesplit" "activity"}.main-grid.extended.tree-hidden.right-hidden.activity-hidden{grid-template-rows:1fr;grid-template-areas:"center"}.main-grid.extended.tree-hidden.no-forms{grid-template-columns:minmax(560px,1fr);grid-template-areas:"center" "activitiesplit" "activity"}.main-grid.extended.tree-hidden.no-forms.activity-hidden{grid-template-rows:1fr;grid-template-areas:"center"}.main-grid.extended.tree-hidden .tree-panel,.main-grid.extended.tree-hidden .panel-splitter.left,.main-grid.extended.no-forms .forms-panel,.main-grid.extended.no-forms .panel-splitter.right,.main-grid.extended.right-hidden .forms-panel,.main-grid.extended.right-hidden .panel-splitter.right{display:none}.panel{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:0;height:100%}.tree-panel{grid-area:tree;max-height:100%;overflow-y:auto}.details-panel{grid-area:center;display:grid;gap:10px;align-content:start;max-height:100%;overflow-y:auto}.details-panel.chart-mode .chart-panel-block .trend-box{min-height:0}.details-panel.chart-mode .chart-panel-block .trend-chart{height:var(--trend-chart-height, 230px)}.center-sortable-panel{display:grid;gap:6px;min-width:0}.center-sortable-panel.is-dragging{opacity:.76}.center-sortable-panel.is-drop-target{outline:2px dashed var(--brand);outline-offset:2px;border-radius:10px}.center-panel-grip-row{display:flex;justify-content:flex-end}.center-panel-grip{display:inline-flex;align-items:center;gap:6px;border:1px dashed var(--line);border-radius:999px;padding:3px 8px;font-size:.72rem;color:var(--muted);background:var(--surface-soft);cursor:grab;-webkit-user-select:none;user-select:none}.center-panel-grip:active{cursor:grabbing}.center-panel-grip:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.grip-dots{letter-spacing:-1px;font-weight:700}.ops-panel{grid-area:activity;max-height:100%;overflow-y:auto}.forms-panel{grid-area:side;display:grid;gap:8px;align-content:start;position:static;max-height:100%;overflow-y:auto;overflow-x:hidden;container-type:inline-size}.forms-panel .form-block{padding:8px;gap:6px}.forms-panel .section-top{margin-bottom:6px}.forms-panel-settings-switch{margin:0 0 8px}.forms-panel-settings-switch label{display:grid;gap:4px;color:var(--muted);font-size:.78rem}.forms-panel-settings-switch select{min-width:160px}.forms-panel .inline-form{gap:6px}.forms-panel .inline-form button{padding:5px 8px}.chart-side-block{display:grid;gap:8px}.panel-splitter{width:8px;align-self:stretch;border-radius:999px;cursor:col-resize;background:#50f0ff14;border:1px solid rgba(80,240,255,.18);-webkit-user-select:none;user-select:none;touch-action:none;transition:background .12s ease,border-color .12s ease}.panel-splitter.left{grid-area:leftsplit}.panel-splitter.right{grid-area:rightsplit}.panel-splitter.activity{grid-area:activitiesplit;width:auto;height:8px;cursor:row-resize}.panel-splitter:hover,.panel-splitter.active{background:#50f0ff33;border-color:#50f0ff6b}body.panel-resize-active:not(.panel-resize-active-vertical),body.panel-resize-active:not(.panel-resize-active-vertical) *{cursor:col-resize!important;-webkit-user-select:none;user-select:none}body.panel-resize-active.panel-resize-active-vertical,body.panel-resize-active.panel-resize-active-vertical *{cursor:row-resize!important;-webkit-user-select:none;user-select:none}body.panel-resize-active .main-grid.extended{transition:none}.section-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.section-top h2{margin:0}.section-top.compact{margin-bottom:4px}.slim-btn{padding:5px 8px;font-size:.78rem}.panel h2{margin:0 0 10px;font-size:1.1rem}.tree-list{list-style:none;padding-left:0;margin:0}.tree-list ul{list-style:none;margin:8px 0 0 12px;padding-left:12px;border-left:1px dashed var(--line)}.tree-node-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;margin-top:6px}.tree-node-row .tree-node-btn,.tree-node-row .channel-btn{margin-top:0}.tree-top-actions{display:flex;gap:6px}.tree-label{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:6px}.tree-label span{font-family:IBM Plex Mono,monospace;color:var(--muted);font-size:.8rem}.tree-label.domain{color:var(--brand)}.tree-label.device{color:var(--accent-device)}.tree-node-btn{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--text);padding:6px 8px;margin-top:6px;font:inherit;text-align:left;cursor:pointer;display:flex;justify-content:space-between;gap:10px;align-items:center}.tree-node-btn span{font-family:IBM Plex Mono,monospace;color:var(--muted);font-size:.78rem}.tree-node-btn.domain{color:var(--brand)}.tree-node-btn.device{color:var(--accent-device)}.tree-node-btn.active{border-color:var(--brand);background:var(--active-bg)}.channel-btn{border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--text);padding:5px 8px;margin:4px 0;font:inherit;width:100%;text-align:left;cursor:pointer;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name value" "status status";gap:3px 10px;align-items:center}.channel-name{grid-area:name;min-width:0}.channel-live-value{grid-area:value;color:var(--brand);font-family:IBM Plex Mono,monospace;font-size:.72rem}.channel-status-line{grid-area:status;color:var(--muted);font-size:.72rem}.channel-btn.active{border-color:var(--brand);background:var(--active-bg)}.channel-btn.is-stale .channel-status-line{color:#f7b76d}.channel-btn.has-error{border-color:#ff6b5794;background:#ff6b5729}.tree-menu-wrap{position:relative}button.tree-mini-btn.menu-trigger{width:30px;font-size:16px;display:inline-flex;align-items:center;justify-content:center}.tree-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:170px;z-index:30;border:1px solid var(--line);border-radius:10px;background:var(--surface-elevated);box-shadow:0 10px 20px #02081247;padding:4px;display:grid;gap:2px}.tree-menu button{border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text);text-align:left;font-weight:500;font-size:.78rem;padding:7px 8px}.tree-menu button:hover{border-color:var(--line);background:var(--surface-soft)}.tree-menu button.active{border-color:var(--brand);background:var(--active-bg)}.tree-menu button.danger{color:var(--danger-text)}.mini-toolbar{display:flex;gap:4px}button.tree-mini-btn{min-width:26px;padding:4px 6px;border-radius:7px;border:1px solid var(--line);background:transparent;color:var(--muted);font-weight:700;line-height:1}button.tree-mini-btn:hover{color:var(--text);border-color:#50f0ff80}button.tree-mini-btn.danger{border-color:var(--danger-line);color:var(--danger-text)}button.tree-mini-btn.danger:hover{border-color:var(--danger-line-strong)}.form-block{border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:6px}.form-block.quick-actions .inline-form button{min-width:160px}.mnemo-side-block .mnemo-editor{border-top:0;padding-top:0;gap:6px}.mnemo-side-block .mnemo-editor h4{font-size:.82rem}.mnemo-side-block .mnemo-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mnemo-side-block .mnemo-editor-grid label{gap:3px;font-size:.72rem}.mnemo-side-block .mnemo-editor-grid input,.mnemo-side-block .mnemo-editor-grid select{padding:6px}.polling-quick-actions{margin-top:4px}.btn-with-icon{display:inline-flex;align-items:center;gap:6px}.btn-with-icon svg{width:14px;height:14px;flex:0 0 auto}.compact-icon-btn svg{width:12px;height:12px}.display-mode-switch{display:flex;flex-wrap:wrap;gap:8px}button.mode-btn{background:transparent;border-color:var(--line);color:var(--text);font-weight:600}button.mode-btn.active{border-color:var(--brand);background:var(--active-bg)}.scope-box{border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:4px;background:var(--surface-elevated)}.scope-box span{color:var(--muted);font-size:.78rem}.scope-box strong{font-size:.95rem}.scope-box p{margin:0;color:var(--muted);font-size:.82rem}.form-block h3,.split-lists h3{margin:0 0 4px;font-size:.95rem}input,select,textarea,button{font:inherit}input,select,textarea{border:1px solid var(--line);background:var(--field-bg);color:var(--text);border-radius:8px;padding:8px}textarea{resize:vertical;min-height:80px}.input-error{border-color:#ff6b57e6!important;box-shadow:0 0 0 1px #ff6b5747}button{border:1px solid transparent;border-radius:9px;background:linear-gradient(120deg,#40d8ff,#50f0ff);color:#07253d;font-weight:700;padding:8px 10px;cursor:pointer}button.ghost{background:transparent;border-color:var(--line);color:var(--text)}button.ghost.active{border-color:var(--brand);background:var(--active-bg)}button.danger{border-color:var(--danger-line);color:var(--danger-text)}button:disabled{opacity:.45;cursor:not-allowed}.selected-meta{border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:4px}.trend-box{border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:8px}.scope-chart{background:var(--chart-shell)}.trend-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.trend-head-side{display:inline-flex;gap:8px;align-items:center}.trend-head h3{margin:0;font-size:.95rem}.trend-head span{color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:.78rem}.trend-status-line{min-height:18px}.trend-status-line .hint,.trend-status-line .field-error{margin:0}.trend-chart{width:100%;height:var(--trend-chart-height, 230px);display:block;border-radius:8px;background:linear-gradient(to bottom,#50f0ff14,#50f0ff03),var(--chart-bg)}.trend-chart-layout{display:grid;gap:10px;align-items:start}.trend-chart-layout.side{grid-template-columns:minmax(0,1fr) minmax(240px,300px)}.trend-chart-stage{position:relative;min-width:0}.trend-chart polyline{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.trend-line-shadow{fill:none;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;opacity:.26;transform:translate(1.4px,1.8px)}.trend-line-highlight{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.14;transform:translate(-.8px,-.9px)}.trend-line-main{fill:none;stroke-width:2.9;stroke-linecap:round;stroke-linejoin:round}.trend-line-plain{fill:none;stroke-width:1.1;stroke-linecap:butt;stroke-linejoin:miter;opacity:1}.trend-point-dot{stroke:#08101cbf;stroke-width:.8}.trend-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}.trend-controls label{display:grid;gap:4px;color:var(--muted);font-size:.78rem}.trend-controls label.check-row{display:flex;align-items:center;gap:4px}.trend-controls label.check-row input{min-width:auto}.trend-controls label input,.trend-controls label select{min-width:120px}.chart-settings .hint{margin-bottom:0}.chart-settings .trend-controls{align-items:stretch}.chart-settings .trend-controls label{flex:1 1 180px}.chart-settings .trend-controls label.check-row{flex:0 1 auto}.chart-settings .trend-controls label input,.chart-settings .trend-controls label select{min-width:100%}.forms-panel .trend-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:end}.forms-panel .trend-controls>*{min-width:0}.forms-panel .trend-controls>button,.forms-panel .trend-controls>.calculated-panel,.forms-panel .trend-controls>.hint{grid-column:1 / -1}.forms-panel .trend-controls label{min-width:0}.forms-panel .trend-controls label input,.forms-panel .trend-controls label select{min-width:100%}.forms-panel .trend-controls label.check-row input{min-width:14px;width:14px}.calculated-panel{border:1px solid var(--line);border-radius:8px;padding:8px;display:grid;gap:8px;width:100%}.calculated-list{display:grid;gap:6px;max-height:180px;overflow-y:auto}.calculated-item{border:1px solid var(--line);border-radius:8px;padding:6px;display:grid;gap:6px;background:var(--surface-soft)}.calculated-item-main{display:flex;justify-content:space-between;gap:8px;align-items:center;font-family:IBM Plex Mono,monospace;font-size:.74rem}.calculated-form{align-items:flex-end}.chart-settings .trend-zoom{grid-template-columns:1fr}.chart-settings .trend-zoom button{justify-self:start}.trend-zoom{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:8px;align-items:end}.trend-zoom label{display:grid;gap:4px;color:var(--muted);font-size:.78rem}.trend-zoom input[type=range]{width:100%;accent-color:var(--brand)}.trend-meta{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.78rem;font-family:IBM Plex Mono,monospace}.trend-meta-side{display:grid;gap:4px}.trend-grid-line{stroke:var(--line);stroke-width:.8}.trend-axis-line,.trend-axis-tick{stroke:#8ca2c68c;stroke-width:1}.trend-axis-label{fill:var(--muted);font-family:IBM Plex Mono,monospace;font-size:9px;font-weight:500;letter-spacing:0;pointer-events:none}.trend-average-line{stroke-width:1.2;stroke-dasharray:6 4;opacity:.65}.trend-threshold-line{stroke-width:1;opacity:.4}.trend-threshold-line.high{stroke-dasharray:5 3}.trend-threshold-line.high-high{stroke-dasharray:2 3;opacity:.55}.trend-threshold-line.low{stroke-dasharray:5 3}.trend-threshold-line.low-low{stroke-dasharray:2 3;opacity:.55}.trend-peak-point{stroke:#ffffffbf;stroke-width:1}.trend-low-point{stroke:#09101ce6;stroke-width:1.3}.trend-cursor-line{stroke:var(--brand);stroke-width:1;stroke-dasharray:4 4;opacity:.85}.trend-hover-point{fill:var(--chart-bg);stroke-width:1.8}.trend-hover-info{border:1px solid var(--line);border-radius:8px;padding:7px 8px;display:grid;gap:6px;background:var(--surface-elevated)}.trend-hover-popup{position:absolute;top:8px;transform:translate(-50%);width:min(320px,calc(100% - 12px));z-index:2;pointer-events:none;box-shadow:0 8px 20px #02081252}.trend-hover-side{min-height:100%;align-content:start}.trend-hover-info>span{font-family:IBM Plex Mono,monospace;font-size:.75rem;color:var(--muted)}.trend-hover-info ul{margin:0;padding:0;list-style:none;display:grid;gap:3px;max-height:130px;overflow-y:auto}.trend-hover-info li{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font-size:.75rem;font-family:IBM Plex Mono,monospace}.report-pending-indicator{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:5px 8px;background:var(--surface-soft);color:var(--muted);font-size:.74rem}.report-pending-indicator svg{width:14px;height:14px;color:var(--brand);animation:hourglassPulse 1s ease-in-out infinite}@keyframes hourglassPulse{0%{transform:scale(1);opacity:.7}50%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:.7}}.trend-legend{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-height:150px;overflow-y:auto}.trend-legend-side{max-height:min(360px,42dvh)}.trend-legend li{display:grid;grid-template-columns:1fr;gap:8px;border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-family:IBM Plex Mono,monospace;font-size:.76rem;background:var(--surface-soft)}.trend-legend li.is-hidden{opacity:.45}.trend-legend-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;font:inherit;width:100%;text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:0;cursor:pointer}.trend-legend-item:hover{color:var(--text)}.trend-legend-item strong{font-weight:700}.trend-legend-stats{display:flex;flex-wrap:wrap;gap:6px 10px;color:var(--muted);font-size:.7rem;padding-left:18px}.trend-legend .swatch{width:10px;height:10px;border-radius:99px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:50;padding:12px}.modal-card{width:min(920px,100%);max-height:calc(100vh - 24px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;gap:10px}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.modal-head h3{margin:0;font-size:1rem}.modal-form{display:grid;gap:8px}.command-palette-backdrop{z-index:60}.command-palette-card{width:min(760px,calc(100vw - 24px));max-height:min(78vh,700px);display:grid;gap:8px}.command-palette-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:10px;overflow:auto;max-height:52vh;display:grid;gap:2px}.command-palette-item{width:100%;background:transparent;color:var(--text);border:1px solid transparent;border-radius:8px;padding:8px 10px;display:flex;justify-content:space-between;gap:8px;align-items:center;font-weight:500}.command-palette-item strong{color:var(--muted);font-size:.76rem}.command-palette-item.active{border-color:var(--brand);background:var(--active-bg)}.help-backdrop{z-index:58}.help-card{width:min(980px,calc(100vw - 24px));max-height:min(82vh,860px);display:grid;gap:8px}.help-sections{display:grid;gap:10px;overflow:auto;max-height:62vh;padding-right:2px}.help-section{border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);padding:8px 10px;display:grid;gap:6px}.help-section h4{margin:0;font-size:.9rem}.help-section ul{margin:0;padding-left:18px;display:grid;gap:4px}.help-section li{color:var(--muted);font-size:.8rem;line-height:1.35}.selected-meta span{color:var(--muted)}.inline-form{display:flex;flex-wrap:wrap;gap:8px}.reports-row{margin-bottom:10px}.inline-form input,.inline-form select{min-width:230px;flex:1}.hint{margin:0 0 10px;color:var(--muted);font-size:.82rem}.field-error{margin:0 0 6px;color:var(--danger-text);font-size:.82rem}.file-upload{border:1px solid transparent;border-radius:9px;background:linear-gradient(120deg,#40d8ff,#50f0ff);color:#07253d;font-weight:700;padding:8px 10px;cursor:pointer;display:inline-flex;align-items:center}.file-upload input{display:none}.file-upload.disabled{opacity:.5;pointer-events:none}.check-row{display:flex;align-items:center;justify-content:flex-start;gap:4px;color:var(--muted);font-size:.85rem;text-align:left}.check-row input{width:auto;margin:0;flex:0 0 auto}input[type=checkbox]{width:14px;height:14px;min-width:14px;min-height:14px;padding:0;margin:0;border-radius:3px}.check-row span,.check-row strong{text-align:left}.check-row.compact{border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:var(--field-bg);justify-content:flex-start}.split-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.split-lists.three{grid-template-columns:repeat(3,minmax(0,1fr))}.polling-box{border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.polling-box span{display:block;color:var(--muted);font-size:.78rem}.polling-box strong{font-family:IBM Plex Mono,monospace}.monitor-table-wrap{border:1px solid var(--line);border-radius:10px;padding:10px}.monitor-table-wrap h3{margin:0 0 8px;font-size:.95rem}.monitor-cards-box{border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:10px}.monitor-cards-box h3{margin:0;font-size:.95rem}.monitor-cards-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.monitor-cards-toolbar label{display:grid;gap:4px;color:var(--muted);font-size:.78rem}.monitor-cards-toolbar label input,.monitor-cards-toolbar label select{min-width:86px}.monitor-cards-grid{display:grid;gap:8px}.monitor-card{border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:8px;min-height:120px;background:var(--surface-soft);color:var(--text)}.monitor-card.active{border-color:var(--brand);box-shadow:0 0 0 1px #50f0ff52 inset}.monitor-card-head{display:flex;justify-content:flex-end;gap:8px;align-items:center}.monitor-card-setup-btn{width:26px;height:26px;padding:0}.monitor-card-body{display:grid;gap:4px;font-size:.8rem}.monitor-card-body-top{align-content:start}.monitor-card-body-bottom{align-content:end}.monitor-card-value{font-family:IBM Plex Mono,monospace;line-height:1.15}.monitor-card-editor{border-top:1px solid var(--line);padding-top:8px;display:grid;gap:8px}.monitor-card-editor h4{margin:0;font-size:.88rem}.monitor-card-editor-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.monitor-cards-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:end}.forms-panel .monitor-cards-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.forms-panel .monitor-cards-toolbar>*{min-width:0}.forms-panel .general-settings-side-block .monitor-cards-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.forms-panel .general-settings-side-block.compact-layout .monitor-cards-toolbar{grid-template-columns:1fr}.forms-panel .monitor-cards-toolbar label,.forms-panel .monitor-card-editor-grid label{font-size:.74rem;gap:3px}.forms-panel .monitor-cards-toolbar .report-range-field{position:relative;display:grid;gap:3px;color:var(--muted);font-size:.74rem}.forms-panel .monitor-cards-toolbar .report-range-trigger{justify-content:flex-start;width:100%;min-height:30px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.forms-panel .monitor-cards-toolbar .report-range-popover{position:absolute;z-index:40;top:calc(100% + 4px);left:0;min-width:280px;max-width:340px;border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:8px;display:grid;gap:6px;box-shadow:0 10px 24px #00000040}.forms-panel .monitor-cards-toolbar .report-range-popover label{display:grid;gap:3px}.forms-panel .monitor-settings-side .monitor-cards-toolbar label>span,.forms-panel .monitor-settings-side .monitor-card-editor-grid label>span{color:var(--muted);font-weight:400}.forms-panel .monitor-cards-toolbar>button{grid-column:1 / -1}.forms-panel .monitor-cards-toolbar .notification-preset-row{grid-column:1 / -1;display:grid;gap:4px;color:var(--muted);font-size:.74rem}.forms-panel .monitor-cards-toolbar .notification-preset-row .inline-form{gap:6px}.forms-panel .monitor-card-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.forms-panel .monitor-card-editor-grid>*{min-width:0}.forms-panel .monitor-card-editor-grid label input,.forms-panel .monitor-card-editor-grid label select{min-width:100%}.forms-panel .monitor-cards-toolbar label.check-row,.forms-panel .monitor-card-editor-grid label.check-row{display:flex;align-items:center;justify-content:flex-start;gap:6px;line-height:1.2;padding:5px 8px}.forms-panel .monitor-cards-toolbar label.check-row input,.forms-panel .monitor-card-editor-grid label.check-row input{min-width:14px;width:14px}.mnemo-box{border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:10px}.mnemo-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.mnemo-head h3{margin:0;font-size:.95rem}.mnemo-tabs{display:flex;flex-wrap:wrap;gap:6px}.mnemo-tab-btn{border:1px solid var(--line);border-radius:8px;background:var(--surface-soft);color:var(--text);padding:5px 8px;font-size:.78rem}.mnemo-tab-btn.active{border-color:var(--brand);color:var(--brand)}.mnemo-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:end}.mnemo-layer-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;grid-column:1 / -1}.mnemo-toolbar label{display:grid;gap:4px;color:var(--muted);font-size:.78rem}.mnemo-toolbar label.check-row{display:flex;align-items:center;gap:4px}.mnemo-toolbar label input,.mnemo-toolbar label select{min-width:100%}.mnemo-toolbar>.inline-form,.mnemo-toolbar>.hint{grid-column:1 / -1}.mnemo-toolbar>button{width:100%}.mnemo-settings-grid{display:grid;gap:8px}.mnemo-settings-section{border:1px solid var(--line);border-radius:10px;padding:8px;display:grid;gap:6px;background:color-mix(in oklab,var(--surface-soft) 72%,transparent)}.mnemo-settings-section h5{margin:0;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.forms-panel .mnemo-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:flex-end;gap:6px}.forms-panel .mnemo-toolbar>*{min-width:0}.forms-panel .mnemo-toolbar>label{width:100%}.forms-panel .mnemo-toolbar>button:not(.icon-only-btn){width:100%}.forms-panel .mnemo-toolbar>.icon-only-btn{justify-self:start}.mnemo-category-strip,.mnemo-symbol-strip,.mnemo-action-group{grid-column:1 / -1;flex:1 1 100%;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.mnemo-mode-switch{grid-column:1 / -1;display:inline-flex;align-items:center;gap:4px}.mnemo-category-btn svg{width:18px;height:18px}.mnemo-symbol-icon-btn{width:54px;min-width:54px;height:40px}.mnemo-symbol-icon-btn .mnemo-symbol-svg{width:38px;height:24px;display:block}.mnemo-action-group{padding-top:2px;border-top:1px solid var(--line)}.mnemo-add-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px}.mnemo-square-btn{min-height:72px;display:grid;justify-items:center;align-content:center;gap:4px;padding:6px 4px;text-align:center;background:var(--field-bg)}.mnemo-square-btn svg{width:18px;height:18px}.mnemo-square-btn span{font-size:.68rem;line-height:1.1}.forms-panel .mnemo-toolbar label.check-row input,.forms-panel .mnemo-editor-grid label.check-row input{min-width:14px;width:14px}.color-field-row{display:flex;align-items:center;width:100%}.color-block{position:relative;width:100%;min-height:30px;border-radius:8px;border:1px solid color-mix(in oklab,var(--line) 78%,transparent);padding:6px 9px;font-size:.72rem;font-weight:600;display:flex;align-items:center;line-height:1.1;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden}.color-block input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:0;padding:0;cursor:pointer}.color-block span{pointer-events:none;text-shadow:0 1px 1px rgba(0,0,0,.25);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mnemo-canvas{position:relative;border:1px dashed var(--line);border-radius:10px;overflow:hidden}.mnemo-canvas.work-mode{border-color:transparent}.mnemo-canvas.draw-mode{cursor:crosshair}.mnemo-canvas.select-mode{cursor:default}.mnemo-widget{position:absolute;border:0;padding:0;display:grid;place-items:center;cursor:move;-webkit-user-select:none;user-select:none;overflow:visible;background:transparent}.mnemo-widget.work-mode{border-color:transparent;cursor:default}.mnemo-widget.active{outline:none}.mnemo-widget.active>.mnemo-shape,.mnemo-widget.active>.mnemo-image,.mnemo-widget.active>.mnemo-symbol,.mnemo-widget.active>.mnemo-value,.mnemo-widget.active>.mnemo-monitor{box-shadow:0 0 0 2px color-mix(in oklab,var(--brand) 78%,transparent);border-radius:10px}.mnemo-widget.active>.mnemo-symbol,.mnemo-widget.active>.mnemo-value,.mnemo-widget.active>.mnemo-monitor{filter:drop-shadow(0 0 8px color-mix(in oklab,var(--brand) 40%,transparent))}.mnemo-widget.locked{cursor:not-allowed;opacity:.92}.mnemo-widget-actions{position:absolute;top:4px;right:4px;display:inline-flex;align-items:center;gap:4px;padding:3px;border-radius:8px;border:1px solid var(--line);background:color-mix(in oklab,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5}.mnemo-widget-actions .icon-only-btn{width:24px;min-width:24px;height:24px;padding:0}.mnemo-widget-actions .icon-only-btn svg{width:14px;height:14px}.mnemo-guide-line{position:absolute;pointer-events:none;z-index:999;background:#50f0ffd9}.mnemo-guide-line.vertical{top:0;bottom:0;width:1px}.mnemo-guide-line.horizontal{left:0;right:0;height:1px}.mnemo-selection-rect{position:absolute;border:1px dashed var(--brand);background:color-mix(in oklab,var(--brand) 16%,transparent);pointer-events:none;z-index:998}.mnemo-widget.label,.mnemo-widget.shape{text-align:center;font-weight:600}.mnemo-shape{display:grid;gap:4px;width:100%;height:100%;align-content:center;justify-items:center;text-align:center}.mnemo-shape svg{width:100%;height:calc(100% - 24px);min-height:42px}.mnemo-shape span{font-size:.78em;font-weight:600}.mnemo-symbol{display:grid;gap:4px;width:100%;height:100%;align-content:center;justify-items:center;text-align:center}.mnemo-image{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.mnemo-image img{width:100%;height:100%;display:block}.mnemo-image span{font-size:.78em;color:var(--muted)}.mnemo-symbol svg{width:100%;height:calc(100% - 24px);min-height:42px}.mnemo-symbol span{font-size:.78em;font-weight:600}.mnemo-symbol-svg.is-off{opacity:.6;filter:saturate(.65)}.mnemo-symbol-svg.symbol-fan.is-on .mnemo-symbol-fan-rotor{transform-origin:60px 37px;animation:mnemo-fan-spin 1.2s linear infinite}.mnemo-symbol-svg.symbol-motor.is-on{animation:mnemo-motor-vibe .22s ease-in-out infinite}.mnemo-symbol-svg.symbol-motor.is-on .mnemo-symbol-core{animation:mnemo-motor-core .9s ease-in-out infinite}.mnemo-symbol-svg.symbol-lamp.is-on .mnemo-symbol-bulb{animation:mnemo-lamp-glow 1.25s ease-in-out infinite;filter:drop-shadow(0 0 8px rgba(255,230,120,.7))}@keyframes mnemo-fan-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mnemo-motor-vibe{0%,to{transform:translate(0)}25%{transform:translate(-.7px)}75%{transform:translate(.7px)}}@keyframes mnemo-motor-core{0%,to{opacity:.78}50%{opacity:1}}@keyframes mnemo-lamp-glow{0%,to{opacity:.75}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.mnemo-symbol-svg.symbol-fan.is-on .mnemo-symbol-fan-rotor,.mnemo-symbol-svg.symbol-motor.is-on,.mnemo-symbol-svg.symbol-motor.is-on .mnemo-symbol-core,.mnemo-symbol-svg.symbol-lamp.is-on .mnemo-symbol-bulb{animation:none}}.mnemo-value{display:grid;gap:3px;text-align:center}.mnemo-value strong{font-family:IBM Plex Mono,monospace;font-size:1.3em;line-height:1}.mnemo-value span{font-size:.76em}.mnemo-monitor{width:100%;height:100%;display:grid;justify-items:center;align-content:center;gap:4px;overflow:visible}.mnemo-monitor-inner{width:100%;height:100%;display:grid;justify-items:center;align-content:center;gap:4px;transform-origin:center center}.mnemo-monitor strong{font-family:IBM Plex Mono,monospace;font-size:1.2em;text-align:center}.mnemo-monitor span{font-size:.76em;color:var(--muted)}.mnemo-monitor-ring svg,.mnemo-monitor-dial svg{width:100%;height:calc(100% - 28px);min-height:0;max-height:100%;display:block}.mnemo-monitor-toggle{gap:8px}.mnemo-toggle-track{width:min(160px,88%);height:42px;border-radius:10px;position:relative;border:1px solid var(--line)}.mnemo-toggle-knob{width:46%;height:calc(100% - 6px);border-radius:8px;background:#0a101ce6;position:absolute;top:3px;left:3px;transition:left .14s ease}.mnemo-toggle-knob.is-on{left:calc(54% - 3px)}.mnemo-editor{border-top:1px solid var(--line);padding-top:8px;display:grid;gap:8px}.mnemo-editor h4{margin:0;font-size:.88rem}.mnemo-editor-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.mnemo-editor-grid label{display:grid;gap:4px;font-size:.76rem;color:var(--muted)}.mnemo-editor-grid label.check-row{display:flex;align-items:center;gap:4px}.forms-panel .mnemo-editor-grid .inline-form{grid-column:1 / -1}body.mnemo-dragging,body.mnemo-dragging *{cursor:move!important;-webkit-user-select:none;user-select:none}body.mnemo-drawing,body.mnemo-drawing *{-webkit-user-select:none;user-select:none}.monitor-table{width:100%;border-collapse:collapse;font-family:IBM Plex Mono,monospace;font-size:.77rem}.monitor-table th,.monitor-table td{border-bottom:1px solid var(--line);padding:6px 7px;text-align:left}.monitor-table th{color:var(--muted);font-weight:600}.monitor-table tbody tr:last-child td{border-bottom:none}.event-list{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;max-height:340px;overflow-y:auto}.event-list li{display:flex;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);font-family:IBM Plex Mono,monospace;font-size:.8rem}.event-list li:last-child{border-bottom:0}.event-list strong.active{color:var(--warn)}.event-list strong.done{color:var(--ok)}.edge-ops-box{border:1px solid var(--line);border-radius:10px;padding:8px;display:grid;gap:8px}.edge-side-block .edge-ops-box{margin-top:0}.edge-ops-toolbar{display:grid;grid-template-columns:minmax(220px,2fr) minmax(170px,1fr);gap:8px;align-items:end}.edge-connectivity{border:1px solid var(--line);border-radius:8px;padding:6px 8px;display:grid;gap:2px;background:var(--field-bg)}.edge-connectivity span{color:var(--muted);font-size:.78rem}.edge-connectivity.online strong{color:var(--ok)}.edge-connectivity.degraded strong{color:var(--warn)}.edge-connectivity.offline strong{color:var(--danger)}.edge-counters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.edge-counters div{border:1px solid var(--line);border-radius:8px;padding:6px 8px;display:grid;gap:2px;background:var(--field-bg)}.edge-counters span{color:var(--muted);font-size:.75rem}.edge-counters strong{font-family:IBM Plex Mono,monospace;font-size:.8rem}.edge-command-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.edge-filters-row{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.edge-split-lists .event-list{max-height:210px}.edge-split-lists{grid-template-columns:1fr}@media (max-width: 1200px){.edge-ops-toolbar{grid-template-columns:1fr}.edge-counters{grid-template-columns:repeat(2,minmax(0,1fr))}.edge-filters-row{grid-template-columns:1fr}}@container (max-width: 380px){.forms-panel .trend-controls,.forms-panel .monitor-cards-toolbar,.forms-panel .monitor-card-editor-grid,.forms-panel .mnemo-toolbar,.forms-panel .mnemo-layer-panel,.forms-panel .mnemo-editor-grid{grid-template-columns:1fr}.forms-panel .trend-controls>button,.forms-panel .trend-controls>.calculated-panel,.forms-panel .trend-controls>.hint,.forms-panel .monitor-cards-toolbar>button,.forms-panel .mnemo-toolbar>.inline-form,.forms-panel .mnemo-toolbar>.hint,.forms-panel .mnemo-editor-grid>.inline-form{grid-column:1}}@container (max-width: 560px){.forms-panel .general-settings-side-block .monitor-cards-toolbar{grid-template-columns:1fr}}@media (max-width: 1200px){body{overflow:auto}.app-shell{min-height:100dvh;height:auto;overflow:visible;grid-template-rows:auto auto auto}.main-grid{grid-template-columns:1fr}.main-grid.extended{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"tree" "center" "activity" "side";height:auto}.main-grid.extended.activity-hidden{grid-template-areas:"tree" "center" "side"}.main-grid.extended.no-forms{grid-template-areas:"tree" "center" "activity"}.main-grid.extended.no-forms.activity-hidden{grid-template-areas:"tree" "center"}.panel-splitter{display:none}.stats-grid{grid-template-columns:repeat(3,minmax(90px,1fr))}.control-info-panel{width:100%;flex-wrap:wrap;align-items:stretch}.control-group{width:100%}.control-group-stats{min-width:0}.panel-modes{justify-content:flex-start;flex-wrap:wrap}.tree-panel,.details-panel,.ops-panel,.forms-panel{max-height:none;overflow:visible}.polling-box,.trend-chart-layout.side,.split-lists.three{grid-template-columns:1fr}.forms-panel{position:static;max-height:none;overflow:visible}.monitor-card-editor-grid,.mnemo-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){body{overflow:auto}.app-shell{padding:8px;gap:8px}.topbar{flex-direction:column;align-items:stretch}.topbar h1{font-size:1.12rem}.topbar p{font-size:.74rem}.display-controls{justify-content:flex-start;flex-wrap:wrap;gap:6px}.audio-header-controls input[type=range]{width:72px}.topbar-side{width:100%;flex-direction:column;align-items:stretch;gap:6px}.center-panel-grip-row{justify-content:flex-start}.stats-grid{grid-template-columns:repeat(2,minmax(90px,1fr));width:100%}.stats-grid.compact{grid-template-columns:repeat(2,minmax(90px,1fr))}.panel-modes,.control-actions{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.control-actions .btn-with-icon{white-space:nowrap}.right-panel-reveal-tab{right:4px;padding:8px 5px;border-radius:10px 0 0 10px}.right-panel-reveal-tab span{font-size:.66rem}.left-panel-reveal-tab{left:4px;padding:8px 5px;border-radius:0 10px 10px 0}.left-panel-reveal-tab span{font-size:.66rem}.bottom-panel-reveal-tab{bottom:4px;padding:5px 8px}.bottom-panel-reveal-tab span{font-size:.72rem}.status-transfer-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);display:flex!important;justify-self:end;align-items:center;gap:6px;padding:4px 7px;min-height:26px;white-space:nowrap!important;flex-wrap:nowrap!important;width:max-content;max-width:none}.transfer-indicator{display:inline-flex!important;align-items:center;gap:4px;font-size:.68rem;font-weight:600;color:var(--muted);line-height:1;white-space:nowrap!important;flex:0 0 auto}.transfer-indicator .dot{width:8px;height:8px;border-radius:2px;opacity:.35;transform:scale(1);transition:opacity .12s ease}.transfer-indicator.tx .dot{background:var(--danger)}.transfer-indicator.rx .dot{background:var(--ok)}.transfer-indicator.pulse .dot{opacity:1;animation:transfer-pulse .38s ease-out}@keyframes transfer-pulse{0%{transform:scale(1);box-shadow:0 0 #50f0ff73}65%{transform:scale(1.45);box-shadow:0 0 0 6px transparent}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}.split-lists{grid-template-columns:1fr}.trend-controls{flex-direction:column;align-items:stretch}.trend-controls label input,.trend-controls label select{min-width:100%}.trend-zoom{grid-template-columns:1fr}.mnemo-head{flex-direction:column;align-items:stretch}.monitor-cards-grid,.monitor-card-editor-grid,.mnemo-editor-grid,.forms-panel .general-settings-side-block .monitor-cards-toolbar{grid-template-columns:1fr}.mnemo-toolbar{flex-direction:column;align-items:stretch}.modal-card{max-height:calc(100vh - 12px)}.expanded-panel-exit-btn{right:6px;top:6px;padding:5px 7px;border-radius:9px}.expanded-panel-exit-btn span{font-size:.72rem}}