:root{--bg:#f7f6f4;--surface:#fff;--border:#e6e3de;--divider:#f0ede9;--divider-soft:#f5f3f0;--thead:#fbfaf8;--field-border:#dcd8d2;--text:#1a1a18;--text-2:#3a3833;--muted:#6b6862;--faint:#9a968f;--accent:#b26a00;--accent-soft:#fffcf5;--accent-line:#f0e6d0;--ok:#128a4d;--ok-bg:#eaf6ef;--ok-text:#0f6e3f;--warn:#b45309;--warn-bg:#fdf8ec;--warn-text:#8a5a0b;--bad:#c0392b;--bad-bg:#fdf2f0;--bad-text:#a8342a;--idle:#c7c3bc;--sidebar:#17181a;--sidebar-text:#e8e6e2;--sidebar-dim:#c7c9cc;--sidebar-faint:#7a7e84;--sidebar-line:#26282b;--sidebar-fill:#2e3033;--segment-bg:#f2f0ec;--group-active:#efede9;--mono:"Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.6 -apple-system,BlinkMacSystemFont,Noto Sans SC,PingFang SC,sans-serif}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.faint{color:var(--faint)}.shell{grid-template-columns:240px 1fr;height:100%;display:grid;overflow:hidden}.sidebar{background:var(--sidebar);color:var(--sidebar-text);flex-direction:column;padding:20px 12px 16px;display:flex}.brand{flex-direction:column;gap:3px;padding:0 12px 20px;display:flex}.brand-name{letter-spacing:.01em;font-size:15px;font-weight:600}.brand-sub{color:var(--sidebar-faint);font-size:12px}.nav{flex-direction:column;gap:2px;display:flex}.nav-link{height:36px;color:var(--sidebar-dim);border-radius:7px;align-items:center;gap:10px;padding:0 12px;font-size:14px;text-decoration:none;display:flex}.nav-link:hover{color:var(--sidebar-text);background:#1f2124}.nav-link.active,.nav-link.active:hover{background:var(--accent);color:#fff;font-weight:500}.nav-icon{text-align:center;flex:none;width:16px}.nav-label{flex:1}.nav-count{color:var(--sidebar-faint);font-size:12px}.nav-link.active .nav-count{color:#fff;opacity:.85}.nav-pill{background:var(--bad);color:#fff;border-radius:9px;padding:1px 6px;font-size:12px}.nav-link.active .nav-pill{background:#00000040}.sidebar-foot{border-top:1px solid var(--sidebar-line);align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.avatar{background:var(--sidebar-fill);border-radius:14px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.who{flex-direction:column;flex:1;min-width:0;display:flex}.who-name{text-overflow:ellipsis;font-size:13px;overflow:hidden}.who-role{color:var(--sidebar-faint);font-size:11px}.logout{font:inherit;color:var(--sidebar-faint);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.logout:hover{color:var(--sidebar-text)}.main{flex-direction:column;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--border);background:var(--surface);flex:none;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 32px;display:flex}.topbar h1{margin:0;font-size:19px;font-weight:600}.topbar-left,.topbar-right{align-items:center;gap:10px;display:flex}.content{flex-direction:column;flex:1;gap:20px;padding:24px 32px;display:flex;overflow:auto}.split{flex:1;display:flex;overflow:hidden}.split-main{flex-direction:column;flex:1;gap:16px;padding:24px 24px 24px 32px;display:flex;overflow:auto}.stats{gap:16px;display:flex}.stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;flex:1;gap:6px;padding:16px 18px;display:flex}.stat-label{color:var(--muted);font-size:12px}.stat-line{align-items:baseline;gap:6px;display:flex}.stat-value{font-size:28px;font-weight:600;font-family:var(--mono);font-variant-numeric:tabular-nums;line-height:1.1}.stat-note{color:var(--muted);font-size:13px}.stat-note.bad{color:var(--bad)}.stat-note.warn{color:var(--warn)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.panel-pad{padding:18px 20px}table{border-collapse:collapse;table-layout:fixed;width:100%}thead th{background:var(--thead);border-bottom:1px solid var(--border);height:40px;color:var(--muted);text-align:left;white-space:nowrap;padding:0 8px;font-size:12px;font-weight:500}tbody td{border-bottom:1px solid var(--divider);vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;height:62px;padding:0 8px;font-size:13px;overflow:hidden}table.dense tbody td{height:56px}thead th:first-child,tbody td:first-child{padding-left:18px}thead th:last-child,tbody td:last-child{padding-right:18px}th.right,td.right{text-align:right}tbody tr:last-child td{border-bottom:none}tbody tr.attention td{background:var(--accent-soft)}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover td{background:var(--thead)}tbody tr.selected td,tbody tr.selected.clickable:hover td{background:#fff9ec}tbody tr.selected td:first-child{box-shadow:inset 3px 0 0 var(--accent)}.cell-stack{flex-direction:column;gap:2px;line-height:1.35;display:flex}.cell-title{font-size:14px;font-weight:500}.cell-sub{color:var(--faint);font-size:12px}.cell-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.dot{background:var(--idle);border-radius:4px;flex:none;width:7px;height:7px;display:inline-block}.dot.on{background:var(--ok)}.state{align-items:center;gap:7px;display:inline-flex}.state.off{color:var(--muted)}.tag{background:var(--divider);color:var(--muted);white-space:nowrap;border-radius:6px;padding:3px 9px;font-size:12px;display:inline-block}.tag.ok{background:var(--ok-bg);color:var(--ok-text)}.tag.warn{background:var(--warn-bg);color:var(--warn-text)}.tag.bad{background:var(--bad-bg);color:var(--bad-text)}.pill{background:var(--divider);color:var(--muted);border-radius:7px;align-items:center;gap:7px;padding:5px 11px;font-size:13px;display:inline-flex}.pill.ok{background:var(--ok-bg);color:var(--ok-text)}.pill.warn{background:var(--warn-bg);color:var(--warn-text)}button,.btn{font:inherit;border:1px solid var(--field-border);background:var(--surface);height:34px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:7px;align-items:center;gap:8px;padding:0 13px;font-size:13px;text-decoration:none;display:inline-flex}.btn:hover,button:hover:not(:disabled){border-color:var(--faint)}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:#9c5d00;border-color:#9c5d00}button.small{height:26px;padding:0 10px;font-size:12px}button.small.primary{padding:0 11px;font-weight:600}button.plain{color:var(--accent);background:0 0;border-color:#0000;padding:0 4px}button.plain.danger{color:var(--bad)}button.plain:hover:not(:disabled){border-color:#0000;text-decoration:underline}button.pending{color:var(--faint);border-style:dashed}button.dots{color:var(--faint);background:0 0;border-color:#0000;height:26px;padding:0 4px;font-size:15px}input,select,textarea{font:inherit;border:1px solid var(--field-border);background:var(--surface);height:36px;color:var(--text);border-radius:7px;width:100%;padding:0 12px;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}textarea{height:auto;min-height:88px;font-family:var(--mono);color:var(--text-2);padding:10px 12px;font-size:13px;line-height:1.6}input[type=file]{height:auto;padding:8px 12px;font-size:13px}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--faint) 50%), linear-gradient(135deg, var(--faint) 50%, transparent 50%);background-position:calc(100% - 15px) 16px,calc(100% - 11px) 16px;background-repeat:no-repeat;background-size:4px 4px,4px 4px;padding-right:28px}select.compact{background-position:calc(100% - 15px) 14px,calc(100% - 11px) 14px;width:auto;height:32px;font-size:13px}select.inline{background-position:calc(100% - 14px) 11px,calc(100% - 10px) 11px;border-radius:6px;width:auto;height:26px;padding:0 26px 0 9px;font-size:12px}.search{width:200px;position:relative}.search input{height:34px;padding-left:30px;font-size:13px}.search:before{content:"⌕";color:var(--faint);pointer-events:none;line-height:34px;position:absolute;top:0;left:11px}.segment{background:var(--segment-bg);border-radius:7px;gap:4px;padding:2px;display:flex}.segment button{height:auto;color:var(--muted);background:0 0;border:0;border-radius:5px;padding:5px 11px;font-size:12px}.segment button:hover:not(:disabled){color:var(--text);border-color:#0000}.segment button.on{background:var(--surface);color:var(--text);font-weight:600}.segment button.alert{color:var(--bad)}.menu-anchor{display:inline-flex;position:relative}.menu{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;min-width:150px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 30px #0000001f}.menu button{text-align:left;background:0 0;border:0;border-radius:6px;justify-content:flex-start;height:32px;padding:0 10px;font-size:13px}.menu button:hover:not(:disabled){background:var(--thead);border-color:#0000}.menu button.danger{color:var(--bad)}.banner{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:10px;align-items:center;gap:16px;padding:16px 20px;display:flex}.banner-text{flex-direction:column;flex:1;gap:4px;display:flex}.banner-title{font-size:14px;font-weight:600}.banner-sub{color:var(--muted);font-size:13px}.notice{background:var(--divider);color:var(--muted);border-radius:8px;padding:10px 14px;font-size:13px}.notice.bad{background:var(--bad-bg);color:var(--bad-text)}.notice.ok{background:var(--ok-bg);color:var(--ok-text)}.hint{color:var(--muted);font-size:13px;line-height:1.6}.blank{flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.blank-body{flex-direction:column;align-items:flex-start;gap:16px;width:420px;display:flex}.blank-title{font-size:17px;font-weight:600}.blank-lead{color:var(--muted);font-size:14px;line-height:1.6}.steps{flex-direction:column;gap:10px;width:100%;display:flex}.step{align-items:flex-start;gap:12px;display:flex}.step-no{background:var(--group-active);border-radius:11px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;font-weight:600;display:flex}.step-text{font-size:14px;line-height:1.5}.loading{text-align:center;color:var(--faint);padding:48px 0;font-size:13px}.backdrop{z-index:50;background:#1a1a1873;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:12px;flex-direction:column;gap:16px;width:min(480px,100%);max-height:100%;padding:24px;display:flex;overflow:auto;box-shadow:0 12px 40px #00000040}.modal-head{flex-direction:column;gap:5px;display:flex}.modal-title{font-size:17px;font-weight:600}.modal-sub{color:var(--muted);font-size:13px}.modal-actions{align-items:center;gap:10px;display:flex}.token-box{background:var(--thead);border:1px solid var(--border);font-family:var(--mono);word-break:break-all;color:var(--text-2);-webkit-user-select:all;user-select:all;border-radius:8px;padding:14px;font-size:13px;line-height:1.7}.drawer{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex:none;width:480px;display:flex;overflow:hidden}.drawer-head{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:12px;height:56px;padding:0 24px;display:flex}.drawer-title{flex:1;font-size:15px;font-weight:600}.drawer-body{flex-direction:column;flex:1;gap:18px;padding:20px 24px;display:flex;overflow:auto}.drawer-foot{border-top:1px solid var(--border);flex:none;align-items:center;gap:10px;height:64px;padding:0 24px;display:flex}.close{color:var(--faint);background:0 0;border:0;height:auto;padding:4px;font-size:15px}.close:hover{color:var(--text);border-color:#0000}.block{flex-direction:column;gap:7px;display:flex}.block-label{color:var(--muted);font-size:12px}.quote{background:var(--thead);border:1px solid var(--divider);white-space:pre-wrap;word-break:break-word;border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.6}.quote.sent{background:var(--accent-soft);border-color:var(--accent-line);font-family:var(--mono);letter-spacing:.04em}.facts{grid-template-columns:1fr 1fr;gap:14px 20px;display:grid}.fact{flex-direction:column;gap:3px;display:flex}.fact-label{color:var(--muted);font-size:12px}.fact-value{font-size:14px}.readout{border-bottom:1px solid var(--divider);align-items:flex-start;gap:28px;padding:18px 20px;display:flex}.readout-item{flex-direction:column;gap:6px;display:flex}.readout-item.push{margin-left:auto}.readout-label{color:var(--muted);font-size:12px}.readout-value{font-size:17px;font-weight:600}.readout-value.dim{color:var(--muted)}.readout-unit{color:var(--muted);font-size:13px;font-weight:400}.readout-freq{font-size:32px;line-height:1;font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:500}.readout-freq .readout-unit{font-size:14px}.meters{flex-wrap:wrap;align-items:center;gap:18px;padding:16px 20px;display:flex}.meter{align-items:center;gap:8px;display:flex}.meter-bars{gap:3px;display:flex}.meter-bar{background:var(--border);border-radius:2px;width:13px;height:12px}.meter-bar.on{background:var(--accent)}.metric{color:var(--muted);white-space:nowrap;font-size:13px}.metric b{color:var(--text);font-weight:400}.stamp{color:var(--faint);white-space:nowrap;margin-left:auto;font-size:12px}.card-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.card-title{font-size:14px;font-weight:600}.card-note{color:var(--muted);font-size:12px}.chips{flex-wrap:wrap;gap:8px;display:flex}.raw{background:var(--surface);border:1px solid var(--border);border-radius:10px;overflow:hidden}.raw-head{align-items:center;gap:10px;padding:14px 20px;display:flex}.raw-head-label{color:var(--muted);flex:1;font-size:13px}.raw-rev{color:var(--faint);font-size:12px;font-family:var(--mono)}.raw pre{font-family:var(--mono);color:var(--text-2);white-space:pre-wrap;word-break:break-word;margin:0;padding:0 20px 18px;font-size:12px;line-height:1.7}.stream-pane{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;flex:none;width:392px;display:flex;overflow:hidden}.stream-head{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:10px;height:52px;padding:0 20px;display:flex}.stream-head-label{flex:1;font-size:14px;font-weight:600}.stream{font-family:var(--mono);flex:1;font-size:12px;overflow:auto}.stream-row{border-bottom:1px solid var(--divider-soft);gap:10px;padding:9px 20px;display:flex}.stream-at{color:var(--faint);flex:none;width:56px}.stream-kind{flex:none;width:64px}.stream-body{min-width:0;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.stream-row.state .stream-kind{color:var(--ok-text)}.stream-row.res .stream-kind{color:var(--accent)}.stream-row.res{background:var(--accent-soft)}.stream-row.event .stream-kind{color:var(--text)}.stream-row.error{background:var(--bad-bg)}.stream-row.error .stream-kind{color:var(--bad)}.stream-foot{border-top:1px solid var(--border);height:44px;color:var(--muted);flex:none;align-items:center;gap:10px;padding:0 20px;font-size:12px;display:flex}.stream-foot span{flex:1}.group-nav{flex-direction:column;flex:none;gap:2px;width:180px;padding:24px 0 24px 32px;display:flex;overflow:auto}.group-nav button{height:auto;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:7px;justify-content:flex-start;padding:7px 12px;font-size:13px}.group-nav button:hover:not(:disabled){color:var(--text);border-color:#0000}.group-nav button.on{background:var(--group-active);color:var(--text);font-weight:600}.group-intro{flex-direction:column;gap:3px;display:flex}.group-title{font-size:15px;font-weight:600}.group-hint{color:var(--muted);font-size:13px}.setting-row{border-bottom:1px solid var(--divider);align-items:flex-start;gap:24px;padding:16px 20px;display:flex}.setting-row:last-child{border-bottom:none}.setting-row.changed{background:var(--accent-soft)}.setting-name{flex:none;width:180px;padding-top:7px;font-size:14px;font-weight:500}.setting-control{flex-direction:column;flex:1;gap:6px;max-width:420px;display:flex}.setting-row.changed input,.setting-row.changed select,.setting-row.changed textarea{border-color:var(--accent)}.setting-note{color:var(--muted);font-size:12px}.setting-note.changed{color:var(--warn)}.field-mono{font-family:var(--mono)}.login-page{background:var(--sidebar);height:100%;color:var(--sidebar-text);justify-content:center;align-items:center;display:flex}.login-form{flex-direction:column;gap:20px;width:340px;display:flex}.login-brand{flex-direction:column;gap:5px;display:flex}.login-brand-name{letter-spacing:.01em;font-size:20px;font-weight:600}.login-brand-sub{color:#8a8e93;font-size:13px}.login-fields{flex-direction:column;gap:12px;display:flex}.login-field{flex-direction:column;gap:6px;display:flex}.login-field span{color:#a8acb2;font-size:13px}.login-field input{height:38px;color:var(--sidebar-text);background:#1f2124;border:1px solid #33363a;border-radius:8px}.login-field input:focus{border-color:var(--accent)}.login-form button{border-radius:8px;justify-content:center;height:40px}.login-foot{color:var(--sidebar-faint);font-size:12px;line-height:1.6}.login-error{color:#e88a7d;font-size:13px}