:root{--md-good:#13a66b;--md-good-soft:#eafaf3;--md-bad:#dc4057;--md-bad-soft:#fff0f2;--md-ink:#17243a}.md3-hero{position:relative;background:radial-gradient(circle at 85% 0,#ffffff2b,transparent 30%),linear-gradient(125deg,#0c5eac,#4937a5 68%,#7448bd);box-shadow:0 18px 45px #253b7226}.md3-customize{align-self:flex-end;display:flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid #ffffff52;border-radius:10px;background:#ffffff17;color:#fff;font-weight:800;cursor:pointer;backdrop-filter:blur(12px)}.md3-customize:hover{background:#ffffff28}.md3-card,.md3-kpis article,.md3-target-performance{box-shadow:0 8px 28px #2036540a;transition:transform .18s ease,box-shadow .18s ease}.md3-target.is-reached{border-color:#99dfc0;background:linear-gradient(160deg,#fff 45%,var(--md-good-soft))}.md3-target.is-behind{border-color:#f0b7bf;background:linear-gradient(160deg,#fff 45%,var(--md-bad-soft))}.md3-target.is-reached .md3-donut{background:conic-gradient(var(--md-good) calc(var(--value)*1%),#dff5eb 0)}.md3-target.is-behind .md3-donut{background:conic-gradient(var(--md-bad) calc(var(--value)*1%),#f9dfe3 0)}.md3-target-state{display:inline-flex;padding:6px 11px;margin:-5px 0 10px;border-radius:99px;font-size:11px;font-weight:900}.is-reached .md3-target-state{color:#087c4d;background:var(--md-good-soft)}.is-behind .md3-target-state{color:#b82038;background:var(--md-bad-soft)}.md3-team-chart article,.md3-target-breakdown>article,.md3-rt-chart>article{position:relative;margin:5px 0;padding:12px 10px!important;border:1px solid transparent!important;border-radius:10px}.md3-team-chart article.is-reached,.md3-target-breakdown>article.is-reached,.md3-rt-chart>article.is-reached{background:linear-gradient(90deg,var(--md-good-soft),#fff);border-color:#c9efdd!important}.md3-team-chart article.is-behind,.md3-target-breakdown>article.is-behind,.md3-rt-chart>article.is-behind{background:linear-gradient(90deg,var(--md-bad-soft),#fff);border-color:#f7d4d9!important}.md3-team-chart article.is-reached strong,.md3-target-breakdown>article.is-reached strong,.md3-rt-chart>article.is-reached strong{color:var(--md-good)}.md3-team-chart article.is-behind strong,.md3-target-breakdown>article.is-behind strong,.md3-rt-chart>article.is-behind strong{color:var(--md-bad)}.md3-team-chart strong>i,.md3-status-icon{display:inline-grid;place-items:center;width:20px;height:20px;margin-right:6px;border-radius:50%;font-style:normal;color:#fff;background:currentColor}.md3-team-chart strong>i::first-letter,.md3-status-icon::first-letter{color:#fff}.is-reached .md3-bars i.sales,.is-reached .md3-target-bars .done,.is-reached .md3-rt-bars .revenue>i{background:linear-gradient(90deg,#0f9d65,#39c98b)}.is-behind .md3-bars i.sales,.is-behind .md3-target-bars .done,.is-behind .md3-rt-bars .revenue>i{background:linear-gradient(90deg,#d93851,#f06a78)}.md3-user-hidden{display:none!important}.md3-custom-backdrop{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:20px;background:#101c306e;backdrop-filter:blur(6px)}.md3-custom-backdrop>section{width:min(620px,100%);max-height:85vh;overflow:auto;border:1px solid #dfe6ef;border-radius:18px;background:#f8fafc;box-shadow:0 35px 90px #07152c5c}.md3-custom-backdrop header{display:flex;justify-content:space-between;padding:24px;background:#fff;border-bottom:1px solid #e3e8ef}.md3-custom-backdrop h2{margin:3px 0;font:28px Oswald}.md3-custom-backdrop p{margin:0;color:#6c788a}.md3-custom-backdrop header>button{width:38px;height:38px;border:0;border-radius:50%;font-size:25px;background:#eef2f7}.md3-custom-list{display:grid;gap:9px;padding:16px}.md3-custom-list article{display:flex;align-items:center;justify-content:space-between;padding:14px;border:1px solid #dde5ee;border-radius:12px;background:#fff}.md3-custom-list label{display:flex;align-items:center;gap:12px}.md3-custom-list input{width:19px;height:19px}.md3-custom-list b,.md3-custom-list small{display:block}.md3-custom-list small{margin-top:3px;color:#7b8797}.md3-custom-list article>div{display:flex;gap:5px}.md3-custom-list article button{width:34px;height:34px;border:1px solid #d8e0ea;border-radius:8px;background:#f7f9fc}.md3-custom-backdrop footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 20px;border-top:1px solid #e3e8ef;background:#fff}@media(max-width:700px){.md3-customize{position:absolute;right:12px;top:12px;font-size:0}.md3-customize span{font-size:18px}.md3-custom-backdrop{padding:8px}.md3-team-chart article,.md3-target-breakdown>article,.md3-rt-chart>article{padding:10px!important}}
