:root,:root[data-theme=dark]{--bg: #14181b;--panel: #1b2024;--panel-2: #1f262b;--line: #2b3338;--line-bright: #3a444a;--ink: #d6dde0;--ink-dim: #8a979d;--ink-faint: #5c686e;--signal: #4caf7e;--amber: #d9a441;--red: #e0707c;--cyan: #56a9c9;--accent: #6ea8c4;--signal-soft: rgba(78, 175, 126, .12);--signal-soft-2: rgba(78, 175, 126, .18);--red-soft: rgba(224, 112, 124, .12);--amber-soft: rgba(217, 164, 65, .12);--cyan-soft: rgba(86, 169, 201, .12);--skip-soft: rgba(140, 151, 157, .12);--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--display: var(--mono);--radius: 6px}:root[data-theme=light]{--bg: #f4f6f8;--panel: #ffffff;--panel-2: #eef1f4;--line: #d9dee3;--line-bright: #c2cad1;--ink: #1d2429;--ink-dim: #5a666e;--ink-faint: #8a969d;--signal: #2e9e64;--amber: #b8862a;--red: #d24757;--cyan: #2f86ab;--accent: #2f7da0;--signal-soft: rgba(46, 158, 100, .14);--signal-soft-2: rgba(46, 158, 100, .22);--red-soft: rgba(210, 71, 87, .13);--amber-soft: rgba(184, 134, 42, .15);--cyan-soft: rgba(47, 134, 171, .14);--skip-soft: rgba(90, 102, 110, .13)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow:hidden}::selection{background:#4eaf7e4d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-bright);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}a{color:var(--accent)}.app{height:100%;display:flex;flex-direction:column;min-height:0}.app>.stage{flex:1}.preview-banner{display:flex;align-items:center;justify-content:center;gap:14px;padding:7px 20px;font-size:12px;color:var(--amber);background:var(--amber-soft);border-bottom:1px solid var(--amber)}.preview-banner b{color:var(--amber);font-weight:700}.topbar{display:flex;align-items:center;gap:18px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--panel)}.brand{font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:.5px;color:var(--ink);white-space:nowrap;text-decoration:none;cursor:pointer}.brand:hover{opacity:.85}.brand b{color:var(--signal);font-weight:700}.flex-sep{flex:1}.host-chip{font-size:12px;color:var(--ink-dim);border:1px solid var(--line);border-radius:var(--radius);padding:5px 10px;display:flex;align-items:center;gap:8px}.host-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--signal)}.clock{font-size:12px;color:var(--ink-dim);min-width:84px;text-align:right}.main{display:grid;grid-template-columns:320px 1fr;min-height:0}.stage{min-height:0;overflow:auto;padding:20px 24px 28px}.statusbar{border-top:1px solid var(--line);padding:7px 20px;display:flex;gap:22px;font-size:12px;color:var(--ink-dim);background:var(--panel)}.statusbar b{color:var(--ink);font-weight:600}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:var(--panel)}.side-head{padding:13px 16px 11px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.side-head .label{font-size:11px;font-weight:600;letter-spacing:.3px;color:var(--ink-dim)}.count-chip{font-size:10px;font-weight:600;color:var(--ink-dim);background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:1px 7px;line-height:1.5}.side-search{padding:10px 14px;border-bottom:1px solid var(--line)}.side-search input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font-family:var(--mono);font-size:13px;padding:7px 9px;outline:none}.side-search input:focus{border-color:var(--line-bright)}.group-list{overflow:auto;flex:1;min-height:0}.group-row{padding:11px 16px;border-bottom:1px solid var(--line);cursor:pointer;display:grid;grid-template-columns:12px 1fr auto;gap:10px;align-items:center;position:relative;transition:background .12s}.group-row:hover,.group-row.active{background:var(--panel-2)}.group-row.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--signal)}.group-row .gname{color:var(--ink);font-size:13px;font-weight:500}.group-row .gmeta{font-size:11px;color:var(--ink-faint);margin-top:2px}.group-row .freq{font-size:11px;color:var(--ink-dim);text-align:right;white-space:nowrap}.state-dot{width:9px;height:9px;border-radius:50%}.state-dot.active{background:var(--signal)}.state-dot.inactive{background:var(--ink-faint)}.btn{font-family:var(--mono);font-size:13px;letter-spacing:.2px;padding:8px 14px;background:var(--panel-2);color:var(--ink);border:1px solid var(--line-bright);border-radius:var(--radius);cursor:pointer;transition:all .12s;white-space:nowrap}.btn:hover:not(:disabled){border-color:var(--ink-faint);background:var(--line)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{border-color:var(--signal);color:var(--signal);background:var(--signal-soft)}.btn.primary:hover:not(:disabled){background:var(--signal-soft-2)}.btn.danger:hover:not(:disabled){border-color:var(--red);color:var(--red)}.btn.tiny{padding:5px 10px;font-size:12px}.stage-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;flex-wrap:wrap}.stage-title{font-family:var(--display);font-size:18px;font-weight:700;letter-spacing:.2px;color:var(--ink)}.stage-sub{font-size:11px;color:var(--ink-dim);margin-top:6px}.stage-head .actions{margin-left:auto;display:flex;gap:10px;align-items:center}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:22px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.metric .num{font-size:26px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}.metric .cap{font-size:10px;letter-spacing:.3px;color:var(--ink-dim);margin-top:8px}.metric.pass .num{color:var(--signal)}.metric.fail .num{color:var(--red)}.metric.timeout .num{color:var(--amber)}.metric.skip .num{color:var(--ink-dim)}.metric.total .num{color:var(--accent)}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin-bottom:20px;overflow:hidden}.panel-head{padding:11px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.panel-head .h{font-size:12px;font-weight:600;letter-spacing:.2px;color:var(--ink-dim)}.pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:10px 14px;border-top:1px solid var(--line);font-size:11px}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10px;letter-spacing:.3px;text-transform:uppercase;color:var(--ink-faint);font-weight:600;padding:9px 14px;border-bottom:1px solid var(--line)}td{padding:10px 14px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover{background:var(--panel-2)}tbody tr.clickable{cursor:pointer}tbody tr.selected{background:var(--panel-2)}.mono-dim{color:var(--ink-dim);font-size:11px}.truncate-id{color:var(--ink-faint);font-size:11px}.ellipsis{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expandable{display:inline-block;max-width:320px;vertical-align:bottom}.expandable[role=button]{cursor:pointer}.expandable[role=button]:hover{color:var(--ink);text-decoration:underline dotted;text-underline-offset:2px}.expandable-open{max-width:320px;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.jobs-log-table{min-width:640px}.jobs-log-table td:nth-child(3){min-width:300px}.jobs-log-table .expandable{max-width:360px}.jobs-log-table .expandable-open{max-width:360px;max-height:6.5em;overflow-y:auto}.jobs-table{table-layout:fixed}.jobs-table th:first-child,.jobs-table td:first-child{width:48px}.jobs-table td.row-actions{display:flex;justify-content:flex-end;white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.2px;padding:2px 9px;border-radius:10px;border:1px solid transparent;font-weight:500}.pill:before{content:"";width:6px;height:6px;border-radius:50%}.pill.pass,.pill.success,.pill.completed{color:var(--signal);background:var(--signal-soft)}.pill.pass:before,.pill.success:before,.pill.completed:before{background:var(--signal)}.pill.fail,.pill.failure{color:var(--red);background:var(--red-soft)}.pill.fail:before,.pill.failure:before{background:var(--red)}.pill.timeout{color:var(--amber);background:var(--amber-soft)}.pill.timeout:before{background:var(--amber)}.pill.skipped{color:var(--ink-dim);background:var(--skip-soft)}.pill.skipped:before{background:var(--ink-dim)}.pill.in_progress,.pill.pending{color:var(--cyan);background:var(--cyan-soft)}.pill.in_progress:before,.pill.pending:before{background:var(--cyan)}.resp-code{font-weight:600;font-variant-numeric:tabular-nums}.resp-code.ok{color:var(--signal)}.resp-code.bad{color:var(--red)}.resp-code.warn{color:var(--amber)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:50;animation:fade .15s ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(720px,92vw);background:var(--panel);border-left:1px solid var(--line);z-index:51;display:flex;flex-direction:column;min-height:0;box-shadow:-16px 0 40px #0000004d;animation:slideIn .18s ease}.drawer-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px}.drawer-head .x{margin-left:auto;cursor:pointer;color:var(--ink-dim);font-size:16px;line-height:1;padding:4px 8px;background:none;border:none;border-radius:var(--radius);font-family:var(--mono)}.drawer-head .x:hover{color:var(--ink);background:var(--panel-2)}.drawer-body{overflow-y:auto;overflow-x:hidden;padding:18px 20px 30px;min-height:0}.drawer-title-wrap{min-width:0;flex:1}.drawer-title-wrap .stage-sub{word-break:break-all}.table-scroll{overflow-x:auto;margin-bottom:8px}.attempt-bar{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1px solid var(--line);background:var(--panel-2)}.attempt-bar-label{font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-faint)}.attempt-tabs{display:flex;flex-wrap:wrap;gap:6px}.attempt-tab{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:11px;color:var(--ink-dim);background:var(--panel);border:1px solid var(--line);border-radius:8px;cursor:pointer}.attempt-tab:hover{border-color:var(--line-bright);color:var(--ink)}.attempt-tab.on{color:var(--ink);border-color:var(--line-bright);background:var(--bg)}.attempt-dot{width:7px;height:7px;border-radius:50%;background:var(--ink-faint)}.attempt-dot.ok{background:var(--signal)}.attempt-dot.bad{background:var(--red)}.attempt-dot.warn{background:var(--amber)}.attempt-dot.pending{background:var(--ink-dim)}.run-tally{display:flex;flex-wrap:wrap;gap:18px;padding:12px 14px;margin-bottom:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-2)}.run-stat-num{font-size:18px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.run-stat-num.ok{color:var(--signal)}.run-stat-num.bad{color:var(--red)}.run-stat-num.warn{color:var(--amber)}.run-stat-cap{font-size:10px;letter-spacing:.3px;text-transform:uppercase;color:var(--ink-faint)}.job-detail{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}.kv{display:grid;grid-template-columns:130px 1fr;gap:6px 14px;margin-bottom:18px}.kv .k{color:var(--ink-faint);font-size:11px}.kv .v{color:var(--ink);font-size:12px;word-break:break-all}.code-block{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;font-size:11.5px;color:var(--ink);white-space:pre-wrap;word-break:break-word;max-height:280px;overflow:auto;line-height:1.6;margin:0}.code-block.err{border-color:#e0707c66;color:var(--red)}.block-label{font-size:11px;font-weight:600;letter-spacing:.2px;color:var(--ink-dim);margin:16px 0 7px}.gate{height:100%;display:grid;place-items:center}.gate-card{width:min(420px,90vw);border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.gate-card .bar-top{height:3px;background:var(--signal)}.gate-inner{padding:30px 30px 26px}.gate h1{font-family:var(--display);font-size:19px;font-weight:700;margin:0 0 6px;letter-spacing:.3px}.gate p{color:var(--ink-dim);font-size:12px;margin:0 0 22px}.field{margin-bottom:16px}.field label{display:block;font-size:11px;font-weight:600;color:var(--ink-dim);margin-bottom:7px}.field input{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font-family:var(--mono);font-size:13px;padding:10px 12px;outline:none}.field input:focus{border-color:var(--signal)}.gate-err{color:var(--red);font-size:11px;margin:-6px 0 14px;min-height:14px}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(480px,92vw);max-height:88vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:10px;z-index:60;box-shadow:0 24px 60px #0006;animation:fade .15s ease}.modal-wide{width:min(1100px,94vw)}.scrim-top{z-index:2000}.modal-top{z-index:2001}.modal-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px}.modal-head .x{margin-left:auto;cursor:pointer;color:var(--ink-dim);font-size:15px;line-height:1;padding:4px 8px;background:none;border:none;border-radius:var(--radius);font-family:var(--mono)}.modal-head .x:hover{color:var(--ink);background:var(--panel-2)}.modal-body{overflow:auto;padding:18px 20px;min-height:0}.modal-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.modal-text{font-size:12.5px;color:var(--ink-dim);line-height:1.6;margin:0 0 16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-select{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font-family:var(--mono);font-size:13px;padding:10px 12px;outline:none}.form-select:focus{border-color:var(--signal)}.checkrow{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--ink-dim);cursor:pointer;margin-top:4px}.checkrow input{accent-color:var(--signal)}.row-actions{display:flex;gap:6px;justify-content:flex-end}.json-area{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font-family:var(--mono);font-size:12px;line-height:1.55;padding:10px 12px;outline:none;resize:vertical}.json-area:focus{border-color:var(--signal)}.section-divider{margin:20px 0 10px;padding-top:16px;border-top:1px solid var(--line);font-family:var(--display);font-size:13px;font-weight:700;letter-spacing:.3px;color:var(--ink)}.kv-rows{display:flex;flex-direction:column;gap:6px}.kv-row{display:flex;gap:6px;align-items:center}.kv-row input{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font-family:var(--mono);font-size:12px;padding:7px 10px;outline:none}.kv-row input:focus{border-color:var(--signal)}.kv-key{flex:0 0 38%}.kv-val{flex:1}.kv-del{background:none;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-dim);cursor:pointer;font-family:var(--mono);font-size:11px;padding:6px 9px}.kv-del:hover{border-color:var(--red);color:var(--red)}.dep-section{padding:14px 16px;border-top:1px solid var(--line)}.dep-section:first-of-type{border-top:none}.dep-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}.dep-add{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.dep-add input,.dep-add .form-select{flex:0 1 auto;width:auto;min-width:160px}.dep-arrow{color:var(--ink-faint);font-family:var(--mono)}.dep-clear-list{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px}.empty{padding:48px 20px;text-align:center;color:var(--ink-faint);font-size:12px}.empty .big{font-family:var(--display);font-size:14px;font-weight:600;color:var(--ink-dim);margin-bottom:10px}.spinner{display:inline-block;width:11px;height:11px;border:2px solid var(--line-bright);border-top-color:var(--signal);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}.toast-wrap{position:fixed;bottom:48px;left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{background:var(--panel-2);border:1px solid var(--line-bright);border-radius:var(--radius);padding:10px 18px;font-size:12px;animation:toastIn .18s ease;box-shadow:0 6px 20px #0000004d}.toast.ok{border-color:#4eaf7e80;color:var(--signal)}.toast.err{border-color:#e0707c80;color:var(--red)}.seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.seg button{background:transparent;border:none;border-right:1px solid var(--line);color:var(--ink-dim);font-family:var(--mono);font-size:11px;padding:6px 12px;cursor:pointer}.seg button:last-child{border-right:none}.seg button.on{background:var(--panel-2);color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}}@keyframes slideIn{0%{transform:translate(24px);opacity:0}}@keyframes toastIn{0%{transform:translateY(8px);opacity:0}}@media (max-width: 880px){.main{grid-template-columns:1fr}.sidebar{display:none}.metrics{grid-template-columns:repeat(2,1fr)}}.topbar-nav{display:flex;gap:8px;margin-right:14px}.topbar-nav .btn.tiny{text-decoration:none}.topbar-nav .btn.tiny.on{background:var(--panel-2);border-color:var(--accent);color:var(--ink)}.users-table-wrap{border:1px solid var(--line);border-radius:8px;overflow-x:auto;background:var(--panel)}.users-table{width:100%;border-collapse:collapse;font-size:13px}.users-table thead th{text-align:left;font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-faint);font-weight:600;padding:10px 16px;border-bottom:1px solid var(--line)}.users-table tbody td{padding:12px 16px;border-bottom:1px solid var(--line);vertical-align:middle}.users-table tbody tr:last-child td{border-bottom:none}.users-table .ta-right{text-align:right}.users-table tr.row-inactive{opacity:.55}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-avatar-blank{display:inline-flex;align-items:center;justify-content:center;background:var(--panel-2);border:1px solid var(--line-bright);color:var(--ink-dim);font-weight:600;font-size:13px}.user-name{color:var(--ink);font-weight:500;display:flex;align-items:center;gap:8px}.pill-admin,.pill-member,.pill-active,.pill-off,.pill-you{padding-left:9px}.pill-admin:before,.pill-member:before,.pill-active:before,.pill-off:before,.pill-you:before{display:none}.pill-admin{color:var(--cyan);background:#56a9c924;border-color:#56a9c94d}.pill-member{color:var(--ink-dim);background:var(--panel-2);border-color:var(--line)}.pill-active{color:var(--signal);background:#4eaf7e1f}.pill-off{color:var(--ink-dim);background:#8c979d1f}.pill-you{color:var(--ink-faint);background:var(--panel-2);font-size:9px;text-transform:uppercase;letter-spacing:.5px}.row-actions{display:inline-flex;gap:8px;align-items:center;justify-content:flex-end}.flow-empty{display:flex;align-items:center;justify-content:center;min-height:80px;border:1px dashed var(--line);border-radius:8px;color:var(--ink-dim)}.flow-root{display:flex;flex-direction:column;min-height:0}.flow-wrap{position:relative;width:100%;flex:1;overflow:hidden;max-height:64vh;padding:4px 2px 2px;cursor:grab;touch-action:none}.flow-wrap-panning{cursor:grabbing}.flow-canvas{position:relative;will-change:transform}.flow-svg{position:absolute;top:0;left:0;pointer-events:none;z-index:1;overflow:visible}.flow-edge{fill:none;stroke-width:1.5;opacity:.85}.flow-edge-prereq{stroke:var(--amber);stroke-dasharray:4 3}.flow-edge-cleanup{stroke:var(--ink-dim);stroke-dasharray:2 3}.flow-arrowhead{fill:var(--ink-dim)}.flow-group-box{position:absolute;z-index:1;border:1px solid var(--line-bright);border-radius:10px;background:#141c24d1;padding:10px 12px 12px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;box-sizing:border-box}.flow-group-box:active{cursor:grabbing;border-color:var(--accent, var(--line-bright))}.flow-group-jobs{display:flex;flex-direction:column;gap:14px;margin-top:12px}.flow-group-jobs .flow-node-job{cursor:inherit}.flow-col-label{position:absolute;z-index:2;pointer-events:none}.flow-lane-title{font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--ink);text-transform:uppercase}.flow-lane-sub{font-size:10px;color:var(--ink-faint);margin:2px 0 0}.flow-node{border:1px solid var(--line);border-radius:8px;background:var(--panel-2);padding:9px 12px;transition:border-color .15s}.flow-node:hover{border-color:var(--line-bright)}.flow-node-abs{position:absolute;z-index:2;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;box-sizing:border-box}.flow-node-abs:hover{border-color:var(--line-bright);z-index:3}.flow-node-abs:active{cursor:grabbing;border-color:var(--accent, var(--line-bright));z-index:4}.flow-node-name{font-family:var(--mono);font-size:12px;color:var(--ink);word-break:break-word}.flow-node-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 6px;margin-top:4px;font-size:10px;color:var(--ink-dim)}.flow-node-meta .mono,.flow-node-meta .mono-dim{min-width:0;overflow-wrap:anywhere;word-break:break-word}.flow-node-prereq{border-left:3px solid var(--amber)}.flow-node-job{border-left:3px solid var(--cyan)}.flow-node-cleanup{border-left:3px solid var(--ink-dim)}.flow-node-inactive{opacity:.55}.flow-node-empty{border-style:dashed;color:var(--ink-faint);text-align:center;font-size:11px}.flow-legend{display:flex;flex-wrap:wrap;gap:16px;flex-shrink:0;margin-top:0;padding:12px 2px 2px;border-top:1px solid var(--line);background:var(--panel);font-size:10px;color:var(--ink-dim)}.flow-legend-item{display:inline-flex;align-items:center;gap:6px}.flow-swatch{width:14px;height:0;border-top-width:2px;border-top-style:solid;display:inline-block}.flow-swatch-prereq{border-top-color:var(--amber);border-top-style:dashed}.flow-swatch-cleanup{border-top-color:var(--ink-dim);border-top-style:dashed}.dep-pill{gap:4px}.dep-pill-group{color:var(--ink-faint);font-size:10px}.brand-mark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);white-space:nowrap;cursor:pointer}.brand-mark:hover{opacity:.85}.brand-mark img{display:block;width:26px;height:26px;border-radius:5px}.brand-mark .brand-word{font-family:var(--display);font-weight:700;letter-spacing:.3px;font-size:16px}.brand-mark .brand-word b{color:var(--signal);font-weight:700}.brand-mark .brand-sub{font-size:11px;color:var(--ink-faint);letter-spacing:.3px}.brand-mark.lg{flex-direction:column;gap:14px}.brand-mark.lg img{width:64px;height:64px;border-radius:12px}.brand-mark.lg .brand-word{font-size:24px}.theme-toggle{background:transparent;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-dim);cursor:pointer;font-size:14px;line-height:1;padding:6px 9px;display:inline-flex;align-items:center;transition:all .12s}.theme-toggle:hover{border-color:var(--ink-faint);color:var(--ink)}.topbar-tools{display:inline-flex;align-items:center;gap:6px}.tool-toggle{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-dim);line-height:1;padding:6px 9px;cursor:pointer;transition:all .12s}.tool-toggle:hover{border-color:var(--ink-faint);color:var(--ink)}.tool-toggle[aria-pressed=true]{border-color:var(--accent);color:var(--ink);background:var(--panel-2)}[data-tip]{position:relative}[data-tip]:after,[data-tip]:before{position:absolute;top:calc(100% + 9px);left:50%;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease;transform:translate(-50%) translateY(-3px);z-index:200}[data-tip]:after{content:attr(data-tip);white-space:nowrap;font-family:var(--mono);font-size:11.5px;letter-spacing:.2px;color:var(--ink);background:var(--panel-2);border:1px solid var(--line-bright);border-radius:7px;padding:6px 10px;box-shadow:0 8px 22px #00000059}[data-tip]:before{content:"";top:calc(100% + 5px);width:8px;height:8px;background:var(--panel-2);border-left:1px solid var(--line-bright);border-top:1px solid var(--line-bright);transform:translate(-50%) translateY(-3px) rotate(45deg);border-radius:1px}[data-tip]:hover:after,[data-tip]:hover:before,[data-tip]:focus-visible:after,[data-tip]:focus-visible:before{opacity:1;transform:translate(-50%) translateY(0)}[data-tip]:hover:before,[data-tip]:focus-visible:before{transform:translate(-50%) translateY(0) rotate(45deg)}[data-tip].tip-right:after,[data-tip].tip-right:before{left:auto;right:0;transform:translateY(-3px)}[data-tip].tip-right:before{right:10px}[data-tip].tip-right:hover:after,[data-tip].tip-right:focus-visible:after{transform:translateY(0)}@media (prefers-reduced-motion: reduce){[data-tip]:after,[data-tip]:before{transition:opacity .12s ease}}.page{max-width:1180px;margin:0 auto}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px;flex-wrap:wrap}.page-title{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:.2px;color:var(--ink)}.page-sub{font-size:13px;color:var(--ink-dim);margin-top:6px}.page-head .actions{margin-left:auto;display:flex;gap:10px;align-items:center}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-dim);text-decoration:none;margin-bottom:14px}.back-link:hover{color:var(--ink)}.home{max-width:1180px;margin:0 auto}.home-hero{position:relative;display:flex;align-items:center;gap:22px;padding:34px 30px;border:1px solid var(--line);border-radius:12px;background:var(--panel);margin-bottom:26px}.home-hero img{width:84px;height:84px;border-radius:16px;flex-shrink:0}.home-hero h1{font-family:var(--display);font-size:26px;font-weight:700;margin:0 0 6px;letter-spacing:.3px}.home-hero p{margin:0;color:var(--ink-dim);font-size:14px;max-width:560px}.live-badge{position:absolute;top:18px;right:20px;display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:600;letter-spacing:1px;color:var(--signal)}.radar{position:relative;width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center}.radar-dot{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 6px var(--signal);z-index:1}.radar-ring{position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;border:1.5px solid var(--signal);transform:translate(-50%,-50%) scale(1);opacity:.7;animation:radar-pulse 2s ease-out infinite}.radar-ring:nth-child(2){animation-delay:1s}@keyframes radar-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.7}to{transform:translate(-50%,-50%) scale(3.4);opacity:0}}@media (prefers-reduced-motion: reduce){.radar-ring{animation:none;opacity:0}}.home-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;margin-bottom:22px}.home-stat{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:16px 18px;text-align:left}.home-stat.as-link{font-family:var(--mono);cursor:pointer;transition:border-color .12s,transform .12s}.home-stat.as-link:hover{border-color:var(--line-bright);transform:translateY(-2px)}.hs-num{font-size:28px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}.hs-cap{font-size:11px;letter-spacing:.3px;color:var(--ink-dim);margin-top:8px;text-transform:uppercase}.svc-be-ink{color:var(--signal)}.svc-ai-ink{color:var(--cyan)}.svc-is-ink{color:var(--accent)}.svc-rails_be-ink{color:var(--amber)}.home-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start}.home-cards{display:flex;flex-direction:column;gap:14px}.home-card{display:flex;align-items:flex-start;gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:var(--panel);text-decoration:none;color:var(--ink);transition:border-color .12s,transform .12s}.home-card:hover{border-color:var(--line-bright);transform:translateY(-2px)}.home-card .hc-ic{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:9px;background:var(--panel-2);border:1px solid var(--line);color:var(--accent);flex-shrink:0}.home-card h3{margin:0 0 5px;font-size:15px;font-weight:600}.home-card p{margin:0;font-size:12.5px;color:var(--ink-dim)}.home-recent .panel-head .h{display:inline-flex;align-items:center;gap:7px}.recent-row{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:background .12s}.recent-row:last-child{border-bottom:none}.recent-row:hover{background:var(--panel-2)}.recent-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-time{font-size:11px;color:var(--ink-dim);white-space:nowrap}@media (max-width: 760px){.home-grid{grid-template-columns:1fr}}.fleet-strip{display:flex;align-items:stretch;gap:0;border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:18px;overflow:hidden}.fleet-metric{display:flex;flex-direction:column;justify-content:center;padding:14px 20px;border-right:1px solid var(--line);min-width:92px}.fm-num{font-size:24px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}.fm-cap{font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-faint);margin-top:7px}.fleet-dist{flex:1;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:14px 20px;min-width:0}.fleet-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--panel-2);gap:2px}.fleet-seg{min-width:4px;border-radius:2px;transition:flex-grow .3s ease}.fleet-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:var(--ink-dim)}.fleet-leg{display:inline-flex;align-items:center;gap:6px}.fleet-swatch{width:9px;height:9px;border-radius:2px}.groups-filterbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.groups-search-wrap{flex:1;min-width:220px;position:relative;display:flex;align-items:center}.groups-search-ic{position:absolute;left:11px;color:var(--ink-faint);pointer-events:none}.groups-search{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font-family:var(--mono);font-size:14px;padding:10px 12px 10px 34px;outline:none}.groups-search:focus{border-color:var(--line-bright)}.groups-search-wrap:focus-within .groups-search-ic{color:var(--ink-dim)}.facet{display:inline-flex;flex-wrap:wrap;gap:6px}.facet-chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:12px;padding:7px 12px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--ink-dim);cursor:pointer;transition:all .12s}.facet-chip:hover{border-color:var(--line-bright);color:var(--ink)}.facet-chip.on{border-color:var(--accent);color:var(--ink);background:var(--panel-2)}.facet-n{font-size:10px;font-variant-numeric:tabular-nums;color:var(--ink-faint);background:var(--panel-2);border-radius:8px;padding:0 6px;line-height:1.6}.facet-chip.on .facet-n{color:var(--ink-dim);background:var(--bg)}.svc-pill{display:inline-flex;align-items:center;font-size:10.5px;font-weight:600;letter-spacing:.4px;padding:2px 8px;border-radius:6px;border:1px solid transparent;white-space:nowrap}.svc-pill.svc-unknown{color:var(--ink-faint);border-color:var(--line)}.channel-list{border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.channel{position:relative;display:grid;grid-template-columns:9px minmax(0,1fr) 96px 132px 116px;gap:18px;align-items:center;padding:15px 20px 15px 18px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .12s,transform .12s}.channel:last-child{border-bottom:none}.channel:hover{background:var(--panel-2)}.channel:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.channel-off{opacity:.6}.channel-rail{position:absolute;left:0;top:0;bottom:0;width:3px;opacity:.55;transition:opacity .12s}.channel:hover .channel-rail{opacity:1}.channel-id{min-width:0}.ch-name{font-size:15px;font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-meta{font-size:12px;color:var(--ink-faint);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-svc{justify-self:start}.channel-cadence{display:flex;align-items:center;gap:9px}.cadence-bar{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.cadence-tick{width:3px;height:100%;border-radius:1px;background:var(--line-bright);opacity:.45}.cadence-tick.on{opacity:1}.cadence-tick:nth-child(1){height:45%}.cadence-tick:nth-child(2){height:62%}.cadence-tick:nth-child(3){height:80%}.cadence-tick:nth-child(4){height:70%}.cadence-tick:nth-child(5){height:90%}.cadence-label{font-size:12px;color:var(--ink-dim);font-variant-numeric:tabular-nums;min-width:34px}.channel-last{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.cl-cap{font-size:9px;letter-spacing:.3px;text-transform:uppercase;color:var(--ink-faint)}.cl-val{font-size:11px;color:var(--ink-dim);white-space:nowrap;margin-top:2px}@media (max-width: 820px){.channel{grid-template-columns:9px minmax(0,1fr) auto}.channel-cadence,.channel-last{display:none}}@media (prefers-reduced-motion: reduce){.channel,.channel-rail,.fleet-seg{transition:none}}.tour-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000}.tour-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000009e;animation:fade .18s ease}.tour-spotlight{position:absolute;border-radius:10px;box-shadow:0 0 0 9999px #0000009e,0 0 0 2px var(--accent),0 0 24px 2px color-mix(in srgb,var(--accent) 55%,transparent);transition:top .32s cubic-bezier(.4,0,.2,1),left .32s cubic-bezier(.4,0,.2,1),width .32s cubic-bezier(.4,0,.2,1),height .32s cubic-bezier(.4,0,.2,1);pointer-events:none}.tour-tip{position:absolute;background:var(--panel);border:1px solid var(--line-bright);border-radius:10px;padding:16px 18px 14px;box-shadow:0 18px 44px #0006;animation:tourPop .18s ease;outline:none}.tour-tip-center{top:50%;left:50%;transform:translate(-50%,-50%);width:min(420px,92vw);text-align:left}.tour-tip-step{font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-faint);font-variant-numeric:tabular-nums;margin-bottom:8px}.tour-tip-title{font-family:var(--display);font-size:16px;font-weight:700;color:var(--ink);margin-bottom:7px}.tour-tip-body{margin:0 0 16px;font-size:13px;line-height:1.55;color:var(--ink-dim)}.tour-tip-actions{display:flex;align-items:center;gap:8px}.tour-skip{background:none;border:none;color:var(--ink-faint);font-family:var(--mono);font-size:12px;cursor:pointer;padding:6px 2px}.tour-skip:hover{color:var(--ink-dim)}.btn.tiny.primary{border-color:var(--signal);color:var(--signal);background:var(--signal-soft)}.btn.tiny.primary:hover:not(:disabled){background:var(--signal-soft-2)}.tour-launch{background:transparent;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink-dim);cursor:pointer;line-height:1;padding:6px 9px;display:inline-flex;align-items:center;transition:all .12s}.tour-launch:hover{border-color:var(--ink-faint);color:var(--ink)}@keyframes tourPop{0%{opacity:0;transform:translateY(4px)}}.tour-tip-center{animation:fade .18s ease}@media (prefers-reduced-motion: reduce){.tour-spotlight,.tour-tip{transition:none;animation:none}}.notfound{position:relative;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 220px);padding:40px 20px;overflow:hidden}.notfound-particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.notfound-card{position:relative;z-index:1;width:min(620px,100%);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 50px #00000059;overflow:hidden}.notfound-bar{display:flex;align-items:center;gap:7px;padding:9px 12px;background:var(--panel-2);border-bottom:1px solid var(--line)}.notfound-dot{width:11px;height:11px;border-radius:50%;background:var(--line-bright)}.notfound-dot:nth-child(1){background:var(--red)}.notfound-dot:nth-child(2){background:var(--amber)}.notfound-dot:nth-child(3){background:var(--signal)}.notfound-bar-title{margin-left:8px;font-size:12px;color:var(--ink-faint);letter-spacing:.02em}.notfound-body{padding:22px 22px 24px;font-family:var(--mono)}.notfound-line{font-size:13px;line-height:1.6;margin:0;word-break:break-all}.notfound-prompt{color:var(--signal)}.notfound-sep{color:var(--ink-dim)}.notfound-path{color:var(--cyan)}.notfound-cmd{color:var(--ink)}.notfound-err{margin:6px 0 0;font-size:13px;color:var(--red);word-break:break-all}.notfound-code{margin:18px 0 4px;font-size:56px;font-weight:700;letter-spacing:.08em;color:var(--ink);text-shadow:0 0 18px var(--cyan-soft)}.notfound-msg{margin:0 0 18px;max-width:46ch;font-size:13px;line-height:1.65;color:var(--ink-dim)}.notfound-caret{display:inline-block;width:8px;height:16px;margin-left:1px;vertical-align:text-bottom;background:var(--signal)}.notfound-blink .notfound-caret{animation:nf-blink 1.05s steps(1) infinite}@keyframes nf-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.notfound-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}@media (prefers-reduced-motion: reduce){.notfound-blink .notfound-caret{animation:none}}