:root {
  --bc-bg: #f5f7fb;
  --bc-panel: rgba(255,255,255,.86);
  --bc-panel-solid: #fff;
  --bc-text: #152033;
  --bc-muted: #687489;
  --bc-line: #dde3ec;
  --bc-line-soft: #edf0f5;
  --bc-accent: #315efb;
  --bc-accent-soft: #eef2ff;
  --bc-good: #15916c;
  --bc-good-soft: #e9f8f2;
  --bc-warn: #b26a00;
  --bc-warn-soft: #fff5df;
  --bc-bad: #c83f4d;
  --bc-bad-soft: #fff0f1;
  --bc-shadow: 0 18px 48px rgba(22,32,51,.08);
}
html[data-theme="dark"] {
  --bc-bg: #0c111b;
  --bc-panel: rgba(20,27,41,.9);
  --bc-panel-solid: #141b29;
  --bc-text: #f3f6fb;
  --bc-muted: #9ba8bc;
  --bc-line: #2a3548;
  --bc-line-soft: #202a3a;
  --bc-accent: #7d9cff;
  --bc-accent-soft: #202c52;
  --bc-good: #56c99f;
  --bc-good-soft: #17382f;
  --bc-warn: #efb350;
  --bc-warn-soft: #3c2e17;
  --bc-bad: #ff7884;
  --bc-bad-soft: #3d2026;
  --bc-shadow: 0 18px 48px rgba(0,0,0,.26);
}
body { background: var(--bc-bg); color: var(--bc-text); }
.bc-main { min-height: 100vh; padding-bottom: 64px; background: radial-gradient(circle at 75% 0%, rgba(49,94,251,.08), transparent 32%), var(--bc-bg); }
.bc-shell { width: min(1480px, calc(100% - 40px)); margin-inline: auto; }
.bc-topbar { padding: 44px 0 22px; display:flex; justify-content:space-between; gap:24px; align-items:flex-end; }
.bc-kicker,.bc-eyebrow { color:var(--bc-muted); font-size:.72rem; font-weight:750; letter-spacing:.095em; text-transform:uppercase; }
.bc-live-dot { width:8px; height:8px; display:inline-block; border-radius:999px; background:var(--bc-good); box-shadow:0 0 0 5px color-mix(in srgb,var(--bc-good) 13%,transparent); margin-right:9px; }
.bc-title-row { display:flex; align-items:flex-end; gap:24px; margin-top:9px; }
.bc-title-row h1 { margin:0; font-size:clamp(2.15rem,4vw,4rem); letter-spacing:-.055em; line-height:.95; }
.bc-title-row p { margin:8px 0 0; color:var(--bc-muted); font-size:1rem; }
.bc-project-chip { border-left:1px solid var(--bc-line); padding-left:20px; display:grid; gap:3px; margin-bottom:3px; }
.bc-project-chip span { color:var(--bc-muted); font-size:.75rem; }
.bc-project-chip strong { font-size:.88rem; }
.bc-top-actions,.bc-filters { display:flex; gap:9px; align-items:center; flex-wrap:wrap; }
.bc-button { appearance:none; border:1px solid var(--bc-line); background:var(--bc-panel-solid); color:var(--bc-text); min-height:40px; border-radius:10px; padding:0 14px; display:inline-flex; gap:8px; align-items:center; justify-content:center; font:inherit; font-size:.82rem; font-weight:700; cursor:pointer; transition:.18s ease; }
.bc-button:hover { transform:translateY(-1px); border-color:color-mix(in srgb,var(--bc-accent) 45%,var(--bc-line)); }
.bc-button--primary { background:var(--bc-text); color:var(--bc-bg); border-color:var(--bc-text); }
.bc-button--ghost { background:var(--bc-panel); }
.bc-file-button input { position:absolute; width:1px; height:1px; overflow:hidden; opacity:0; }
.bc-dashboard { display:grid; gap:16px; }
.bc-kpi-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.bc-kpi { background:var(--bc-panel); border:1px solid var(--bc-line); border-radius:16px; padding:17px 18px; min-height:115px; display:flex; flex-direction:column; justify-content:space-between; backdrop-filter:blur(12px); }
.bc-kpi-top { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.bc-kpi-label { color:var(--bc-muted); font-size:.78rem; font-weight:650; }
.bc-kpi strong { font-size:2rem; letter-spacing:-.04em; }
.bc-kpi small { color:var(--bc-muted); font-size:.72rem; }
.bc-trend { border-radius:999px; padding:4px 7px; font-size:.67rem; font-weight:750; background:var(--bc-line-soft); color:var(--bc-muted); }
.bc-trend.good { color:var(--bc-good); background:var(--bc-good-soft); }
.bc-trend.bad { color:var(--bc-bad); background:var(--bc-bad-soft); }
.bc-panel { background:var(--bc-panel); border:1px solid var(--bc-line); border-radius:18px; padding:20px; backdrop-filter:blur(12px); box-shadow:0 1px 0 rgba(255,255,255,.3) inset; }
.bc-panel-head,.bc-section-title { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.bc-panel h2,.bc-section-title h3 { margin:4px 0 0; letter-spacing:-.025em; }
.bc-panel h2 { font-size:1.14rem; }
.bc-hero-grid { display:grid; grid-template-columns:minmax(0, .9fr) minmax(0,1.1fr); gap:16px; }
.bc-score-content { min-height:270px; display:grid; grid-template-columns:190px 1fr; gap:28px; align-items:center; }
.bc-donut { width:176px; height:176px; border-radius:50%; display:grid; place-items:center; position:relative; background:conic-gradient(var(--bc-good) var(--score,0%), var(--bc-line-soft) 0); }
.bc-donut::after { content:""; width:132px; height:132px; border-radius:50%; background:var(--bc-panel-solid); position:absolute; }
.bc-donut>div { z-index:1; display:grid; text-align:center; }
.bc-donut strong { font-size:2.25rem; letter-spacing:-.055em; }
.bc-donut span { color:var(--bc-muted); font-size:.76rem; }
.bc-score-breakdown { display:grid; gap:12px; }
.bc-score-row { display:grid; grid-template-columns:11px 1fr auto; gap:10px; align-items:center; padding-bottom:10px; border-bottom:1px solid var(--bc-line-soft); }
.bc-score-row:last-child { border:0; }
.bc-score-dot { width:9px; height:9px; border-radius:50%; }
.bc-score-dot.good { background:var(--bc-good); }.bc-score-dot.warn{background:var(--bc-warn)}.bc-score-dot.bad{background:var(--bc-bad)}
.bc-score-row span { color:var(--bc-muted); font-size:.78rem; }.bc-score-row strong{font-size:.9rem}
.bc-badge { display:inline-flex; padding:5px 8px; border-radius:999px; font-size:.67rem; font-weight:750; white-space:nowrap; }
.bc-badge--neutral { background:var(--bc-line-soft); color:var(--bc-muted); }
.bc-badge--success { background:var(--bc-good-soft); color:var(--bc-good); }
.bc-badge--warn { background:var(--bc-warn-soft); color:var(--bc-warn); }
.bc-badge--bad { background:var(--bc-bad-soft); color:var(--bc-bad); }
.bc-link-button { appearance:none; border:0; background:transparent; padding:6px 0; color:var(--bc-accent); font:inherit; font-size:.78rem; font-weight:750; cursor:pointer; }
.bc-focus-list { display:grid; gap:0; margin-top:10px; }
.bc-focus-item { display:grid; grid-template-columns:38px 1fr auto; gap:12px; align-items:center; padding:13px 0; border-bottom:1px solid var(--bc-line-soft); cursor:pointer; }
.bc-focus-item:last-child{border:0}.bc-focus-item:hover .bc-focus-title{color:var(--bc-accent)}
.bc-focus-icon { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; font-size:.72rem; font-weight:800; background:var(--bc-line-soft); }
.bc-focus-icon.bad{background:var(--bc-bad-soft);color:var(--bc-bad)}.bc-focus-icon.warn{background:var(--bc-warn-soft);color:var(--bc-warn)}
.bc-focus-title { font-size:.83rem; font-weight:750; transition:.18s ease; }.bc-focus-meta { margin-top:3px; color:var(--bc-muted); font-size:.72rem; }
.bc-focus-delta { text-align:right; }.bc-focus-delta strong{display:block;font-size:.82rem}.bc-focus-delta span{color:var(--bc-muted);font-size:.67rem}
.bc-table-panel { padding:0; overflow:hidden; }
.bc-table-toolbar { padding:19px 20px 16px; display:flex; justify-content:space-between; gap:18px; align-items:flex-end; border-bottom:1px solid var(--bc-line); }
.bc-search input, .bc-filters select, .bc-comment-form textarea, .bc-comment-form select { background:var(--bc-panel-solid); color:var(--bc-text); border:1px solid var(--bc-line); border-radius:9px; font:inherit; font-size:.78rem; }
.bc-search input { height:38px; width:230px; padding:0 11px; }.bc-filters select{height:38px;padding:0 30px 0 10px}
.bc-toggle { display:flex; align-items:center; gap:7px; color:var(--bc-muted); font-size:.75rem; cursor:pointer; }.bc-toggle input{position:absolute;opacity:0}.bc-toggle span{width:31px;height:18px;border-radius:999px;background:var(--bc-line);position:relative}.bc-toggle span::after{content:"";position:absolute;width:12px;height:12px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.18s}.bc-toggle input:checked+span{background:var(--bc-accent)}.bc-toggle input:checked+span::after{transform:translateX(13px)}
.bc-table-wrap { overflow:auto; }.bc-table { width:100%; border-collapse:collapse; min-width:880px; }.bc-table th,.bc-table td{padding:12px 15px;border-bottom:1px solid var(--bc-line-soft);text-align:left;vertical-align:middle}.bc-table th{font-size:.67rem;text-transform:uppercase;letter-spacing:.075em;color:var(--bc-muted);font-weight:750;background:color-mix(in srgb,var(--bc-panel-solid) 76%,transparent);position:sticky;top:0;z-index:1}.bc-table td{font-size:.78rem}.bc-table tbody tr{cursor:pointer;transition:.14s}.bc-table tbody tr:hover{background:color-mix(in srgb,var(--bc-accent) 4%,transparent)}
.bc-room-name strong{display:block;font-size:.8rem}.bc-room-name span{display:block;margin-top:3px;color:var(--bc-muted);font-size:.68rem;font-variant-numeric:tabular-nums}.bc-num{font-variant-numeric:tabular-nums}.bc-delta.good{color:var(--bc-good)}.bc-delta.warn{color:var(--bc-warn)}.bc-delta.bad{color:var(--bc-bad)}
.bc-check-pips{display:flex;gap:4px}.bc-check-pips i{width:8px;height:8px;border-radius:50%;background:var(--bc-line)}.bc-check-pips i.ok{background:var(--bc-good)}.bc-check-pips i.issue{background:var(--bc-bad)}
.bc-status { display:inline-flex; align-items:center; gap:6px; font-size:.7rem; font-weight:750; }.bc-status::before{content:"";width:7px;height:7px;border-radius:50%}.bc-status.good{color:var(--bc-good)}.bc-status.good::before{background:var(--bc-good)}.bc-status.warn{color:var(--bc-warn)}.bc-status.warn::before{background:var(--bc-warn)}.bc-status.bad{color:var(--bc-bad)}.bc-status.bad::before{background:var(--bc-bad)}
.bc-row-button { appearance:none; background:transparent; border:0; color:var(--bc-muted); font-size:1rem; cursor:pointer; }.bc-table-footer{padding:10px 15px;display:flex;justify-content:space-between;gap:12px;color:var(--bc-muted);font-size:.69rem;background:color-mix(in srgb,var(--bc-panel-solid) 70%,transparent)}
.bc-bottom-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.bc-group-bars{display:grid;gap:14px;margin-top:18px}.bc-group-row{display:grid;grid-template-columns:120px 1fr 44px;gap:12px;align-items:center}.bc-group-row span{font-size:.76rem;color:var(--bc-muted)}.bc-bar{height:8px;border-radius:99px;background:var(--bc-line-soft);overflow:hidden}.bc-bar i{display:block;height:100%;border-radius:inherit;background:var(--bc-good)}.bc-group-row strong{text-align:right;font-size:.75rem}
.bc-proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px}.bc-proof-grid div{border:1px solid var(--bc-line-soft);border-radius:12px;padding:12px;display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center}.bc-proof-grid strong{color:var(--bc-accent);font-size:.72rem}.bc-proof-grid span{font-size:.73rem;font-weight:650}.bc-proof-note{color:var(--bc-muted);font-size:.73rem;line-height:1.55;margin:14px 0 0}
.bc-drawer{position:fixed;inset:0;z-index:1000;pointer-events:none;visibility:hidden}.bc-drawer[aria-hidden="false"]{pointer-events:auto;visibility:visible}.bc-drawer-backdrop{position:absolute;inset:0;background:rgba(6,11,20,.38);opacity:0;transition:.2s}.bc-drawer[aria-hidden="false"] .bc-drawer-backdrop{opacity:1}.bc-drawer-panel{position:absolute;right:0;top:0;height:100%;width:min(620px,100%);background:var(--bc-panel-solid);border-left:1px solid var(--bc-line);box-shadow:var(--bc-shadow);padding:24px;overflow:auto;transform:translateX(100%);transition:.24s ease}.bc-drawer[aria-hidden="false"] .bc-drawer-panel{transform:none}.bc-drawer-head{display:flex;justify-content:space-between;gap:16px}.bc-drawer-head h2{margin:5px 0 4px;font-size:1.75rem;letter-spacing:-.04em}.bc-drawer-head p{margin:0;color:var(--bc-muted);font-size:.78rem}.bc-icon-button{appearance:none;border:1px solid var(--bc-line);background:var(--bc-panel);color:var(--bc-text);width:36px;height:36px;border-radius:10px;font:inherit;font-size:1.3rem;cursor:pointer}.bc-drawer-status{margin:20px 0 10px;padding:13px 14px;border-radius:12px;background:var(--bc-line-soft);display:flex;justify-content:space-between;align-items:center;gap:16px}.bc-drawer-status strong{font-size:.84rem}.bc-drawer-status span{color:var(--bc-muted);font-size:.72rem}.bc-check-list{display:grid;border-top:1px solid var(--bc-line);margin-top:18px}.bc-check{display:grid;grid-template-columns:1fr 105px 105px 82px;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid var(--bc-line-soft)}.bc-check-label strong{display:block;font-size:.79rem}.bc-check-label span{display:block;color:var(--bc-muted);font-size:.68rem;margin-top:3px}.bc-check-value span{display:block;color:var(--bc-muted);font-size:.62rem;text-transform:uppercase;letter-spacing:.07em}.bc-check-value strong{font-size:.76rem}.bc-comments{margin-top:26px}.bc-section-title{align-items:center}.bc-section-title h3{font-size:.95rem}.bc-section-title span{color:var(--bc-muted);font-size:.7rem}.bc-comment-list{display:grid;gap:9px;margin:12px 0}.bc-comment{padding:11px 12px;border:1px solid var(--bc-line-soft);border-radius:11px}.bc-comment-head{display:flex;justify-content:space-between;gap:10px;font-size:.66rem;color:var(--bc-muted);margin-bottom:6px}.bc-comment p{margin:0;font-size:.76rem;line-height:1.45}.bc-comment-form{display:grid;gap:8px}.bc-comment-form textarea{width:100%;padding:10px 11px;resize:vertical}.bc-comment-form>div{display:flex;justify-content:space-between;gap:8px}.bc-comment-form select{padding:0 10px;min-height:40px}
.bc-dialog{width:min(620px,calc(100% - 32px));border:1px solid var(--bc-line);border-radius:18px;background:var(--bc-panel-solid);color:var(--bc-text);padding:26px;box-shadow:var(--bc-shadow)}.bc-dialog::backdrop{background:rgba(6,11,20,.42);backdrop-filter:blur(4px)}.bc-dialog h2{font-size:1.65rem;letter-spacing:-.04em;margin:7px 0 18px}.bc-dialog-close{position:absolute;right:16px;top:16px}.bc-review-block{padding:12px 0;border-bottom:1px solid var(--bc-line-soft)}.bc-review-block strong{display:block;font-size:.79rem;margin-bottom:4px}.bc-review-block p{margin:0;color:var(--bc-muted);font-size:.76rem;line-height:1.55}.bc-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.bc-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);background:var(--bc-text);color:var(--bc-bg);border-radius:10px;padding:10px 13px;font-size:.75rem;font-weight:650;opacity:0;pointer-events:none;transition:.2s;z-index:2000}.bc-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.bc-topbar{align-items:flex-start;flex-direction:column}.bc-kpi-grid{grid-template-columns:repeat(2,1fr)}.bc-hero-grid,.bc-bottom-grid{grid-template-columns:1fr}.bc-score-content{min-height:230px}.bc-table-toolbar{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.bc-shell{width:min(100% - 24px,1480px)}.bc-topbar{padding-top:28px}.bc-title-row{display:block}.bc-project-chip{border:0;border-top:1px solid var(--bc-line);padding:12px 0 0;margin-top:16px}.bc-top-actions{width:100%}.bc-top-actions .bc-button{flex:1}.bc-kpi-grid{grid-template-columns:1fr 1fr}.bc-kpi{min-height:105px;padding:14px}.bc-kpi strong{font-size:1.65rem}.bc-panel{padding:16px}.bc-score-content{grid-template-columns:1fr;justify-items:center;gap:14px;padding-top:20px}.bc-score-breakdown{width:100%}.bc-table-toolbar{padding:16px}.bc-filters{width:100%}.bc-search{flex:1;min-width:100%}.bc-search input{width:100%}.bc-filters select{flex:1}.bc-proof-grid{grid-template-columns:1fr}.bc-group-row{grid-template-columns:90px 1fr 40px}.bc-drawer-panel{padding:18px}.bc-check{grid-template-columns:1fr 78px 78px}.bc-check>.bc-status{grid-column:1/-1}.bc-comment-form>div{align-items:stretch;flex-direction:column}.bc-table-footer{flex-direction:column}.bc-dialog-actions{flex-wrap:wrap}.bc-dialog-actions>*{flex:1}}