.bi-section{padding:76px 0;background:#fff}.bi-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}.bi-heading h2{font-size:30px;line-height:1.5;letter-spacing:-.8px;margin:0;font-weight:650}.bi-heading>p{max-width:390px;font-size:13px;line-height:1.9;color:var(--muted);margin:0}.bi-board{--cyan:#4cdaff;--violet:#977bff;position:relative;isolation:isolate;overflow:hidden;color:#dbeaff;background:radial-gradient(ellipse at 50% 28%,#10356b80,transparent 58%),#061329;border:1px solid #25436c;border-radius:10px;padding:24px;box-shadow:0 22px 55px #102b4d20;font-variant-numeric:tabular-nums}.bi-board::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#407ca20a 1px,transparent 1px),linear-gradient(90deg,#407ca20a 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.bi-board::after{content:'';position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);pointer-events:none}.bi-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;border-bottom:1px solid #4d86bd35;padding-bottom:20px}.bi-brand{font-size:10px;letter-spacing:1.6px;color:#7c9fc8}.bi-brand b{display:block;font-size:13px;letter-spacing:2.8px;color:#e2f0ff;margin-bottom:6px}.bi-title{text-align:center}.bi-title h3{font-size:23px;letter-spacing:3px;font-weight:500;margin:0;color:#e5f5ff;text-shadow:0 0 22px #4cdaff50}.bi-title p{font-size:9px;letter-spacing:2px;color:#7ca1d0;margin:7px 0 0}.bi-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px}.bi-control{padding:7px 9px;border:1px solid #456993;background:#112745;color:#bdd5f5;border-radius:4px;font-size:10px;white-space:nowrap}.bi-control:hover{border-color:#5dcaf9;color:#e5f8ff}.bi-live{font-size:9px;color:#6fd5e9;margin-bottom:6px;text-align:right;letter-spacing:.5px}.bi-live::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#62e2cd;box-shadow:0 0 9px #62e2cd;margin-right:5px}.bi-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.bi-kpi{position:relative;min-width:0;padding:16px 18px;border:1px solid #35567c65;border-radius:5px;background:linear-gradient(115deg,#16345b80,#10264525)}.bi-kpi::before{content:'';position:absolute;left:-1px;top:14px;width:2px;height:23px;background:var(--cyan);box-shadow:0 0 12px #4cdaff80}.bi-kpi span{display:block;font-size:10px;color:#8ca9cf;margin-bottom:9px}.bi-kpi strong{font-size:28px;font-weight:500;line-height:1.2;letter-spacing:1px;color:#e0f6ff;text-shadow:0 0 18px #67c9ff30}.bi-kpi small{font-size:10px;color:#88adcf;margin-left:6px}.bi-kpi em{display:block;margin-top:9px;font-size:9px;font-style:normal;color:#4dc6d9}.bi-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.25fr) minmax(0,1fr);gap:16px;align-items:stretch}.bi-stack{display:grid;gap:16px}.bi-panel{min-width:0;border:1px solid #31547b70;border-radius:5px;background:linear-gradient(135deg,#102b4e70,#08172c40);padding:16px;position:relative}.bi-panel::before{content:'';position:absolute;left:-1px;top:-1px;width:18px;height:6px;border-top:2px solid #5fcafa;border-left:2px solid #5fcafa;border-radius:2px 0 0}.bi-panel h4{font-size:11px;font-weight:500;color:#c6e3ff;margin:0 0 16px;letter-spacing:.7px;display:flex;align-items:center;justify-content:space-between;gap:8px}.bi-panel h4 small{font-size:8px;font-weight:400;color:#7394bd;letter-spacing:0}.bi-meter{display:flex;align-items:center;gap:14px}.bi-donut{width:88px;height:88px;flex-shrink:0;position:relative}.bi-donut svg{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 0 4px #4cdaff35)}.bi-donut div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:17px;color:#dff6ff}.bi-donut small{font-size:8px;color:#729ecb;margin-top:4px}.bi-legend{font-size:9px;color:#8badcd;line-height:2}.bi-legend span{display:block;white-space:nowrap}.bi-legend i{display:inline-block;width:5px;height:5px;background:#4cdaff;margin-right:6px}.bi-legend span:nth-child(2) i{background:#977bff}.bi-legend span:nth-child(3) i{background:#314c72}.bi-bars{display:grid;gap:13px}.bi-bar-label{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#a5c2e1;margin-bottom:6px}.bi-bar-track{height:5px;border-radius:2px;background:#17304f}.bi-bar-track i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,#2466e8,#52d6fb);box-shadow:0 0 8px #4cdaff35;transform-origin:left;animation:bi-reveal 1.2s ease both}.bi-scene{display:flex;flex-direction:column;min-height:360px;background:radial-gradient(ellipse at 50% 60%,#123a6550,transparent 70%);padding:16px 12px}.bi-scene-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 4px}.bi-scene-head h4{margin:0}.bi-mode-buttons{display:flex;gap:3px}.bi-mode{font-size:9px;color:#7fa9d5;border:1px solid #35577670;background:#0b1c33;border-radius:3px;padding:5px 7px}.bi-mode[aria-pressed=true]{background:#154066;color:#8ae5ff;border-color:#3c92bb}.bi-scene-visual{margin:auto 0;position:relative}.bi-scene-visual svg{display:block;width:100%;height:auto;overflow:visible}.bi-scene-visual[hidden],.bi-analysis-view[hidden]{display:none}.bi-orbit{transform-origin:360px 223px;animation:bi-orbit 22s linear infinite}.bi-route{stroke-dasharray:5 12;animation:bi-dash 7s linear infinite}.bi-beacon{animation:bi-pulse 2.8s ease-in-out infinite}.bi-beacon:nth-of-type(even){animation-delay:1.2s}.bi-scan{animation:bi-scan 6s ease-in-out infinite}.bi-scene-footer{display:flex;justify-content:center;gap:16px;font-size:8px;color:#699ecb;margin-top:8px}.bi-scene-footer span::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:#52d6fb;margin-right:5px}.bi-analysis-view{margin:auto 0;padding:24px 8px}.bi-analysis-view .bi-chart{height:195px}.bi-analysis-view p{font-size:10px;line-height:1.8;color:#709ac8;margin:15px 0 0}.bi-chart{display:block;width:100%;height:104px;overflow:visible}.bi-chart-line{stroke-dasharray:700;stroke-dashoffset:700;animation:bi-draw 2s ease forwards}.bi-axis{display:flex;justify-content:space-between;font-size:8px;color:#607fa5;margin-top:9px}.bi-ranking{display:grid;gap:13px}.bi-rank{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#9ab9dc}.bi-rank b{font-size:9px;color:#54cfff;font-weight:500;margin-right:6px}.bi-rank em{font-style:normal;color:#ffd19a;font-size:8px;background:#7e4c191f;padding:2px 5px;border:1px solid #7d5c3540;border-radius:2px;white-space:nowrap}.bi-bottom{display:grid;grid-template-columns:1.05fr 1.5fr;gap:16px;margin-top:16px}.bi-columns{height:100px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:8px 4px 0;border-bottom:1px solid #31547b60}.bi-column{flex:1;max-width:24px;height:var(--height);border-radius:2px 2px 0 0;background:linear-gradient(180deg,#4cdaffb0,#2767d54d);position:relative;animation:bi-reveal 1.3s both;transform-origin:bottom}.bi-column:nth-child(3n){background:linear-gradient(180deg,#977bffbb,#505ec94d)}.bi-column::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:#a4eaff}.bi-log-head,.bi-log{display:grid;grid-template-columns:50px minmax(0,1fr) 62px;gap:10px;align-items:center;font-size:9px}.bi-log-head{color:#607fa5;margin:-1px 0 8px}.bi-logs{min-height:110px}.bi-log{padding:7px 0;border-top:1px solid #31547b45;color:#9ab9dc}.bi-log:first-child{animation:bi-log-in .5s ease}.bi-log time{color:#6289b2}.bi-log span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bi-log em{font-style:normal;font-size:8px;color:#72dbc9;text-align:right}.bi-log em.attention{color:#e5b774}.bi-note{display:flex;justify-content:space-between;gap:15px;font-size:9px;line-height:1.7;color:#678cb5;margin-top:16px}.bi-note strong{font-weight:400;color:#86b0dd}.bi-board[data-paused=true] *, .bi-board[data-reduced=true] *{animation-play-state:paused!important}.bi-board:fullscreen{border-radius:0;width:100vw;height:100vh;overflow:auto;display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(18px,3vw,48px);max-width:none}.bi-board:fullscreen .bi-main{min-height:39vh}.bi-board:fullscreen .bi-scene{min-height:42vh}.bi-board:fullscreen .bi-scene-visual{max-width:780px;width:100%;align-self:center}.bi-feedback{font-size:10px;color:#677e9d;margin-top:10px;min-height:16px}.bi-feedback:empty{display:none}
@keyframes bi-orbit{to{transform:rotate(360deg)}}@keyframes bi-dash{to{stroke-dashoffset:-170}}@keyframes bi-pulse{0%,100%{opacity:.4}50%{opacity:1}}@keyframes bi-scan{0%,100%{opacity:0;transform:translateY(20px)}50%{opacity:.5;transform:translateY(-18px)}}@keyframes bi-reveal{from{transform:scaleY(.2);opacity:.3}to{transform:scaleY(1);opacity:1}}@keyframes bi-draw{to{stroke-dashoffset:0}}@keyframes bi-log-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.bi-board{padding:18px}.bi-main{grid-template-columns:minmax(0,1fr) minmax(0,1.85fr) minmax(0,1fr);gap:12px}.bi-panel{padding:12px}.bi-stack{gap:12px}.bi-meter{gap:8px;flex-direction:column}.bi-legend{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.bi-title h3{font-size:20px;letter-spacing:2px}.bi-kpi{padding:14px}.bi-kpi strong{font-size:25px}.bi-scene{min-height:375px}.bi-brand{font-size:8px}.bi-controls{gap:5px}.bi-control{padding:6px 7px;font-size:9px}}
@media(max-width:850px){.bi-top{grid-template-columns:1fr auto}.bi-title{grid-column:1/-1;grid-row:1}.bi-brand{margin-top:8px}.bi-controls{margin-top:8px}.bi-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.bi-scene{grid-column:1/-1;grid-row:1;min-height:340px}.bi-scene-visual{width:100%;max-width:680px;align-self:center}.bi-meter{flex-direction:row;justify-content:center;gap:18px}.bi-legend{display:block}.bi-kpis{gap:10px}.bi-kpi strong{font-size:23px}.bi-bottom{grid-template-columns:1fr;gap:14px}.bi-chart{height:110px}.bi-heading{display:block}.bi-heading>p{margin-top:16px;max-width:600px}}
@media(max-width:600px){.bi-section{padding:56px 0}.bi-heading h2{font-size:25px}.bi-board{padding:15px;border-radius:7px}.bi-title h3{font-size:19px;letter-spacing:1px}.bi-title p{font-size:8px;letter-spacing:1px}.bi-top{gap:9px;padding-bottom:16px}.bi-brand b{font-size:11px}.bi-kpis{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0;gap:9px}.bi-kpi{padding:14px}.bi-kpi strong{font-size:26px}.bi-main{grid-template-columns:1fr;gap:12px}.bi-scene{grid-column:auto;min-height:290px}.bi-scene-head{align-items:flex-start;flex-wrap:wrap;gap:12px}.bi-scene-visual{margin:12px 0}.bi-scene-footer{flex-wrap:wrap;gap:9px;font-size:8px}.bi-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bi-panel{padding:13px;min-width:0}.bi-panel h4{font-size:10px;letter-spacing:0;flex-wrap:wrap;gap:6px;margin-bottom:14px}.bi-meter{flex-direction:column;gap:9px}.bi-legend{display:grid;gap:2px;font-size:8px}.bi-donut{width:84px;height:84px}.bi-bars{gap:15px}.bi-bar-label{font-size:8px}.bi-ranking{gap:12px}.bi-rank{font-size:8px;flex-wrap:wrap;gap:4px}.bi-chart{height:100px}.bi-analysis-view .bi-chart{height:160px}.bi-analysis-view{padding:18px 0}.bi-bottom{margin-top:12px;gap:12px}.bi-bottom .bi-panel{padding:16px}.bi-log-head,.bi-log{grid-template-columns:44px minmax(0,1fr) 50px;gap:7px;font-size:8px}.bi-note{flex-direction:column;gap:5px;font-size:8px}.bi-axis{font-size:7px}.bi-controls{gap:6px}.bi-control{padding:7px 8px}.bi-scene{min-height:270px}}
@media(max-width:350px){.bi-board{padding:12px}.bi-title h3{font-size:17px}.bi-kpi strong{font-size:23px}.bi-kpi{padding:12px}.bi-stack{gap:8px}.bi-panel{padding:10px}.bi-donut{width:74px;height:74px}.bi-scene-head h4{font-size:10px}.bi-control{font-size:8px;padding:6px}.bi-brand{font-size:7px}}
@media(prefers-reduced-motion:reduce){.bi-board *, .bi-board *::before,.bi-board *::after{animation:none!important}.bi-chart-line{stroke-dashoffset:0}}