.mgKpiCockpit{background:linear-gradient(145deg,#fff,#eef8f5);border:1px solid #cbdeda;border-radius:20px;grid-column:1/-1;overflow:hidden;box-shadow:0 18px 45px #164c4320}.mgKpiCockpit>header{color:#fff;background:linear-gradient(120deg,#0b4f49,#0b7164);justify-content:space-between;gap:2rem;padding:1.8rem 2rem;display:flex}.mgKpiCockpit>header small{letter-spacing:.14em;color:#7de0cf;font-size:.75rem;font-weight:900}.mgKpiCockpit>header h2{max-width:820px;margin:.4rem 0 .55rem;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.15}.mgKpiCockpit>header p{color:#d0e9e3;max-width:850px;margin:0;font-size:1rem;line-height:1.6}.mgKpiCockpit>header svg{color:#f2cb58;flex:0 0 42px;width:42px;height:42px}.mgKpiRoleTabs{background:#fff;border-bottom:1px solid #d5e4e0;align-items:center;gap:1rem;padding:1rem 2rem;display:flex}.mgKpiRoleTabs>strong{color:#516b65;font-size:.82rem}.mgKpiRoleTabs>div{gap:.55rem;display:flex}.mgKpiRoleTabs button{color:#31564f;font:inherit;cursor:pointer;background:#f8fbfa;border:1px solid #cdded9;border-radius:999px;padding:.65rem 1rem;font-size:.85rem;font-weight:800}.mgKpiRoleTabs button.active{color:#fff;background:#0c6f61;border-color:#0c6f61;box-shadow:0 6px 14px #0c6f6130}.mgKpiDashboard{grid-template-columns:.9fr 1.1fr;gap:1rem;padding:1.35rem 1.5rem;display:grid}.mgKpiSnapshot,.mgKpiCoverage{background:#fff;border:1px solid #d6e4e0;border-radius:16px}.mgKpiSnapshot{grid-template-columns:180px 1fr;align-items:center;gap:1.2rem;padding:1.4rem;display:grid}.mgKpiDonut{--weekly:206deg;background:conic-gradient(#0c806e 0 var(--weekly),#f0bd42 var(--weekly) 360deg);border-radius:50%;place-items:center;width:160px;height:160px;display:grid;position:relative}.mgKpiDonut:before{content:"";background:#fff;border-radius:50%;position:absolute;inset:18px}.mgKpiDonut span{z-index:1;text-align:center;position:relative}.mgKpiDonut b,.mgKpiDonut small{display:block}.mgKpiDonut b{color:#123f39;font-size:2.5rem;line-height:1}.mgKpiDonut small{color:#687e79;max-width:78px;margin-top:.35rem;font-size:.72rem;line-height:1.2}.mgKpiSnapshot h3{color:#153f39;margin:0;font-size:1.35rem}.mgKpiSnapshot p{color:#58716b;margin:.45rem 0 1rem;font-size:.92rem;line-height:1.55}.mgKpiSnapshot dl{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0;display:grid}.mgKpiSnapshot dl div{background:#edf6f3;border-radius:10px;padding:.7rem}.mgKpiSnapshot dt{color:#0b6f60;font-size:1.35rem;font-weight:900}.mgKpiSnapshot dd{color:#617771;margin:.15rem 0 0;font-size:.7rem;line-height:1.25}.mgKpiCoverage{padding:1.1rem 1.2rem}.mgKpiCoverage>header{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:.65rem;display:flex}.mgKpiCoverage h3{color:#173f39;margin:0;font-size:1rem}.mgKpiCoverage header small{color:#71827e;text-align:right;max-width:260px;font-size:.68rem}.mgKpiCoverage article{border-top:1px solid #edf1f0;grid-template-columns:minmax(135px,1fr) minmax(85px,.8fr) 58px;align-items:center;gap:.65rem;padding:.48rem 0;display:grid}.mgKpiCoverage article>span{color:#3d5c56;font-size:.77rem}.mgKpiCoverage article>div{background:#e5eeeb;border-radius:99px;height:7px;overflow:hidden}.mgKpiCoverage article i{background:linear-gradient(90deg,#19a08b,#77cfbf);border-radius:99px;height:100%;display:block}.mgKpiCoverage article>b{text-align:center;color:#116a5a;background:#e1f4ee;border-radius:99px;padding:.24rem .35rem;font-size:.64rem}.mgKpiCoverage article>b.monthly{color:#76570c;background:#fff0c7}.mgKpiRhythm{padding:0 1.5rem 1.5rem}.mgKpiRhythm>h3{color:#173f39;margin:.2rem 0 .75rem;font-size:.95rem}.mgKpiRhythm>div{grid-template-columns:repeat(4,1fr);gap:.65rem;display:grid}.mgKpiRhythm article{background:#fff;border:1px solid #d5e3df;border-radius:12px;gap:.18rem;padding:.8rem 1rem;display:grid;position:relative}.mgKpiRhythm article b{color:#0c7565;font-size:.75rem}.mgKpiRhythm article span{color:#435f59;font-size:.8rem;font-weight:750}.mgKpiRhythm article i{background:#8fbeb4;width:.7rem;height:2px;position:absolute;top:50%;right:-.7rem}.mgKpiRhythm>p{color:#fff;background:#123f39;border-radius:10px;align-items:center;gap:.55rem;margin:1rem 0 0;padding:.8rem 1rem;font-size:.82rem;font-weight:750;display:flex}.mgKpiRhythm>p svg{color:#69d5c1;width:18px}@media (width<=950px){.mgKpiDashboard{grid-template-columns:1fr}.mgKpiSnapshot{grid-template-columns:160px 1fr}.mgKpiDonut{width:140px;height:140px}.mgKpiRhythm>div{grid-template-columns:1fr 1fr}.mgKpiRhythm article:nth-child(2) i{display:none}}@media (width<=650px){.mgKpiCockpit{border-radius:0}.mgKpiCockpit>header{padding:1.35rem}.mgKpiCockpit>header>svg{display:none}.mgKpiRoleTabs{padding:1rem;display:grid}.mgKpiRoleTabs>div{display:grid}.mgKpiDashboard{padding:1rem}.mgKpiSnapshot{grid-template-columns:1fr}.mgKpiDonut{margin:auto}.mgKpiCoverage article{grid-template-columns:1fr 55px}.mgKpiCoverage article>div{grid-area:2/1/auto/-1}.mgKpiCoverage article>b{grid-area:1/2}.mgKpiRhythm{padding:0 1rem 1rem}.mgKpiRhythm>div{grid-template-columns:1fr}.mgKpiRhythm article i{display:none}}.mgKpiRoleTabs{align-items:flex-start}.mgKpiRoleTabs>strong{white-space:nowrap;padding-top:.65rem}.mgKpiRoleTabs>div{flex-wrap:wrap}.mgKpiCoverage article>span{gap:.15rem;display:grid}.mgKpiCoverage article>span strong{color:#294a44;font-size:.77rem}.mgKpiCoverage article>span small{color:#778984;font-size:.66rem;line-height:1.25}.mgKpiRhythm>aside{color:#234f47;background:#e9f6f2;border:1px solid #c9ddd7;border-radius:12px;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:1rem;display:flex}.mgKpiRhythm>aside>svg{color:#0c7867;flex:0 0 22px;width:22px}.mgKpiRhythm>aside span{gap:.2rem;display:grid}.mgKpiRhythm>aside b{font-size:.84rem}.mgKpiRhythm>aside small{color:#506b65;font-size:.76rem;line-height:1.45}@media (width<=650px){.mgKpiRoleTabs>strong{padding-top:0}.mgKpiRoleTabs>div{grid-template-columns:1fr 1fr}.mgKpiRoleTabs button{padding:.65rem .55rem}.mgKpiCoverage article>span strong{font-size:.8rem}.mgKpiCoverage article>span small{font-size:.7rem}}.mgBetaBand{color:#59470d;background:#fff7d9;border:1px solid #e5c458;border-radius:12px;grid-column:1/-1;align-items:center;gap:1rem;padding:.85rem 1.2rem;display:flex}.mgBetaBand strong{color:#fff;letter-spacing:.08em;background:#153f39;border-radius:6px;flex:none;padding:.35rem .55rem;font-size:.74rem}.mgBetaBand span{font-size:.82rem;line-height:1.45}@media (width<=650px){.mgBetaBand{border-radius:0;gap:.55rem;display:grid}.mgBetaBand strong{width:max-content}}