.bhi-sgbv-root{--bhi-green:#245b46;--bhi-green-2:#3d7d5d;--bhi-mint:#eaf4ed;--bhi-gold:#e8a83e;--bhi-ink:#17231d;--bhi-muted:#64736b;--bhi-line:#dce7df;--bhi-bg:#f5f8f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--bhi-ink);line-height:1.45}
.bhi-sgbv-root *{box-sizing:border-box}.bhi-dashboard{background:var(--bhi-bg);border:1px solid var(--bhi-line);border-radius:24px;overflow:hidden;box-shadow:0 18px 55px rgba(25,67,48,.09)}
.bhi-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:34px clamp(20px,4vw,52px);background:linear-gradient(120deg,#173f31,#2e7152 66%,#498a65);color:#fff}.bhi-eyebrow{margin:0 0 5px!important;color:#bfe2ca;font-size:.78rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.bhi-hero h2{margin:0!important;color:#fff;font-size:clamp(1.75rem,4vw,3rem);line-height:1.05}.bhi-hero p:last-child{margin:.65rem 0 0;color:#e4f2e8;font-size:1rem}.bhi-freshness{min-width:210px;padding:15px 18px;border:1px solid rgba(255,255,255,.22);border-radius:15px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.bhi-freshness strong,.bhi-freshness small{display:block}.bhi-freshness small{margin-top:4px;color:#d8ebde;font-size:.72rem}.bhi-live-dot{display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:#8ee29e;box-shadow:0 0 0 5px rgba(142,226,158,.15)}
.bhi-filter-panel{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr)) auto;gap:12px;padding:20px clamp(16px,3vw,38px);background:#fff;border-bottom:1px solid var(--bhi-line)}.bhi-filter-panel label span{display:block;margin:0 0 5px;color:var(--bhi-muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.bhi-filter-panel select,.bhi-reset{width:100%;min-height:42px;border:1px solid #cbdacf;border-radius:10px;background:#fff;color:var(--bhi-ink);padding:8px 11px;font:inherit;font-size:.88rem}.bhi-filter-panel select:focus,.bhi-reset:focus,.bhi-tabs button:focus{outline:3px solid rgba(61,125,93,.2);outline-offset:2px}.bhi-reset{align-self:end;width:auto;color:var(--bhi-green);font-weight:750;cursor:pointer}.bhi-reset:hover{background:var(--bhi-mint)}
.bhi-tabs{display:flex;gap:6px;padding:14px clamp(16px,3vw,38px) 0;overflow:auto;background:var(--bhi-bg)}.bhi-tabs button{flex:0 0 auto;border:0;border-radius:10px 10px 0 0;background:transparent;color:var(--bhi-muted);padding:12px 17px;font:inherit;font-weight:750;cursor:pointer}.bhi-tabs button.is-active{background:#fff;color:var(--bhi-green);box-shadow:0 -2px 10px rgba(25,67,48,.05)}
.bhi-view{display:none;padding:22px clamp(16px,3vw,38px) 38px}.bhi-view.is-active{display:block}.bhi-section-intro{margin:0 0 18px}.bhi-section-intro h3{margin:0;font-size:1.45rem}.bhi-section-intro p{margin:4px 0 0;color:var(--bhi-muted)}
.bhi-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:18px}.bhi-kpi,.bhi-card{background:#fff;border:1px solid var(--bhi-line);border-radius:16px;box-shadow:0 5px 18px rgba(29,75,54,.045)}.bhi-kpi{position:relative;overflow:hidden;padding:19px 18px}.bhi-kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--bhi-green-2)}.bhi-kpi-open:before{background:var(--bhi-gold)}.bhi-kpi-rate:before{background:#4d8ca8}.bhi-kpi-states:before{background:#8a6db1}.bhi-kpi p{margin:0;color:var(--bhi-muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.bhi-kpi strong{display:block;margin:5px 0 2px;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1}.bhi-kpi small{color:#7a8981;font-size:.72rem}
.bhi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.bhi-grid-main .bhi-chart-card:first-child{grid-column:span 2}.bhi-card{min-width:0;padding:20px}.bhi-card header{display:flex;justify-content:space-between;gap:12px;margin-bottom:15px}.bhi-card h3{margin:0;font-size:1.05rem}.bhi-card header p{margin:3px 0 0;color:var(--bhi-muted);font-size:.8rem}.bhi-chart{min-height:260px;overflow:hidden}.bhi-chart svg{display:block;width:100%;height:auto;overflow:visible}.bhi-axis-label{fill:#67756d;font-size:11px}.bhi-value{fill:#35463d;font-size:11px;font-weight:750}.bhi-gridline{stroke:#e3ebe6;stroke-width:1}.bhi-bar{fill:var(--bhi-green-2);transition:opacity .2s}.bhi-bar:hover{opacity:.75}.bhi-stack-open{fill:var(--bhi-gold)}.bhi-stack-closed{fill:var(--bhi-green-2)}
.bhi-legend{display:flex;gap:15px;justify-content:flex-end;margin-bottom:6px;color:var(--bhi-muted);font-size:.75rem}.bhi-legend span{display:inline-flex;align-items:center;gap:5px}.bhi-legend i{width:9px;height:9px;border-radius:50%}.bhi-legend i.open{background:var(--bhi-gold)}.bhi-legend i.closed{background:var(--bhi-green-2)}
.bhi-donut-wrap{display:grid;grid-template-columns:minmax(150px,210px) 1fr;align-items:center;gap:25px;min-height:260px}.bhi-donut{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;position:relative}.bhi-donut:after{content:"";position:absolute;inset:23%;border-radius:50%;background:#fff}.bhi-donut>span{position:relative;z-index:1;text-align:center}.bhi-donut strong,.bhi-donut small{display:block}.bhi-donut strong{font-size:1.65rem}.bhi-donut small{color:var(--bhi-muted)}.bhi-donut-legend{display:grid;gap:9px}.bhi-donut-legend span{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;font-size:.79rem}.bhi-donut-legend i{width:10px;height:10px;border-radius:3px}.bhi-donut-legend b{font-weight:650}.bhi-donut-legend em{font-style:normal;font-weight:800}.bhi-empty,.bhi-alert{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;text-align:center;color:var(--bhi-muted)}.bhi-alert{margin:20px;border:1px solid #edc5c5;border-radius:14px;background:#fff3f3;color:#7b3030}.bhi-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:16px clamp(16px,3vw,38px);border-top:1px solid var(--bhi-line);background:#fff;color:var(--bhi-muted);font-size:.76rem}.bhi-tooltip{position:fixed;z-index:9999;pointer-events:none}.bhi-sgbv-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:260px;color:var(--bhi-muted)}.bhi-sgbv-loading span{width:24px;height:24px;border:3px solid var(--bhi-line);border-top-color:var(--bhi-green);border-radius:50%;animation:bhi-spin .8s linear infinite}@keyframes bhi-spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.bhi-filter-panel{grid-template-columns:repeat(3,1fr)}.bhi-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.bhi-dashboard{border-radius:14px}.bhi-hero{align-items:flex-start;flex-direction:column;padding:27px 20px}.bhi-freshness{width:100%}.bhi-filter-panel{grid-template-columns:repeat(2,minmax(0,1fr));padding:16px}.bhi-reset{width:100%}.bhi-tabs{padding-left:10px}.bhi-view{padding:18px 12px 28px}.bhi-kpis{grid-template-columns:repeat(2,1fr);gap:10px}.bhi-kpi:last-child{grid-column:span 2}.bhi-grid,.bhi-grid-main{grid-template-columns:1fr}.bhi-grid-main .bhi-chart-card:first-child{grid-column:auto}.bhi-card{padding:16px 12px}.bhi-chart{min-height:220px}.bhi-donut-wrap{grid-template-columns:150px 1fr;gap:14px}}
@media(max-width:430px){.bhi-filter-panel{grid-template-columns:1fr}.bhi-kpis{grid-template-columns:1fr}.bhi-kpi:last-child{grid-column:auto}.bhi-donut-wrap{grid-template-columns:1fr}.bhi-donut{width:160px;margin:auto}.bhi-footer{flex-direction:column}.bhi-axis-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.bhi-sgbv-root *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}