:root{--bg: #0c0a09;--surface: #1c1917;--border: #292524;--muted: #78716c;--ink: #fafaf9;--volt: #c0ff70;--danger: #e11d2e;--pending: #e8c36a;--sans: "Geist", ui-sans-serif, system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, monospace;--radius-card: 16px;--radius-pill: 999px}:root{--stage-queued: #94a3b8;--stage-pending_triage: #e8c36a;--stage-pr_open: #00f0ff;--stage-completed: #c0ff70;--stage-failed: #e11d2e;--glow-queued: rgba(148, 163, 184, .4);--glow-pending_triage: rgba(232, 195, 106, .4);--glow-pr_open: rgba(0, 240, 255, .45);--glow-completed: rgba(192, 255, 112, .45);--glow-failed: rgba(225, 29, 46, .45)}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;min-height:100%;background:#050403;color:var(--ink);font-family:var(--sans);overflow:hidden;-webkit-user-select:none;user-select:none}#pipeline-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;display:block;touch-action:none;cursor:grab}#pipeline-canvas:active{cursor:grabbing}.pipeline-wrap{position:relative;z-index:10;width:100vw;height:100vh;padding:20px 28px;display:flex;flex-direction:column;pointer-events:none}.nav,.stage-bar,.hud-panel,.action-btn,.stage-chip,.hud-close-btn,.hud-link-btn,.hud-btn-primary,.hud-btn-secondary{pointer-events:auto}.nav{display:flex;justify-content:space-between;align-items:center;padding:10px 14px 10px 16px;background:color-mix(in srgb,var(--surface) 74%,transparent);border:1px solid var(--border);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);max-width:1440px;margin:0 auto;width:100%}.brand{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;letter-spacing:.01em;color:var(--ink);text-decoration:none}.mark{width:28px;height:28px;border-radius:50%;background:var(--volt);color:var(--bg);display:grid;place-items:center;font-size:11px;font-weight:700;font-family:var(--sans)}.routes{display:flex;align-items:center;gap:6px}.routes a{color:var(--muted);text-decoration:none;font-size:12px;font-family:var(--mono);padding:5px 12px;border-radius:var(--radius-pill);transition:color .15s ease,background .15s ease}.routes a:hover,.routes a.active{color:var(--ink);background:color-mix(in srgb,var(--volt) 14%,transparent)}.routes a.active{border:1px solid color-mix(in srgb,var(--volt) 30%,transparent)}.nav-meta{display:flex;align-items:center;gap:16px;color:var(--muted);font-family:var(--mono);font-size:12px}.live{display:inline-flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.ok{background:var(--volt);box-shadow:0 0 10px var(--volt)}.dot.bad{background:var(--danger);box-shadow:0 0 10px var(--danger)}.summary-pill{font-family:var(--mono);font-size:11px;font-weight:600;padding:3px 8px;background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--ink)}.stage-bar{display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:14px auto 0;width:100%;gap:12px}.stage-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stage-chip{display:inline-flex;align-items:center;gap:8px;background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px 14px;color:var(--muted);font-family:var(--mono);font-size:11px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .18s ease}.stage-chip:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 25%,var(--border));background:color-mix(in srgb,var(--surface) 90%,transparent)}.stage-chip.active{color:var(--ink);border-color:var(--volt);background:color-mix(in srgb,var(--volt) 12%,var(--surface));box-shadow:0 0 12px color-mix(in srgb,var(--volt) 20%,transparent)}.chip-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.chip-dot.dot-all{background:var(--ink)}.chip-dot.dot-queued{background:var(--stage-queued);box-shadow:0 0 6px var(--stage-queued)}.chip-dot.dot-pending_triage{background:var(--stage-pending_triage);box-shadow:0 0 6px var(--stage-pending_triage)}.chip-dot.dot-pr_open{background:var(--stage-pr_open);box-shadow:0 0 6px var(--stage-pr_open)}.chip-dot.dot-completed{background:var(--stage-completed);box-shadow:0 0 6px var(--stage-completed)}.chip-dot.dot-failed{background:var(--stage-failed);box-shadow:0 0 6px var(--stage-failed)}.chip-count{padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--ink) 8%,transparent);font-size:10px}.action-btn{display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--surface) 72%,transparent);border:1px solid var(--border);border-radius:var(--radius-pill);padding:6px 14px;color:var(--muted);font-family:var(--mono);font-size:11px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .15s ease}.action-btn:hover{color:var(--ink);border-color:var(--volt);background:color-mix(in srgb,var(--surface) 90%,transparent)}.pipeline-main{flex:1;position:relative;max-width:1440px;margin:0 auto;width:100%}.interaction-hint{position:absolute;bottom:12px;left:0;display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:color-mix(in srgb,var(--surface) 60%,transparent);border:1px solid var(--border);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted);font-family:var(--mono);font-size:11px;pointer-events:none}.interaction-hint b{color:var(--ink);font-weight:500}.hint-sep{opacity:.4}.hud-panel{position:absolute;top:16px;right:0;width:380px;max-height:calc(100vh - 190px);background:color-mix(in srgb,var(--surface) 82%,transparent);border:1px solid var(--border);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 40px #0009;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .2s ease}.hud-panel.empty{opacity:.85}.hud-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 12px;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.hud-kicker{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.hud-close-btn{background:transparent;border:none;color:var(--muted);font-size:20px;cursor:pointer;padding:0;line-height:1;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;transition:color .15s ease,background .15s ease}.hud-close-btn:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 12%,transparent)}.hud-body{padding:18px;overflow-y:auto}.hud-placeholder{text-align:center;padding:28px 12px;color:var(--muted)}.hud-placeholder-icon{font-size:28px;color:var(--volt);margin-bottom:12px;opacity:.8}.hud-placeholder h3{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--ink)}.hud-placeholder p{margin:0;font-size:13px;line-height:1.5}.hud-lead-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.hud-stage-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--border)}.hud-stage-badge.queued{color:var(--stage-queued);border-color:var(--stage-queued);background:#94a3b81a}.hud-stage-badge.pending_triage{color:var(--stage-pending_triage);border-color:var(--stage-pending_triage);background:#e8c36a1a}.hud-stage-badge.pr_open{color:var(--stage-pr_open);border-color:var(--stage-pr_open);background:#00f0ff1a}.hud-stage-badge.completed{color:var(--stage-completed);border-color:var(--stage-completed);background:#c0ff701a}.hud-stage-badge.failed{color:var(--stage-failed);border-color:var(--stage-failed);background:#e11d2e1a}.hud-escrow-badge{font-family:var(--mono);font-size:10px;padding:4px 8px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--volt) 15%,transparent);border:1px solid color-mix(in srgb,var(--volt) 35%,transparent);color:var(--volt);display:inline-flex;align-items:center;gap:4px}.hud-escrow-badge.unverified{background:color-mix(in srgb,var(--muted) 15%,transparent);border-color:var(--border);color:var(--muted)}.hud-lead-title{margin:0 0 14px;font-size:16px;font-weight:600;line-height:1.35;color:var(--ink)}.hud-payout-hero{background:color-mix(in srgb,var(--surface) 95%,transparent);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:16px}.hud-payout-label{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:4px}.hud-payout-amount{font-size:24px;font-weight:700;font-family:var(--sans);color:var(--volt);letter-spacing:-.03em}.hud-grid{display:grid;grid-template-columns:88px 1fr;gap:8px 12px;font-size:13px;margin-bottom:16px}.hud-grid dt{color:var(--muted);font-family:var(--mono);font-size:11px;padding-top:1px}.hud-grid dd{margin:0;color:var(--ink);word-break:break-word}.hud-actions{display:flex;flex-direction:column;gap:8px;margin-top:6px}.hud-link-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 14px;border-radius:10px;font-size:12px;font-family:var(--mono);font-weight:500;text-decoration:none;cursor:pointer;transition:all .15s ease}.hud-link-btn.primary{background:var(--volt);color:var(--bg);font-weight:600;border:none}.hud-link-btn.primary:hover{background:#d6ff9a;text-decoration:none}.hud-link-btn.secondary{background:color-mix(in srgb,var(--surface) 90%,transparent);border:1px solid var(--border);color:var(--ink)}.hud-link-btn.secondary:hover{border-color:var(--volt);text-decoration:none}.pipeline-tooltip{position:fixed;z-index:200;pointer-events:none;background:color-mix(in srgb,#12100e 92%,transparent);border:1px solid var(--border);border-radius:10px;padding:10px 14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 24px #0000008c;max-width:280px;opacity:0;transform:translate(12px,12px);transition:opacity .12s ease}.pipeline-tooltip.visible{opacity:1}.tooltip-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}.tooltip-badge{font-family:var(--mono);font-size:9px;letter-spacing:.08em;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px}.tooltip-badge.queued{color:var(--stage-queued);background:#94a3b826}.tooltip-badge.pending_triage{color:var(--stage-pending_triage);background:#e8c36a26}.tooltip-badge.pr_open{color:var(--stage-pr_open);background:#00f0ff26}.tooltip-badge.completed{color:var(--stage-completed);background:#c0ff7026}.tooltip-badge.failed{color:var(--stage-failed);background:#e11d2e26}.tooltip-payout{font-family:var(--mono);font-size:11px;font-weight:600;color:var(--volt)}.tooltip-repo{font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:4px}.tooltip-title{font-size:12px;font-weight:500;color:var(--ink);line-height:1.3}.pipeline-footer{display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:auto auto 0;width:100%;color:var(--muted);font-family:var(--mono);font-size:11px;padding-top:10px}.footer-left,.footer-right{display:flex;align-items:center;gap:10px}.footer-sep{opacity:.3}.pulse-indicator{width:6px;height:6px;border-radius:50%;background:var(--volt);display:inline-block;box-shadow:0 0 8px var(--volt);animation:pulse-glow 2.5s infinite ease-in-out}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}#total-pipeline-value{color:var(--volt)}@media(max-width:980px){.pipeline-wrap{padding:16px 20px}.nav{border-radius:var(--radius-card);flex-wrap:wrap;gap:10px}.stage-bar{flex-direction:column;align-items:flex-start}.hud-panel{position:fixed;top:auto;bottom:48px;right:16px;left:16px;width:auto;max-height:50vh}.interaction-hint{display:none}}
