.bl-page{--accent-rgb: 168, 85, 247;--bl-border: rgba(148, 163, 184, .18);--bl-panel: rgba(9, 18, 33, .9);--bl-soft: rgba(15, 23, 42, .68)}.bl-main{padding-bottom:42px}.bl-hero{display:flex;justify-content:space-between;gap:18px;margin-top:24px}.bl-hero h1{margin:0;font-size:clamp(2.2rem,5vw,4.2rem);letter-spacing:-.05em}.bl-hero p{margin:8px 0 0;max-width:680px;color:var(--muted)}.bl-icon{min-width:48px;min-height:48px;border:1px solid var(--bl-border);border-radius:16px;background:#0f172ac2;color:var(--text)}.bl-controls{display:grid;grid-template-columns:1fr 1fr .8fr .6fr;gap:12px;margin-top:24px}.bl-seg{display:flex;gap:4px;min-width:0;padding:5px;border:1px solid var(--bl-border);border-radius:16px;background:var(--bl-soft)}.bl-seg button,.bl-refresh{flex:1;min-height:40px;min-width:0;border:0;border-radius:12px;background:transparent;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer}.bl-seg button.on,.bl-refresh:hover{background:#60a5fa2e;color:var(--text)}.bl-refresh{border:1px solid var(--bl-border);background:var(--bl-soft);color:var(--text)}.bl-status,.bl-note{margin-top:14px;padding:13px 16px;border:1px solid var(--bl-border);border-radius:14px;background:#0f172a9e;color:#cbd5e1}.bl-status:before{content:"●";margin-right:8px;color:#5eead4}.bl-summary{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,.7fr));gap:18px;margin-top:18px;padding:24px;border:1px solid rgba(168,85,247,.52);border-radius:22px;background:linear-gradient(135deg,#0f172af0,#111827d1)}.bl-summary span{display:inline-flex;margin-bottom:12px;padding:7px 10px;border-radius:999px;background:#a855f72e;color:#d8b4fe;font-size:.8rem;font-weight:700}.bl-summary h2{margin:0;font-size:1.55rem}.bl-summary p{margin:8px 0 0;color:var(--muted)}.bl-summary strong{padding-left:18px;border-left:1px solid rgba(148,163,184,.16);color:#e9d5ff;line-height:1.6}.bl-chart-card,.bl-section{margin-top:18px;padding:20px;border:1px solid var(--bl-border);border-radius:22px;background:var(--bl-panel);box-shadow:var(--shadow)}.bl-chart-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:12px}.bl-chart-head h2,.bl-section h2{margin:0;font-size:1.35rem}.bl-legend,[data-legend]{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;color:#cbd5e1}.bl-legend span,[data-legend] span{display:inline-flex;align-items:center;gap:7px;font-size:.9rem}.bl-legend span:before,[data-legend] span:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}.bl-chart{width:100%;height:clamp(380px,45vw,560px);border-radius:18px;overflow:hidden;background:#07101d;cursor:crosshair;touch-action:pan-y}.bl-chart svg{display:block;width:100%;height:100%}.bl-chart svg rect[fill="rgba(251,191,36,.08)"]{fill:#fbbf2405;opacity:.55}.bl-chart svg path[stroke-width="4"]{stroke-width:7;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 7px rgba(96,165,250,.38))}.bl-chart svg path[stroke-width="2"]{stroke-width:1.5;opacity:.18}.bl-chart svg polygon{opacity:.28}.bl-inspector{display:grid;grid-template-columns:1.05fr repeat(5,minmax(0,1fr));gap:16px;margin-top:14px;padding:16px;border:1px solid var(--bl-border);border-radius:18px;background:#0f172a9e}.bl-inspector>div{min-width:0;padding-left:14px;border-left:1px solid rgba(148,163,184,.14)}.bl-inspector>div:first-child{padding-left:0;border-left:0}.bl-inspector span{display:block;margin-bottom:8px;color:#9fb0ca;font-size:.82rem}.bl-inspector strong{display:block;overflow-wrap:anywhere}.bl-inspector div:first-child strong{font-size:1.7rem}.bl-inspector small{display:block;margin-top:6px;color:#9fb0ca}.bl-inspector p{display:flex;justify-content:space-between;gap:12px;margin:8px 0 0;color:#cbd5e1}.bl-inspector b{margin-left:auto;color:#eef4ff}.bl-inspector button{margin-top:12px;min-height:36px;padding:0 14px;border:1px solid var(--bl-border);border-radius:10px;background:#60a5fa1f;color:var(--text)}.bl-section h2{margin-bottom:12px}.bl-section>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bl-section button{min-height:58px;padding:12px 14px;border:1px solid var(--bl-border);border-radius:14px;background:#0f172ab8;color:#eef4ff;text-align:left;cursor:pointer}.bl-section p{margin:0;padding:10px 0;border-top:1px solid rgba(148,163,184,.14);color:#cbd5e1}.bl-section p:first-of-type{border-top:0}@media(max-width:1040px){.bl-controls,.bl-summary,.bl-inspector,.bl-section>div{grid-template-columns:1fr 1fr}.bl-chart{height:420px}}@media(max-width:760px){.bl-main{padding-inline:12px;padding-bottom:28px}.bl-hero{align-items:flex-start;margin-top:16px}.bl-hero h1{font-size:clamp(2rem,12vw,3rem)}.bl-hero p{font-size:.95rem}.bl-icon{min-width:42px;min-height:42px}.bl-controls{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.bl-seg,.bl-refresh{border-radius:14px}.bl-seg button,.bl-refresh{min-height:38px;padding-inline:8px;font-size:.88rem}.bl-status,.bl-note{padding:11px 12px;border-radius:13px;font-size:.86rem;line-height:1.45}.bl-summary{grid-template-columns:1fr 1fr;gap:12px;padding:16px;border-radius:18px}.bl-summary>div{grid-column:1 / -1}.bl-summary strong{padding:10px 0 0;border-top:1px solid rgba(148,163,184,.14);border-left:0;font-size:.92rem}.bl-summary strong:nth-of-type(n+4){display:none}.bl-chart-card,.bl-section{padding:14px;border-radius:18px}.bl-chart-head{align-items:flex-start;flex-direction:column;gap:4px}[data-legend]{gap:8px;margin-top:8px}[data-legend] span{font-size:.84rem}[data-legend] span:nth-child(n+3){display:none}.bl-chart{height:330px;border-radius:14px}.bl-inspector{grid-template-columns:1fr 1fr;gap:12px;padding:12px;border-radius:15px}.bl-inspector>div{padding:0;border-left:0}.bl-inspector>div:first-child{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.bl-inspector>div:first-child span,.bl-inspector>div:first-child small{grid-column:1}.bl-inspector div:first-child strong{grid-column:1;font-size:1.6rem}.bl-inspector button{grid-column:2;grid-row:1 / span 3;align-self:center;margin-top:0;white-space:nowrap}.bl-inspector p{display:grid;grid-template-columns:1fr;gap:2px}.bl-inspector b{margin-left:0}.bl-section>div{grid-template-columns:1fr}.bl-section button{min-height:54px;padding:12px}.bl-section button:nth-child(n+3){display:none}.bl-section p{font-size:.9rem;line-height:1.45}}@media(max-width:520px){.bl-controls{grid-template-columns:1fr}.bl-seg{overflow-x:auto;scrollbar-width:none}.bl-seg::-webkit-scrollbar{display:none}.bl-seg button{flex:0 0 auto;min-width:86px}.bl-summary,.bl-inspector{grid-template-columns:1fr}.bl-summary strong:nth-of-type(n+3){display:none}.bl-chart{height:300px}}@media(max-width:380px){.bl-main{padding-inline:8px}.bl-chart-card,.bl-section,.bl-summary{padding:12px}.bl-chart{height:280px}.bl-inspector>div:first-child{display:block}.bl-inspector button{margin-top:10px}}@media(min-width:1200px){.bl-page[data-effective-layout=split] .bl-chart-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.34fr);gap:18px;align-items:start}.bl-page[data-effective-layout=split] .bl-chart-head{grid-column:1 / -1}.bl-page[data-effective-layout=split] .bl-chart{grid-column:1;min-width:0;min-height:clamp(520px,64vh,760px)}.bl-page[data-effective-layout=split] .bl-inspector{grid-column:2;display:grid;grid-template-columns:1fr;gap:12px;margin:0;min-width:0;align-self:stretch}.bl-page[data-effective-layout=split] .bl-inspector>*{min-width:0}.bl-page[data-effective-layout=split] .bl-summary{margin-bottom:18px}}@media(max-width:1199px){.bl-page[data-effective-layout=split] .bl-chart-card{display:block}.bl-page[data-effective-layout=split] .bl-inspector{margin-top:14px}}@media(min-width:1440px){.bl-page[data-effective-layout=split] .bl-chart-card{grid-template-columns:minmax(760px,1fr) minmax(340px,400px)}}@media(min-width:1200px)and (max-width:1439px){.bl-page[data-effective-layout=split] .bl-chart-card{grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:14px}.bl-page[data-effective-layout=split] .bl-chart{min-height:clamp(500px,60vh,700px)}.bl-page[data-effective-layout=split] .bl-inspector{gap:10px}}@media(max-width:640px){.bl-seg[data-group=layout]{width:100%}.bl-seg[data-group=layout] small{flex-basis:100%}}@media(max-width:760px){.bl-chart-card{padding:10px;border-radius:16px}.bl-chart-head{gap:4px;margin-bottom:8px}.bl-chart-head h2{font-size:1.12rem}[data-legend]{gap:6px 10px;margin-top:6px}[data-legend] span{font-size:.78rem}.bl-chart{height:clamp(340px,88vw,420px);border-radius:12px}.bl-chart svg path[stroke-width="4"]{stroke-width:8;filter:drop-shadow(0 0 8px rgba(96,165,250,.42))}.bl-chart svg path[stroke-width="2"]{stroke-width:1.2;opacity:.13}.bl-chart svg rect[fill="rgba(251,191,36,.08)"]{opacity:.34}.bl-chart svg text{font-size:11px;paint-order:stroke;stroke:#07101dc7;stroke-width:3px;stroke-linejoin:round}.bl-inspector{margin-top:10px}}@media(max-width:520px){.bl-chart-card{padding:8px}.bl-chart{height:clamp(330px,92vw,390px)}.bl-chart svg text{font-size:10px;stroke-width:3.5px}.bl-inspector{padding:10px}}@media(max-width:380px){.bl-chart-card{padding:7px}.bl-chart{height:330px;min-height:330px}.bl-chart svg text{font-size:9.5px}}@media(max-width:760px){.bl-chart svg text{font-size:20px;font-weight:750;paint-order:stroke;stroke:#07101de0;stroke-width:5px;stroke-linejoin:round}.bl-chart svg text[fill="#9fb0ca"]{fill:#cbd5e1}}@media(max-width:520px){.bl-chart svg text{font-size:18px;stroke-width:5px}}@media(max-width:380px){.bl-chart svg text{font-size:17px;stroke-width:5.5px}}@media(max-width:760px){.bl-chart svg path[stroke-width="2"]{opacity:.08}.bl-chart svg polygon{opacity:.18}.bl-chart svg line[stroke-dasharray="5 6"]{opacity:.55}}@media(max-width:760px){.bl-chart svg path[stroke-width="2"]{opacity:.04}.bl-chart svg polygon{opacity:.12}.bl-chart svg line[stroke-dasharray="5 6"]{opacity:.38}}@media(max-width:760px){.bl-chart svg text{font-weight:850;stroke-width:7px}.bl-chart svg text[fill="#9fb0ca"]{fill:#e2e8f0}.bl-chart svg path[stroke-width="2"]{opacity:.025}.bl-chart svg polygon{opacity:.08}.bl-chart svg line[stroke-dasharray="5 6"]{opacity:.32}}@media(max-width:520px){.bl-chart svg text{stroke-width:7.5px}}@media(max-width:760px){.bl-chart svg text{stroke-width:6px}}@media(max-width:520px){.bl-chart svg text{stroke-width:6.5px}}.bl-status[data-state]{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center}.bl-status[data-state]:before{grid-row:1 / span 2}.bl-status strong{color:#eef4ff}.bl-status span{color:#cbd5e1}.bl-status small{grid-column:2;color:#9fb0ca;line-height:1.45}.bl-status[data-state=live]:before{color:#5eead4}.bl-status[data-state=partial]:before,.bl-status[data-state=stale]:before{color:#fbbf24}.bl-status[data-state=empty]:before,.bl-status[data-state=demo]:before{color:#94a3b8}.bl-status[data-state=error]:before{color:#f87171}.bl-empty{display:grid;min-height:100%;place-content:center;gap:10px;padding:32px;text-align:center;color:#cbd5e1}.bl-empty strong{color:#eef4ff;font-size:1.2rem}.bl-empty p{margin:0;max-width:460px;color:#9fb0ca}.bl-empty button{justify-self:center;min-height:38px;padding:0 18px;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:#60a5fa24;color:#eef4ff;cursor:pointer}.bl-hero{align-items:flex-start}.bl-hero .bl-icon{display:none}@media(max-width:520px){.bl-status[data-state]{grid-template-columns:auto 1fr;gap:3px 8px}.bl-status small{font-size:.8rem}}