*{box-sizing:border-box}:root{--primary:#10182a;--bg:#f2f4f8;--surface:#fff;--text:#171a21;--radius:18px;--density:14px}body{margin:0;font-family:Inter,system-ui,sans-serif}.bo-shell,body{background:var(--bg);color:var(--text)}.bo-shell{display:flex;min-height:100vh}.bo-sidebar{width:280px;background:#eef0f4;border-right:1px solid #dce0e8;padding:20px 14px;overflow-y:auto}.brand{font-size:25px;font-weight:700;margin:4px 8px 18px;color:#1d2433}.menu-group p{margin:16px 10px 8px;font-size:11px;letter-spacing:.08em;color:#7f8694;font-weight:700}.menu-btn{width:100%;text-align:left;margin:3px 0;padding:calc(var(--density) - 2px) 12px;border-radius:12px;border:0;cursor:pointer;background:transparent;color:#3c4351;font-weight:600}.menu-btn:hover{background:#e3e7ef}.menu-btn.active{background:#dde3ec;color:#11151c}.bo-main{flex:1 1;padding:16px}.card-surface{background:var(--surface);border:1px solid #e6e8ec;border-radius:var(--radius);box-shadow:0 4px 18px rgba(0,0,0,.04)}.bo-topbar{display:grid;grid-template-columns:auto 1fr auto auto auto;grid-gap:10px;gap:10px;align-items:center;padding:10px 14px}.search{border:1px solid #e0e4eb;border-radius:12px;background:#f8f9fc;padding:11px 14px;font-size:14px;width:100%}.icon-btn{border:0;background:#f3f6fb;border-radius:10px;width:36px;height:36px;cursor:pointer}.avatar{width:34px;height:34px;border-radius:999px;background:#191c23;color:#fff;display:grid;place-items:center;font-size:12px}.logo{font-size:15px}.mobile{display:none}.bo-content{padding:18px 6px}.dashboard-flow{max-width:980px;margin:0 auto}.page-header h1{margin:8px 0 4px;font-size:clamp(32px,5vw,58px)}.page-header p{margin:0 0 18px;color:#757d8b}.grid-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin-bottom:14px}.metric-card{padding:18px}.metric-card p{margin:0;color:#838a98;font-weight:600}.metric-card h3{margin:6px 0 0;font-size:clamp(26px,5vw,48px)}.panel{padding:18px;margin-bottom:14px}.panel h3{margin:0 0 10px;font-size:34px}.rows{display:grid;grid-gap:8px;gap:8px}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.empty-state{margin:0;color:#757d8b}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#eef1f6;color:#2f3642;font-size:12px;font-weight:700}.tone-positive{color:#18794e}.tone-warning{color:#a46a00}.tone-critical{color:#bc2d32}.metric-card.tone-positive{border-color:rgba(24,121,78,.18)}.metric-card.tone-warning{border-color:rgba(164,106,0,.18)}.metric-card.tone-critical{border-color:rgba(188,45,50,.18)}.badge.tone-positive{background:rgba(24,121,78,.12)}.badge.tone-warning{background:rgba(164,106,0,.12)}.badge.tone-critical{background:rgba(188,45,50,.12)}.section-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.section-list li{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid #ebeff5;border-radius:14px;background:#f8f9fc}.section-list li p{margin:4px 0 0;color:#757d8b}.section-list li span{color:#5c6472;font-size:13px;white-space:nowrap}.detail-grid{display:grid;grid-gap:10px;gap:10px;margin:0}.detail-row{display:grid;grid-template-columns:minmax(180px,240px) 1fr;grid-gap:14px;gap:14px;padding:10px 0;border-bottom:1px solid #eef1f6}.detail-row:last-child{border-bottom:0}.detail-row dt{font-weight:700;color:#5c6472}.detail-row dd{margin:0}.table-shell{overflow-x:auto}.module-table{width:100%;border-collapse:collapse;min-width:640px}.module-table td,.module-table th{padding:12px 10px;text-align:left;border-bottom:1px solid #eef1f6}.module-table th{color:#5c6472;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.module-table td{font-size:14px}pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:12px;padding:10px;border-radius:12px;background:#f4f6fb;border:1px solid #ebeff5}.customizer{position:fixed;top:82px;right:20px;z-index:30;width:290px;padding:14px;display:grid;grid-gap:9px;gap:9px}.customizer h3{margin:0 0 8px}.customizer label{display:grid;grid-gap:6px;gap:6px;font-size:13px}.customizer .toggle{grid-template-columns:auto 1fr;align-items:center}@media (max-width:1024px){.bo-shell{position:relative}.mobile{display:inline-grid;place-items:center}.bo-sidebar{position:fixed;left:-300px;top:0;bottom:0;z-index:40;transition:left .25s ease}.bo-sidebar.open{left:0}.bo-main{width:100%;padding:10px}.bo-topbar{grid-template-columns:auto 1fr auto auto}.logo{display:none}.detail-row,.grid-kpis{grid-template-columns:1fr}.detail-row{gap:6px}.section-list li{flex-direction:column}.customizer{width:calc(100% - 20px);left:10px;right:10px}}