.bb-dashboard-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}
.bb-dashboard-chart-grid>.area-dashboard-chart{min-width:0;margin:0!important}
.bb-dashboard-chart-grid>.area-dashboard-chart:only-child{grid-column:1/-1}
.bb-chart-bars{display:grid;gap:15px;margin-top:18px}
.bb-chart-bar-row{display:grid;gap:7px}.bb-chart-bar-row>div{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.bb-chart-bar-row b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}.bb-chart-bar-row strong{font-size:.82rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.bb-chart-bar-track{height:12px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--border) 65%,transparent)}.bb-chart-bar-track i{display:block;width:var(--bb-chart-width);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--bb-chart-color),color-mix(in srgb,var(--bb-chart-color) 64%,white));transform-origin:left;animation:bb-chart-grow .45s ease both}.bb-chart-bar-row.negative .bb-chart-bar-track i{background:linear-gradient(90deg,#ef6474,#ba3047)}.bb-chart-bar-row.negative strong{color:#ef6474}
.bb-chart-donut-layout{display:grid;grid-template-columns:minmax(170px,230px) minmax(0,1fr);gap:24px;align-items:center;margin-top:18px}.bb-chart-donut{position:relative;display:grid;place-items:center;width:min(210px,100%);aspect-ratio:1;border-radius:50%;box-shadow:0 16px 36px color-mix(in srgb,var(--primary) 14%,transparent);animation:bb-chart-in .4s ease both}.bb-chart-donut::after{content:"";position:absolute;inset:27%;border-radius:50%;background:var(--surface);box-shadow:0 0 0 1px var(--border)}.bb-chart-donut>span{position:relative;z-index:1;display:grid;gap:4px;max-width:48%;place-items:center;text-align:center}.bb-chart-donut strong{font-size:clamp(1rem,2vw,1.55rem);overflow-wrap:anywhere}.bb-chart-donut small{color:var(--muted);font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.bb-chart-legend{display:grid;gap:8px}.bb-chart-legend>div{display:grid;grid-template-columns:11px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 11px;border:1px solid var(--border);border-radius:11px;background:var(--surface-soft)}.bb-chart-legend i{width:9px;height:9px;border-radius:50%;background:var(--bb-chart-color)}.bb-chart-legend span{display:grid;gap:2px;min-width:0}.bb-chart-legend b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem}.bb-chart-legend small{color:var(--muted);font-size:.68rem}.bb-chart-legend strong{font-size:.8rem;white-space:nowrap}
.bb-line-chart{margin-top:16px;min-width:0}.bb-line-chart svg{display:block;width:100%;height:250px;overflow:visible}.bb-line-grid{stroke:color-mix(in srgb,var(--border) 75%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.bb-line-axis,.bb-line-label{fill:var(--muted);font:600 11px system-ui,sans-serif}.bb-line-path{fill:none;stroke:#2f6fed;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 5px 5px rgba(47,111,237,.22));stroke-dasharray:1200;animation:bb-line-draw .8s ease both}.bb-line-point{fill:var(--surface);stroke:#2f6fed;stroke-width:3;vector-effect:non-scaling-stroke}.bb-line-summary{display:flex;align-items:center;justify-content:flex-end;gap:28px;padding-top:8px;border-top:1px solid var(--border)}.bb-line-summary>span{display:grid;gap:2px;text-align:right}.bb-line-summary b{color:var(--muted);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase}.bb-line-summary strong{font-size:.95rem}.bb-line-summary .positive strong{color:#14b88a}.bb-line-summary .negative strong{color:#ef6474}
.bb-chart-empty{display:flex;align-items:center;justify-content:center;gap:20px;min-height:230px;margin-top:16px;border:1px dashed var(--border);border-radius:14px;background:var(--surface-soft)}.bb-chart-empty>div{display:flex;align-items:flex-end;gap:5px;height:54px}.bb-chart-empty i{display:block;width:10px;border-radius:5px 5px 2px 2px;background:color-mix(in srgb,var(--primary) 36%,var(--border))}.bb-chart-empty i:nth-child(1){height:18px}.bb-chart-empty i:nth-child(2){height:34px}.bb-chart-empty i:nth-child(3){height:27px}.bb-chart-empty i:nth-child(4){height:48px}.bb-chart-empty>span{display:grid;gap:4px;max-width:290px}.bb-chart-empty small{color:var(--muted)}
.bb-kpi-ring{position:absolute;right:18px;bottom:17px;width:43px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--bb-kpi-value)*1%),color-mix(in srgb,var(--border) 70%,transparent) 0);opacity:.86}.bb-kpi-ring::after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--surface)}.bb-kpi-ring.positive{background:conic-gradient(#14b88a calc(var(--bb-kpi-value)*1%),color-mix(in srgb,var(--border) 70%,transparent) 0)}
.bb-kpi-mini-bar{display:block;height:5px;margin-top:auto;border-radius:999px;background:color-mix(in srgb,var(--border) 65%,transparent);overflow:hidden}.bb-kpi-mini-bar i{display:block;width:var(--bb-kpi-width);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#63a2ff);animation:bb-chart-grow .45s ease both}.bb-kpi-mini-bar.negative i{background:linear-gradient(90deg,#ef6474,#ba3047)}
.bb-kpi-spark{position:absolute;right:16px;bottom:16px;width:70px;height:28px;opacity:.8}.bb-kpi-spark svg{width:100%;height:100%}.bb-kpi-spark polyline{fill:none;stroke:#14b88a;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.bb-kpi-spark.negative polyline{stroke:#ef6474}
.area-kpi-card{position:relative}.area-kpi-card>.bb-kpi-mini-bar{width:calc(100% - 36px);position:absolute;left:18px;bottom:18px}.area-kpi-card>.bb-kpi-mini-bar~i{margin-bottom:9px}
.bb-module-metric-visual{display:block;width:100%;height:4px;margin-top:auto;border-radius:99px;overflow:hidden;background:color-mix(in srgb,var(--border) 62%,transparent);pointer-events:none}.bb-module-metric-visual i{display:block;width:var(--bb-module-metric-width);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),#63a2ff);animation:bb-chart-grow .4s ease both}.bb-module-metric-visual.negative i{background:linear-gradient(90deg,#ef6474,#ba3047)}
@keyframes bb-chart-grow{from{width:0}}@keyframes bb-chart-in{from{opacity:0;transform:scale(.93)}}@keyframes bb-line-draw{from{stroke-dashoffset:1200}to{stroke-dashoffset:0}}
@media(max-width:1050px){.bb-dashboard-chart-grid{grid-template-columns:1fr}.bb-dashboard-chart-grid>.area-dashboard-chart{grid-column:1}.bb-chart-donut-layout{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:650px){.bb-chart-donut-layout{grid-template-columns:1fr}.bb-chart-donut{width:min(190px,68vw);margin:auto}.bb-line-chart svg{height:220px}.bb-line-label{font-size:9px}.bb-line-summary{align-items:stretch;justify-content:stretch;gap:10px}.bb-line-summary>span{flex:1;text-align:left}.bb-chart-empty{align-items:flex-start;flex-direction:column;padding:24px}.bb-chart-bar-row>div{align-items:flex-start;flex-direction:column;gap:3px}.bb-kpi-ring,.bb-kpi-spark{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.bb-chart-bar-track i,.bb-chart-donut,.bb-line-path,.bb-kpi-mini-bar i,.bb-module-metric-visual i{animation:none}}