:root{--color-trumi: #0B7A75}html,body,#root{height:100%;margin:0}body{font-family:Inter,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f5f7}[data-theme=dark] body{background:#0f1214;color-scheme:dark}.brand{display:flex;align-items:center;gap:10px;height:56px;padding:0 20px;font-weight:700;font-size:16px;letter-spacing:.2px}.brand-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--color-trumi);color:#fff;font-size:15px;font-weight:700}.page{padding:24px;max-width:1440px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.page-header h1{margin:0;font-size:22px;font-weight:600}.filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.clickable-row{cursor:pointer}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.media-thumb{width:100%;max-height:220px;object-fit:contain;border-radius:12px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:16px}@media (max-width: 768px){.page{padding:16px}}.viz-root{--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--series-4: #eda100;--series-5: #e87ba4;--series-6: #008300;--series-7: #6250d6;--series-8: #e34948;--viz-bar: var(--color-trumi);--viz-track: rgba(0, 0, 0, .04);--viz-grid: rgba(0, 0, 0, .08);--viz-axis: rgba(0, 0, 0, .25);--viz-text: rgba(0, 0, 0, .88);--viz-muted: rgba(0, 0, 0, .5);--viz-surface: #ffffff}[data-theme=dark] .viz-root{--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--series-6: #008300;--series-7: #9085e9;--series-8: #e66767;--viz-bar: #14a39c;--viz-track: rgba(255, 255, 255, .06);--viz-grid: rgba(255, 255, 255, .1);--viz-axis: rgba(255, 255, 255, .3);--viz-text: rgba(255, 255, 255, .85);--viz-muted: rgba(255, 255, 255, .55);--viz-surface: #1f1f1f}.viz-muted{color:var(--viz-muted);font-weight:400}.viz-suffix{font-size:14px;margin-left:4px}.viz-swatch{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}.viz-legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 12px;padding:0;list-style:none;font-size:12px;color:var(--viz-text)}.viz-legend li,.viz-kpi-label{display:inline-flex;align-items:center;gap:6px}.viz-kpi-label{font-size:12px;color:var(--viz-muted)}.viz-kpi-value{font-size:20px;font-weight:600;margin-top:2px;color:var(--viz-text)}.viz-kpi-value .viz-muted{font-size:12px}.viz-chart{position:relative;width:100%;min-height:260px}.viz-chart svg{display:block;overflow:visible}.viz-grid{stroke:var(--viz-grid);stroke-width:1}.viz-baseline{stroke:var(--viz-axis);stroke-width:1}.viz-axis-text{fill:var(--viz-muted);font-size:11px;font-variant-numeric:tabular-nums}.viz-tooltip{position:absolute;width:180px;pointer-events:none;padding:8px 10px;border-radius:8px;background:var(--viz-surface);color:var(--viz-text);box-shadow:0 6px 16px #00000029;font-size:12px;z-index:2}.viz-tooltip-title{font-weight:600;margin-bottom:4px}.viz-tooltip-row{display:flex;align-items:center;gap:6px;line-height:20px}.viz-tooltip-value{margin-left:auto;font-variant-numeric:tabular-nums}.viz-bars{list-style:none;margin:0;padding:0}.viz-bars li{display:grid;grid-template-columns:minmax(96px,34%) 1fr auto;align-items:center;gap:12px;padding:6px 4px;border-radius:6px;color:var(--viz-text);font-size:13px}.viz-bars li:hover,.viz-bars li:focus-visible{background:var(--viz-track);outline:none}.viz-bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viz-bar-track{display:block;height:10px}.viz-bar-fill{display:block;height:100%;border-radius:0 4px 4px 0;background:var(--viz-bar)}.viz-bar-value{min-width:84px;text-align:right;font-variant-numeric:tabular-nums}.wf-page{padding-bottom:16px}.wf-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.wf-workspace{display:flex;flex-direction:column;gap:16px}.wf-workspace.wf-wide{flex-direction:row;align-items:stretch}.wf-canvas-card{flex:1;min-width:0;height:62vh;min-height:360px;overflow:hidden}.wf-wide .wf-canvas-card{height:calc(100vh - 230px);min-height:460px}.wf-panel{width:400px;flex:0 0 400px;height:calc(100vh - 230px);min-height:460px;display:flex;flex-direction:column}.wf-panel>.ant-card-body{flex:1;overflow:auto}.wf-panel-body{display:flex;flex-direction:column;gap:4px}.wf-field{display:flex;flex-direction:column;gap:4px;margin-top:10px}.wf-field-label{font-size:12px}.wf-condition{margin-bottom:10px}.wf-condition .ant-card-head-title{padding-right:8px}.wf-condition-focus{border-color:var(--color-trumi);box-shadow:0 0 0 2px #0b7a7533}.wf-problem-list{margin:0;padding-left:18px}.wf-problem-list li{margin:2px 0}.wf-step-list{margin:0;padding-left:22px}.wf-row{display:flex;gap:6px;align-items:flex-start;margin-bottom:6px}.wf-row-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.wf-clause{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,1.2fr);gap:4px}.wf-chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.wf-chip{cursor:pointer;margin:0;font-family:var(--font-mono, ui-monospace, monospace)}.wf-reflist{display:flex;flex-direction:column}.wf-yaml textarea,textarea.wf-yaml{font-size:13px;line-height:1.5}.wf-canvas{--wf-node-bg: #ffffff;--wf-node-border: rgba(0, 0, 0, .15);--wf-edge: rgba(0, 0, 0, .3);--wf-attempts: #c27a00;--wf-incoming: #5b6bbf;--wf-active: var(--color-trumi);--wf-dot: rgba(0, 0, 0, .09);position:relative;height:100%}[data-theme=dark] .wf-canvas{--wf-node-bg: #1f2427;--wf-node-border: rgba(255, 255, 255, .18);--wf-edge: rgba(255, 255, 255, .32);--wf-attempts: #e0a030;--wf-incoming: #8f9cf0;--wf-active: #14a39c;--wf-dot: rgba(255, 255, 255, .08)}.wf-canvas-tools{position:absolute;top:10px;right:10px;z-index:2}.wf-scroller{width:100%;height:100%;overflow:auto;cursor:grab;touch-action:pan-x pan-y}.wf-scroller:active{cursor:grabbing}.wf-connecting,.wf-connecting:active{cursor:crosshair}.wf-scroller svg{display:block;-webkit-user-select:none;user-select:none}.wf-dot{fill:var(--wf-dot)}.wf-node{cursor:pointer;outline:none}.wf-node-box{fill:var(--wf-node-bg);stroke:var(--wf-node-border);stroke-width:1}.wf-node:hover .wf-node-box{stroke:var(--wf-active)}.wf-node:focus-visible .wf-node-box{stroke:var(--wf-active);stroke-width:2;stroke-dasharray:4 3}.wf-node-selected .wf-node-box,.wf-node-selected:focus-visible .wf-node-box{stroke:var(--wf-active);stroke-width:2.5;stroke-dasharray:none}.wf-node-final .wf-node-box{stroke-width:2}.wf-node-unreachable{opacity:.55}.wf-node-unreachable .wf-node-box{stroke-dasharray:5 4}.wf-node-title{fill:var(--viz-text);font-size:13px;font-weight:600}.wf-node-sub{fill:var(--viz-muted);font-size:11px}.wf-node-badge{fill:var(--wf-active);font-size:10px;font-weight:600;letter-spacing:.02em}.wf-issue-error{fill:#e34948}.wf-issue-warning{fill:#eda100}.wf-port{cursor:crosshair}.wf-port-hit{fill:transparent}.wf-port-dot{fill:var(--wf-node-bg);stroke:var(--wf-active);stroke-width:2}.wf-port:hover .wf-port-dot{fill:var(--wf-active)}.wf-edge{cursor:pointer}.wf-edge-hit{fill:none;stroke:transparent;stroke-width:12}.wf-edge-line{fill:none;stroke:var(--wf-edge);stroke-width:1.5}.wf-edge-attempts .wf-edge-line{stroke:var(--wf-attempts);stroke-dasharray:5 4}.wf-edge-incoming .wf-edge-line{stroke:var(--wf-incoming);stroke-width:2}.wf-edge-active .wf-edge-line{stroke:var(--wf-active);stroke-width:2.5}.wf-edge:hover .wf-edge-line{stroke-width:2.5}.wf-arrow-edge{fill:var(--wf-edge)}.wf-arrow-attempts{fill:var(--wf-attempts)}.wf-arrow-incoming{fill:var(--wf-incoming)}.wf-arrow-active{fill:var(--wf-active)}.wf-edge-label rect{fill:var(--viz-surface);stroke:var(--wf-node-border)}.wf-edge-label text{fill:var(--viz-text);font-size:11px}.wf-drag-line{stroke:var(--wf-active);stroke-width:2;stroke-dasharray:6 4;pointer-events:none}