:root{--bg:#0b0f16;--panel:#131926;--panel-2:#1a2233;--border:#263048;--text:#e6e9ef;--text-2:#9aa3b2;--text-3:#6b7484;--up:#f0334b;--down:#0bb07b;--flat:#8a8f99;--accent:#4a9eff;--accent-2:#2b6cb0;--warn:#f5a623;--ok:#0bb07b;--err:#f0334b;--radius:8px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-size:13px;overflow:hidden}.num,td.num,.kpi-value{font-variant-numeric:tabular-nums;font-family:SF Mono,Consolas,Roboto Mono,monospace}.up{color:var(--up)}.down{color:var(--down)}.flat{color:var(--flat)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:12px;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn-sm{padding:4px 10px;font-size:11px}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--accent);background:#4a9eff14}.btn-danger{color:var(--err);background:#f0334b1f;border-color:#f0334b66}.btn-danger:hover{background:#f0334b33}.icon-btn{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:13px;transition:all .15s}.icon-btn:hover{color:var(--accent);background:#4a9eff1a}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.panel-title{font-size:13px;font-weight:700}.panel-sub{color:var(--text-3);margin-left:8px;font-size:11px;font-weight:400}.panel-body{padding:14px 16px}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:14px;display:grid}.kpi-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.kpi-name{color:var(--text-3);font-size:11px}.kpi-value{font-size:20px;font-weight:700}.kpi-sub{color:var(--text-2);font-size:11px}.tbl{border-collapse:collapse;width:100%;font-size:12px}.tbl th{text-align:left;color:var(--text-3);border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:600}.tbl th.no-sort{cursor:default}.tbl td{white-space:nowrap;border-bottom:1px solid #26304880;padding:8px 10px}.tbl tr:hover td{background:#4a9eff0a}.sort-arrow{color:var(--accent);margin-left:3px;font-size:9px}.seg{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;display:inline-flex;overflow:hidden}.seg-item{color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:5px 12px;font-size:11px;transition:all .15s}.seg-item:hover{color:var(--text)}.seg-item.active{color:var(--accent);background:#4a9eff26;font-weight:600}input[type=text],input[type=number],select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;outline:none;padding:7px 10px;font-size:12px;transition:border-color .15s}input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--accent)}.form-row{margin-bottom:14px}.form-row label{color:var(--text-3);margin-bottom:5px;font-size:11px;display:block}.form-row input,.form-row select{width:100%}.switch{width:32px;height:18px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch .sl{background:var(--border);cursor:pointer;border-radius:9px;transition:all .2s;position:absolute;inset:0}.switch .sl:before{content:"";background:var(--text-2);border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.switch input:checked+.sl{background:var(--accent)}.switch input:checked+.sl:before{background:#fff;transform:translate(14px)}.tag{color:var(--accent);background:#4a9eff1f;border-radius:4px;padding:1px 6px;font-size:10px;display:inline-block}.data-badge{cursor:default;border:1px solid;border-radius:10px;padding:2px 8px;font-size:11px}.data-badge.ok{color:var(--ok);border-color:#0bb07b66}.data-badge.warn{color:var(--warn);border-color:#f5a62366}.data-badge.err{color:var(--err);border-color:#f0334b66}.st{border-radius:4px;padding:1px 8px;font-size:11px}.st-ok{color:var(--ok);background:#0bb07b1f}.st-warn{color:var(--warn);background:#f5a6231f}.st-err{color:var(--err);background:#f0334b1f}.bar{background:var(--panel-2);border-radius:2px;height:4px;overflow:hidden}.bar i{background:var(--ok);border-radius:2px;height:100%;transition:width .3s;display:block}.bar.warn i{background:var(--warn)}.bar.err i{background:var(--err)}.timeline{flex-direction:column;gap:2px;display:flex}.tl-item{border-left:2px solid var(--border);margin-left:4px;padding:10px 12px;position:relative}.tl-item:before{content:"";background:var(--border);border-radius:50%;width:8px;height:8px;position:absolute;top:14px;left:-5px}.tl-item.ok:before{background:var(--ok)}.tl-item.warn:before{background:var(--warn)}.tl-item.err:before{background:var(--err)}.tl-time{color:var(--text-3);font-size:10px}.tl-title{margin:2px 0;font-size:12px;font-weight:600}.tl-detail{color:var(--text-2);font-size:11px;line-height:1.5}.stock-name{font-weight:600}.stock-code{color:var(--text-3);margin-left:4px;font-size:10px}.hm-toolbar,.chain-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.toolbar-label{color:var(--text-3);font-size:11px}.spacer{flex:1}.legend-note{color:var(--text-3);font-size:11px}@keyframes flashUp{0%{background:#f0334b40}to{background:0 0}}@keyframes flashDown{0%{background:#0bb07b40}to{background:0 0}}.flash-up{animation:.6s ease-out flashUp}.flash-down{animation:.6s ease-out flashDown}.empty-tip{text-align:center;color:var(--text-3);padding:40px 20px;font-size:12px}.row-ops{opacity:0;gap:2px;transition:opacity .15s;display:inline-flex}tr:hover .row-ops,.wl-card:hover .row-ops{opacity:1}.cron{background:var(--panel-2);border-radius:4px;padding:2px 6px;font-family:SF Mono,Consolas,monospace;font-size:11px}.rule-type{color:var(--accent);background:#4a9eff1a;border-radius:4px;padding:1px 6px;font-size:10px}.wl-groups{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.wl-tab{color:var(--text-2);cursor:pointer;border:1px solid var(--border);background:var(--panel);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .15s;display:inline-flex}.wl-tab:hover{border-color:var(--accent);color:var(--text)}.wl-tab.active{border-color:var(--accent);color:var(--accent);background:#4a9eff1f;font-weight:600}.wl-tab .cnt{background:var(--panel-2);border-radius:8px;padding:1px 5px;font-size:10px}.wl-tab .gear{opacity:0;cursor:pointer;font-size:14px;transition:opacity .15s}.wl-tab:hover .gear{opacity:1}.live-dot{color:var(--ok);align-items:center;gap:4px;font-size:11px;display:inline-flex}.live-dot:before{content:"";background:var(--ok);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.wl-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.wl-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.wl-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:14px;display:flex}.wlc-head{justify-content:space-between;align-items:center;display:flex}.wlc-price{font-size:18px;font-weight:700}.wlc-row{color:var(--text-2);justify-content:space-between;font-size:11px;display:flex}.search-list{flex-direction:column;gap:4px;max-height:400px;margin-top:10px;display:flex;overflow-y:auto}.search-item{border:1px solid var(--border);border-radius:6px;align-items:center;gap:10px;padding:8px 10px;display:flex}.search-item:hover{border-color:var(--accent)}.si-info{flex:1;min-width:0}.si-name{font-size:12px;font-weight:600}.si-sub{color:var(--text-3);font-size:10px}.si-quote{text-align:right;font-size:11px}.check-list{flex-direction:column;gap:8px;display:flex}.check-list label{cursor:pointer;border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.check-list label:hover{border-color:var(--accent)}.cl-sub{color:var(--text-3);margin-left:auto;font-size:10px}.drawer-divider{border:none;border-top:1px solid var(--border);margin:14px 0}.dropdown-menu{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;min-width:160px;padding:8px 12px;font-size:12px;display:flex;box-shadow:0 8px 30px #0006}.dropdown-menu label{cursor:pointer;color:var(--text-2);align-items:center;gap:6px;display:flex}.dropdown-menu label:hover{color:var(--text)}.alert-layout{grid-template-columns:1.4fr 1fr;align-items:start;gap:14px;display:grid}.chain-canvas-wrap{position:relative;overflow:hidden}.chain-cols{z-index:1;grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid;position:relative}.chain-col{flex-direction:column;gap:10px;display:flex}.chain-col-title{color:var(--text-3);text-align:center;border-bottom:1px solid var(--border);letter-spacing:1px;margin-bottom:4px;padding:6px 0;font-size:11px}.chain-node{background:var(--panel-2);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:10px 12px;transition:all .15s;position:relative;overflow:hidden}.chain-node:hover{border-color:var(--accent);transform:translateY(-1px)}.chain-node.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cn-name{justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.cn-chg{font-size:11px;font-weight:700}.cn-meta{color:var(--text-3);gap:12px;margin-top:4px;font-size:10px;display:flex}.cn-bar{height:3px;position:absolute;bottom:0;left:0;right:0}.chain-kpi{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.co-item{border:1px solid var(--border);border-radius:6px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;display:flex}.co-info{flex:1;min-width:0}.co-name{font-size:12px;font-weight:600}.co-sub{color:var(--text-3);margin-top:2px;font-size:10px}.co-kpi{color:var(--text-2);text-align:right;font-size:10px}.cost-layout{grid-template-columns:1.2fr 1fr;gap:14px;display:grid}.sens-block{background:var(--panel-2);border-radius:8px;margin-top:12px;padding:12px}.sens-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sens-scale{color:var(--text-3);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.dirty-bar{color:var(--warn);background:#f5a62314;border:1px solid #f5a6234d;border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:8px 14px;font-size:12px;display:none}.dirty-bar.show{display:flex}.bom-cat td{background:#4a9eff0a;font-weight:700}.bom-item td:first-child{padding-left:24px}.ds-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:14px;display:grid}.ds-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.ds-card.warn{border-color:#f5a62366}.ds-card.err{border-color:#f0334b66}.ds-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ds-name{font-size:13px;font-weight:700}.ds-type{color:var(--text-3);margin-left:6px;font-size:10px}.ds-rows{flex-direction:column;gap:4px;display:flex}.ds-rows .r{color:var(--text-2);justify-content:space-between;font-size:11px;display:flex}.ds-note{color:var(--warn);background:#f5a6230f;border-radius:4px;margin-top:8px;padding:6px 8px;font-size:11px}.ds-note.err{color:var(--err);background:#f0334b0f}.cfg-layout{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.section-gap{margin-bottom:14px}.prio-chain{flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0;display:flex}.prio-node{border:1px solid var(--border);background:var(--panel-2);border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;display:inline-flex}.prio-node.main{border-color:var(--accent);background:#4a9eff14}.prio-arrow{color:var(--text-3);font-size:12px}