.blacklight{display:flex;flex-direction:column;gap:12px}.bl-chain,.bl-static{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 0;padding:10px 0}.bl-item{display:flex;align-items:center}.bl-link{width:22px;height:2px;margin:0 4px;background:var(--border);position:relative;overflow:hidden}.bl-link.lit{background:var(--cyan)}.bl-link.lit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,#fff,transparent);animation:bl-flow 1.2s linear infinite}@keyframes bl-flow{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bl-node{border:1px solid var(--border);border-radius:10px;background:var(--bg-panel-2);padding:8px 10px;text-align:center;min-width:84px;transition:all .4s ease;opacity:.45}.bl-node-label{font-size:13px;font-weight:600}.bl-node-sub{font-size:11px;color:var(--text-dim);margin-top:3px}.bl-node.done{opacity:1;border-color:#22d3ee80}.bl-node.active{opacity:1;border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 16px #22d3ee73;transform:scale(1.05)}.bl-desc{font-size:13px;color:var(--text-dim);line-height:1.6;min-height:40px}.bl-controls{flex-wrap:wrap}.pipeline{width:100%;height:100%;display:block}.pl-gate{stroke:#5e86c42e;stroke-dasharray:2 6}.pl-stage-label{fill:#7286ad;font-size:12px;letter-spacing:2px}.pl-seller{fill:#7286ad;font-size:13px;cursor:pointer}.pl-seller-online{fill:#a8ccf7}.pl-seller-online:hover{fill:var(--cyan)}.pl-seller-selected{fill:#fbbf24}.pl-offline{opacity:.75}.pl-star{animation:pl-twinkle 3.2s ease-in-out infinite}@keyframes pl-twinkle{0%,to{opacity:.1}50%{opacity:.5}}.pl-flow{animation:pl-dash 5.5s linear infinite}@keyframes pl-dash{to{stroke-dashoffset:-170}}.pl-node{transform-box:fill-box;transform-origin:center;animation:pl-flash 5.5s linear infinite}.pl-offline .pl-node,.pl-node[style]{animation-name:pl-flash}@keyframes pl-flash{0%{transform:scale(1.65);opacity:1}12%{transform:scale(1)}to{transform:scale(1)}}.pl-ceo-halo{animation:pl-ceo-pulse 2.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes pl-ceo-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.12);opacity:1}}.pl-ceo-ring{animation:pl-ceo-spin 12s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes pl-ceo-spin{to{transform:rotate(360deg)}}.pl-ceo-text{fill:#3ddc97;font-size:11px;font-weight:700;letter-spacing:2px}.hp-grid{display:grid;grid-template-columns:22% 1fr 26%;gap:12px}.panel-title{margin:0 0 10px;font-size:14px}.dept-card{display:block;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel-2);padding:12px;margin-bottom:10px;color:var(--text)}.dept-enabled{cursor:pointer;animation:hp-breathe 2.4s ease-in-out infinite}.dept-enabled:hover{border-color:var(--cyan)}.dept-disabled{opacity:.55;cursor:not-allowed}.dept-meta{margin-top:6px}.dept-enter{margin-top:8px;display:inline-block;border-color:var(--cyan);color:var(--cyan)}@keyframes hp-breathe{0%,to{box-shadow:0 0 #22d3ee4d}50%{box-shadow:0 0 14px 3px #22d3ee4d}}.hp-center{display:flex;flex-direction:column}.hp-scene{position:relative;flex:1;min-height:540px;border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at 70% 45%,#101c36 0%,var(--bg) 70%)}.hp-scene-card{position:absolute;left:12px;bottom:12px;z-index:10;width:300px;background:#0d1526e0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#fbbf2480}.scene-card-link{margin-top:8px;display:inline-block}.hp-scene-flow{position:absolute;left:12px;right:12px;bottom:12px;z-index:9;max-height:260px;overflow:auto;background:#0d1526e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kpi-value{font-size:26px;font-weight:700}.kpi-red{color:var(--red)}.kpi-amber{color:var(--amber)}.kpi-cyan{color:var(--cyan)}.kpi-label{font-size:12px;color:var(--text-dim);margin-top:2px}.perf-title{margin-top:16px}.progress-track{height:8px;border-radius:999px;background:var(--bg-panel-2);border:1px solid var(--border);overflow:hidden;flex:1}.progress-fill{height:100%;background:linear-gradient(90deg,var(--cyan),var(--green))}.perf-amounts{margin-top:6px;font-size:12px}.dept-enter-link{margin-top:14px;display:inline-block;border-color:var(--cyan);color:var(--cyan)}.last-update{margin-top:12px;font-size:12px}.hp-footer{margin-top:12px}.hp-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.footer-line{padding:3px 0;display:flex;gap:8px;align-items:center}.block-badge{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;margin-bottom:8px}.block-badge-stale,.block-badge-partial{color:var(--amber);border:1px solid var(--amber)}.block-badge-unavailable{color:var(--red);border:1px solid var(--red)}.block-unavailable{padding:18px 0}.block-code{font-size:11px;margin-top:4px}@media (max-width: 900px){.hp-grid{grid-template-columns:1fr}.hp-center{min-height:auto}.hp-scene{min-height:420px}.hp-footer-grid{grid-template-columns:1fr}}.dept-enabled{border-color:#22d3ee99}.hp-kpi-extra{margin-top:16px;grid-template-columns:repeat(3,1fr)}.hp-health{margin-top:18px}.hp-health-line{display:flex;align-items:center;gap:6px;padding:5px 0;border-bottom:1px solid rgba(45,105,180,.2);font-size:12px}.hp-health-name{font-size:12px}:root{--bg: #0b1220;--bg-panel: #111a2e;--bg-panel-2: #16223c;--border: #233457;--text: #dbe6ff;--text-dim: #8ba0c9;--cyan: #22d3ee;--green: #34d399;--amber: #fbbf24;--red: #f87171;--radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:14px}a{color:var(--cyan);text-decoration:none}.spacer{flex:1}.muted{color:var(--text-dim)}.btn{background:var(--bg-panel-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 14px;cursor:pointer;font-size:13px}.btn:hover{border-color:var(--cyan);color:var(--cyan)}.btn:disabled{opacity:.4;cursor:not-allowed}.topbar{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-panel);position:sticky;top:0;z-index:50}.topbar-title{font-size:17px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.health-ok .dot{background:var(--green);box-shadow:0 0 6px var(--green)}.health-stale .dot,.health-partial .dot{background:var(--amber);box-shadow:0 0 6px var(--amber)}.health-unavailable .dot{background:var(--red);box-shadow:0 0 6px var(--red)}.page-main{padding:16px}.placeholder-title{font-size:20px;color:var(--text-dim);font-weight:500}.skeleton-block{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:48px;text-align:center;color:var(--text-dim)}.error-banner{background:#f871711f;border:1px solid var(--red);border-radius:var(--radius);padding:14px;display:flex;gap:12px;align-items:center}.tag{display:inline-block;padding:1px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border);color:var(--text-dim)}.tag-ok{color:var(--green);border-color:var(--green)}.tag-warn{color:var(--amber);border-color:var(--amber)}.tag-bad{color:var(--red);border-color:var(--red)}.tag-info{color:var(--cyan);border-color:var(--cyan)}.tags{display:flex;gap:6px;flex-wrap:wrap}.table{width:100%;border-collapse:collapse;font-size:13px;margin-top:12px}.table th,.table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.table th{color:var(--text-dim);font-weight:500;font-size:12px}.row-click{cursor:pointer}.row-click:hover td{background:#22d3ee0d}.empty-hint{color:var(--text-dim);text-align:center;padding:48px 0}.filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.input{background:var(--bg-panel-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:7px 12px;font-size:13px}.input:focus{outline:none;border-color:var(--cyan)}.check{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--text-dim);cursor:pointer}.pagination{display:flex;align-items:center;gap:14px;margin-top:14px}.is-refreshing{opacity:.65;pointer-events:none}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.panel h3{margin:0 0 10px;font-size:14px}.row{display:flex;gap:10px;align-items:center}.header-row{flex-wrap:wrap;margin-bottom:12px}.customer-name{margin:0;font-size:18px}.segment{margin-bottom:12px}.segment-count{font-weight:400;font-size:12px;margin-left:6px}.field-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 16px}.field-item .f-label{font-size:12px;color:var(--text-dim)}.field-item .f-value{font-size:13px;margin-top:2px;word-break:break-all;display:block}.f-value.pending{color:var(--amber)}.projection-note{font-size:12px;margin-top:8px}@media (max-width: 900px){.field-grid{grid-template-columns:1fr 1fr}}.reports-layout{display:grid;grid-template-columns:320px 1fr;gap:12px}.report-item{display:block;width:100%;text-align:left;background:var(--bg-panel-2);border:1px solid var(--border);border-radius:8px;padding:10px;margin-top:8px;cursor:pointer;color:var(--text)}.report-item-active{border-color:var(--cyan)}.report-item-meta{font-size:12px;margin-top:4px}.report-title{margin:0;font-size:17px}.version-row{margin:10px 0;flex-wrap:wrap}.btn-active{border-color:var(--cyan);color:var(--cyan)}.markdown-body{line-height:1.8;margin-top:12px}.markdown-body h1{font-size:20px}.markdown-body h2{font-size:16px;margin-top:18px}.report-side{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-value{font-size:20px;font-weight:700}.metric-label{font-size:11px;color:var(--text-dim);word-break:break-all}.gap-item{color:var(--amber);background:var(--bg-panel-2);border:1px solid var(--border);border-radius:8px;padding:8px;margin-bottom:6px}.source-item{background:var(--bg-panel-2);border:1px solid var(--border);border-radius:8px;padding:8px;margin-bottom:6px}.source-meta{font-size:12px;margin-top:4px}@media (max-width: 1100px){.report-side{grid-template-columns:1fr}}@media (max-width: 900px){.reports-layout{grid-template-columns:1fr}}.grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.trend-chart{width:100%;height:260px}.scroll-x{overflow-x:auto}.num-red{color:var(--red)}.num-amber{color:var(--amber)}@media (max-width: 900px){.grid-2col{grid-template-columns:1fr}}.kpi-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.stage-row{margin-bottom:8px}.stage-label{width:72px;flex-shrink:0}.fact-note{font-size:12px;margin-top:10px}@media (max-width: 900px){.kpi-grid-4{grid-template-columns:1fr 1fr}}body{background:radial-gradient(ellipse 900px 500px at 85% -10%,rgba(52,211,153,.06),transparent),radial-gradient(ellipse 1000px 600px at 10% 110%,rgba(34,211,238,.05),transparent),var(--bg)}.topbar{background:#111a2eb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(34,211,238,.18);box-shadow:0 1px 24px #00000059}.panel{background:linear-gradient(150deg,#16223cd9,#0d1526eb);border:1px solid rgba(56,96,158,.35);box-shadow:inset 0 1px #8ba0c914,0 10px 30px #02061273}.panel-title{color:#a9c3ee;letter-spacing:2px;font-size:12px}.kpi-value{font-size:30px;background:linear-gradient(180deg,#fff,#9fd8ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 22px rgba(34,211,238,.25)}.kpi-red,.kpi-amber,.kpi-cyan{-webkit-text-fill-color:currentColor;background:none}.kpi-red{text-shadow:0 0 18px rgba(248,113,113,.4)}.kpi-amber{text-shadow:0 0 18px rgba(251,191,36,.4)}.kpi-cyan{text-shadow:0 0 18px rgba(34,211,238,.45)}.btn{transition:all .2s ease}.btn:hover{box-shadow:0 0 12px #22d3ee40}.dept-card{transition:all .25s ease}.dept-enabled:hover{transform:translateY(-2px);box-shadow:0 8px 24px #22d3ee2e}.progress-fill{box-shadow:0 0 10px #34d39999}.hp-scene{border:1px solid rgba(34,211,238,.12);box-shadow:inset 0 0 60px #060a18cc}.footer-line a:hover{text-shadow:0 0 10px rgba(34,211,238,.6)}body{background:radial-gradient(ellipse 1100px 600px at 78% -12%,rgba(52,211,153,.07),transparent),radial-gradient(ellipse 1200px 700px at 8% 112%,rgba(34,211,238,.06),transparent),repeating-linear-gradient(0deg,rgba(42,63,107,.14) 0 1px,transparent 1px 44px),repeating-linear-gradient(90deg,rgba(42,63,107,.14) 0 1px,transparent 1px 44px),#070d1a}.topbar{background:#090f1ed1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(34,211,238,.25);box-shadow:0 2px 28px #00000080,inset 0 -1px #22d3ee1f}.topbar-title{letter-spacing:2px;background:linear-gradient(90deg,#e8f4ff,#67e8f9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 24px rgba(34,211,238,.3)}.panel{position:relative;background:linear-gradient(160deg,#121d36c7,#090f1ee6);border:1px solid rgba(56,96,158,.4);box-shadow:inset 0 1px #8ba0c912,0 12px 32px #02061280}.panel:before,.panel:after{content:"";position:absolute;width:16px;height:16px;pointer-events:none}.panel:before{top:-1px;left:-1px;border-top:2px solid rgba(34,211,238,.55);border-left:2px solid rgba(34,211,238,.55);border-top-left-radius:8px}.panel:after{bottom:-1px;right:-1px;border-bottom:2px solid rgba(34,211,238,.35);border-right:2px solid rgba(34,211,238,.35);border-bottom-right-radius:8px}.panel-title{color:#9fc0f2;letter-spacing:3px;font-size:12px;display:flex;align-items:center;gap:8px}.panel-title:before{content:"";width:3px;height:12px;border-radius:2px;background:linear-gradient(180deg,var(--cyan),transparent);box-shadow:0 0 8px #22d3ee99}.dept-card{border-left:3px solid transparent}.dept-enabled{border-left-color:var(--cyan)}.dept-enabled:hover{transform:translateY(-2px);box-shadow:0 10px 26px #22d3ee38}.kpi-value{font-size:32px}.hp-scene{border:1px solid rgba(34,211,238,.14);box-shadow:inset 0 0 80px #040814d9}.hp-footer-grid>div:not(:last-child){border-right:1px solid rgba(56,96,158,.3);padding-right:12px}.progress-track{background:#090f1ee6}.table th,.tag{letter-spacing:1px}@media (max-width: 900px){.hp-footer-grid>div:not(:last-child){border-right:none}}.topbar{justify-content:space-between}.topbar-left{flex:1}.topbar-center{text-align:center}.topbar-title-wrap{display:flex;align-items:center;gap:18px;justify-content:center}.topbar-deco{display:inline-block;width:120px;height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.7));position:relative}.topbar-deco:after{content:"◆";position:absolute;right:-4px;top:-7px;color:var(--cyan);font-size:8px;text-shadow:0 0 8px var(--cyan)}.topbar-deco.flip{transform:scaleX(-1)}.topbar-subtitle{font-size:10px;letter-spacing:6px;color:var(--text-dim);margin-top:2px;text-transform:uppercase}.topbar-right{flex:1;display:flex;align-items:center;gap:16px;justify-content:flex-end;font-size:13px}@media (max-width: 900px){.topbar{flex-wrap:wrap}.topbar-left{display:none}.topbar-deco{width:40px}.topbar-right{flex-wrap:wrap;justify-content:center}}.page-band{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:10px 14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}.kpi-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}