@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#182332;--muted:#7c8798;--line:#e8ecf1;--blue:#285be7;--green:#198166;--bg:#f5f7fa;--yellow:#f8d54a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #e2ae16;outline-offset:4px}a{color:inherit}.sidebar{width:228px;position:fixed;inset:0 auto 0 0;background:#111a25;color:#a9b2bf;display:flex;flex-direction:column;padding:35px 18px 22px;z-index:5}.brand{text-decoration:none;padding:0 14px 34px}.brand img{width:151px;height:51px;object-fit:contain;object-position:left}.brand>span{display:block;letter-spacing:2.6px;font-size:8px;color:#8995a7;margin-top:13px}.nav-label{font-size:8px;letter-spacing:1.65px;color:#627187;padding:0 15px;margin:12px 0 17px}nav{display:grid;gap:7px}nav a{display:flex;align-items:center;gap:13px;text-decoration:none;padding:14px 16px;border-radius:9px;font-size:13px;font-weight:500;transition:background .15s,color .15s}nav a:hover{background:#202b3b;color:white}nav a.active{background:#28354a;color:#fff;box-shadow:inset 3px 0 var(--yellow)}nav a svg{width:18px;height:18px;color:#8290a6}nav a.active svg{color:var(--yellow)}nav a.active:after{content:'';height:5px;width:5px;background:var(--yellow);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:36px 14px 0}.demo-mark{font-size:10px;color:#99a8bb;display:flex;gap:7px;align-items:center}.demo-mark i{width:5px;height:5px;background:var(--yellow);border-radius:50%}.sidebar-bottom p{font-family:Manrope,Arial,sans-serif;font-size:23px;color:#f5f6f8;font-weight:600;letter-spacing:-.9px;line-height:1.4;margin:17px 0 35px}.profile{border-top:1px solid #2a3340;display:flex;align-items:center;padding-top:22px;gap:10px;font-size:11px;color:#e4e7ed}.avatar,.group-avatar{display:grid;place-items:center;border-radius:50%;font-weight:700}.avatar{width:33px;height:33px;background:#303e51;color:#f7d84b}.profile small{display:block;font-size:9px;color:#7f8b9f;margin-top:4px}.workspace{margin-left:228px}.topbar{height:78px;padding:0 39px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:11px;color:#97a0ad}.breadcrumb span{margin:0 13px;color:#c2c8d1}.breadcrumb strong{color:#435064;font-weight:500}.top-right{display:flex;align-items:center;gap:22px}.sample-pill{font-size:10px;display:flex;align-items:center;gap:6px;color:#7a7051;background:#fbf7e8;border:1px solid #f0e8c9;padding:6px 10px;border-radius:6px}.sample-pill i{width:5px;height:5px;border-radius:50%;background:#c4a449}.group-avatar{height:31px;width:31px;background:#edf1fa;color:#31496e;font-size:11px}main{max-width:1570px;margin:auto;padding:37px 39px 0;outline:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.7px;color:#8994a5;margin-bottom:9px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-weight:800;font-size:31px;letter-spacing:-1.25px;line-height:1.25}.page-heading p{font-size:12px;color:#8390a1;margin-top:9px}.export{background:white;border:1px solid #dce2eb;border-radius:7px;padding:10px 14px;font-size:10px;font-weight:700;white-space:nowrap;color:#526174}.export span{font-size:15px;margin-left:15px}.export:hover{border-color:var(--blue);color:var(--blue)}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:15px}.scope{display:flex;align-items:center;gap:9px;font-size:10px;color:#8590a1}.scope strong{font-size:11px;color:#506075;font-weight:500}.scope-dot{height:6px;width:6px;border-radius:50%;background:var(--blue)}.scope-separator{color:#b8c1cc}.filters{display:flex;gap:9px}select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23758294'%3E%3Cpath d='m3 4 3 3 3-3'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid #dfe5ee;color:#536075;border-radius:6px;padding:9px 30px 9px 12px;font-size:10px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.kpi{position:relative;background:#fff;border:1px solid var(--line);border-radius:11px;padding:20px 20px 16px;min-height:146px;overflow:hidden;box-shadow:0 3px 6px #1e345003}.kpi.featured{background:linear-gradient(115deg,#2250ce,#3268ee);color:white;border-color:transparent}.kpi-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:500;letter-spacing:1px;color:#8490a2;text-transform:uppercase}.kpi.featured .kpi-top{color:#c7d8ff}.kpi-top svg{height:16px;width:16px;opacity:.7}.kpi-value{font-family:Manrope,Arial,sans-serif;font-weight:800;font-size:31px;letter-spacing:-1px;margin:13px 0 14px;line-height:1}.kpi-bottom{font-size:9px;color:#94a0af;display:flex;align-items:center;gap:7px}.change{color:var(--green);font-weight:600;background:#eaf7f1;padding:3px 5px;border-radius:4px;font-size:8px}.change.negative{color:#ba6e28;background:#fcf0e5}.kpi.featured .change{color:#d8ffec;background:#ffffff24}.kpi.featured .kpi-bottom{color:#c4d7ff}.kpi-spark{position:absolute;right:14px;bottom:15px;width:65px;height:30px;opacity:.6}.main-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(250px,1fr);gap:21px;margin-bottom:21px}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:21px;margin-bottom:21px}.panel{background:white;border:1px solid var(--line);border-radius:11px;min-width:0;overflow:hidden;box-shadow:0 2px 6px #1e345002}.panel-head{padding:22px 23px 0;display:flex;justify-content:space-between;align-items:start;gap:10px}.panel h2{font-size:13px;letter-spacing:-.3px;font-weight:750}.panel-sub{font-size:10px;color:#96a0af;margin-top:6px}.head-tag{font-size:8px;color:#7a8ca9;padding:5px 7px;border:1px solid #e5eaf2;border-radius:5px;white-space:nowrap}.panel-body{padding:20px 23px}.chart-number{font-family:Manrope,Arial,sans-serif;font-size:26px;font-weight:750;letter-spacing:-.8px}.chart-number small{font-size:9px;letter-spacing:0;color:#94a0b0;font-weight:400;margin-left:9px}.legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:8px;color:#8793a5;margin:12px 0 6px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;border-radius:2px;background:var(--c)}svg.chart{width:100%;height:auto;display:block;overflow:visible}.chart text{font:9px 'DM Sans',Arial,sans-serif;fill:#99a4b4}.chart .gridline{stroke:#edf0f5;stroke-width:1}.chart circle:hover,.chart rect:hover{filter:brightness(.92)}.panel-note{border-top:1px solid #f0f2f6;padding:12px 23px;font-size:9px;color:#8b98aa;display:flex;align-items:center;gap:7px}.panel-note b{color:#607087;font-weight:500}.tiny-dot{width:5px;height:5px;background:#5485ec;border-radius:50%}.donut-wrap{position:relative;width:169px;height:169px;margin:2px auto 17px}.donut-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-centre{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut-centre b{font-family:Manrope,Arial,sans-serif;font-size:25px;letter-spacing:-1px}.donut-centre span{font-size:9px;color:#94a0b1;margin-top:4px}.donut-key{display:grid;gap:12px}.donut-key>div{display:flex;justify-content:space-between;align-items:center;font-size:10px}.donut-key span{color:#8390a3;display:flex;gap:8px;align-items:center}.donut-key i{width:7px;height:7px;border-radius:2px;background:var(--c)}.donut-key b{font-size:10px;font-weight:500}.insight{background:#f4f7ff;border:1px solid #e7edfc;border-radius:7px;padding:12px;margin-top:18px;color:#687da2;font-size:9px;line-height:1.65}.insight strong{color:#385d9e;display:block;font-size:10px;font-weight:600;margin-bottom:2px}table{border-collapse:collapse;width:100%;font-size:10px}th{text-align:left;font-size:8px;color:#98a3b3;letter-spacing:.8px;font-weight:500;padding:10px 0;border-bottom:1px solid var(--line)}td{padding:15px 0;border-bottom:1px solid #f0f2f6;color:#5c6d84}tr:last-child td{border-bottom:0}td:last-child,th:last-child{text-align:right}td strong{color:#2e4059;font-weight:500}.store-name{display:flex;align-items:center;gap:9px}.rank{display:inline-grid;place-items:center;width:23px;height:23px;background:#f2f5fa;border-radius:5px;font-size:9px;color:#8c99ac}.rank.first{background:#eaf0ff;color:#3462c8}.progress{height:4px;border-radius:8px;background:#eef2f8;margin-top:7px;overflow:hidden}.progress i{height:100%;display:block;background:var(--blue);border-radius:8px}.status{display:inline-flex;align-items:center;gap:4px;font-size:8px;color:#4a8c75}.status:before{content:'';width:4px;height:4px;border-radius:50%;background:currentColor}.status.warn{color:#b68735}.metric-list{display:grid;gap:20px}.metric-row{display:grid;grid-template-columns:95px 1fr 54px;align-items:center;gap:15px;font-size:10px;color:#8390a3}.metric-row b{font-size:10px;text-align:right;color:#435775;font-weight:500}.bar-track{height:9px;border-radius:3px;background:#f1f4f9;overflow:hidden}.bar-track span{display:block;height:100%;background:var(--c);border-radius:3px}.section-label{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1.5px;color:#97a2b2;margin:26px 0 15px}.section-label:after{content:'';height:1px;flex:1;background:#e4e9f0}.pipeline{display:grid;gap:16px;padding:2px 0}.pipeline-row{background:var(--c);color:white;border-radius:5px;padding:12px 15px;display:flex;justify-content:space-between;align-items:center;font-size:10px;min-width:130px}.pipeline-row b{font-size:16px;font-family:Manrope,Arial,sans-serif}.stat-summary{display:flex;gap:25px;margin-bottom:21px}.stat-summary b{font-size:22px;font-family:Manrope,Arial,sans-serif;font-weight:750}.stat-summary span{display:block;font-size:9px;color:#94a0b1;margin-top:5px}.split-body{display:grid;grid-template-columns:1fr 1fr;gap:25px}.target-row{display:flex;justify-content:space-between;font-size:10px;color:#7c8ca4;margin-bottom:11px}.target-row b{color:#304866}.target-bar{height:8px;border-radius:4px;background:#edf1f8;position:relative}.target-bar i{display:block;height:100%;background:#2b60df;border-radius:4px}.achievement{padding:16px 0;border-bottom:1px solid #eff2f7}.achievement:last-child{border:0}.achievement small{display:block;color:#98a2b2;font-size:8px;margin-top:7px}.dashboard-enter{animation:enter .28s ease-out}@keyframes enter{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}footer{border-top:1px solid #e4e9f0;margin-top:30px;padding:20px 0 25px;display:flex;justify-content:space-between;color:#9aa4b3;font-size:8px;gap:10px}.footer-dot{margin:0 8px;color:#b8c1ce}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:#172536;color:white;border-radius:8px;padding:13px 20px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 8px 30px #17253620;z-index:20}#toast.show{opacity:1;transform:translateX(-50%)}.skip{position:fixed;top:-80px;left:240px;background:white;padding:12px;z-index:30}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.blue-text{color:var(--blue)}.positive-text{color:var(--green)}.muted{color:#98a2b2}.table-wrap{overflow-x:auto}.table-wrap table{min-width:280px}.figure-note{font-size:9px;color:#99a3b3;margin-top:12px;line-height:1.7}.view-link{border:0;background:none;color:#3e68c3;font-size:9px;font-weight:500;padding:0}.view-link:hover{text-decoration:underline}@media(min-width:1500px){main{padding-top:45px}.kpi{min-height:158px}.kpi-value{font-size:35px}.main-grid{grid-template-columns:2fr 1fr}.panel-head{padding-top:25px}}
@media(max-width:1150px){.sidebar{width:195px;padding-left:12px;padding-right:12px}.workspace{margin-left:195px}main{padding:30px 25px 0}.topbar{padding:0 25px}.kpis{gap:11px}.kpi{padding:17px 15px}.kpi-value{font-size:27px}.kpi-spark{width:43px;opacity:.35}.main-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:16px}.bottom-grid{gap:16px}.panel-head{padding:20px 18px 0}.panel-body{padding:20px 18px}.panel-note{padding:12px 18px}.kpi-bottom{font-size:8px}.brand{padding-left:12px}.brand img{width:144px}}
@media(max-width:950px){.sidebar{width:175px}.workspace{margin-left:175px}.sidebar .nav-label{font-size:7px;letter-spacing:1px}.brand img{width:131px}.brand>span{font-size:7px;letter-spacing:2px}.sidebar-bottom{padding-left:10px;padding-right:10px}.sidebar-bottom p{font-size:21px}.profile{font-size:10px}.topbar{height:68px}.main-grid{grid-template-columns:minmax(0,1fr)}.main-grid>.panel:nth-child(2)>.panel-body{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:18px}.main-grid>.panel:nth-child(2) .insight{grid-column:1/-1;margin-top:0}.donut-wrap{margin-bottom:0}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-spark{width:65px}.toolbar{align-items:flex-start;flex-direction:column}.filters{width:100%}.filters label{flex:1}.filters select{width:100%}.bottom-grid{grid-template-columns:1fr}.scope{font-size:10px}.page-heading{align-items:flex-start}h1{font-size:27px}.page-heading p{max-width:300px;line-height:1.6}.export{padding:9px 10px}.export span{margin-left:5px}}
@media(max-width:600px){.sidebar{position:static;width:100%;padding:16px 17px 0;display:block}.brand{padding:0;display:inline-block}.brand img{width:126px;height:37px}.brand>span{display:none}.nav-label,.sidebar-bottom{display:none}nav{display:flex;gap:0;overflow-x:auto;margin-top:13px;scrollbar-width:none}nav a{flex:1;min-width:78px;padding:12px 9px;border-radius:0;justify-content:center;font-size:10px;gap:5px;border-bottom:2px solid transparent}nav a svg{width:14px;height:14px}nav a.active{box-shadow:none;background:transparent;border-bottom-color:var(--yellow)}nav a.active:after{display:none}.workspace{margin-left:0}.topbar{height:50px;padding:0 20px}.top-right{gap:10px}.group-avatar{height:25px;width:25px;font-size:9px}.sample-pill{font-size:8px;padding:4px 7px}.breadcrumb{font-size:9px}main{padding:25px 17px 0}.eyebrow{font-size:8px}h1{font-size:26px}.page-heading p{font-size:10px;max-width:245px}.page-heading{gap:7px;margin-bottom:22px}.export{font-size:8px;padding:8px}.export span{display:none}.kpis{gap:10px;margin-bottom:16px}.kpi{min-height:139px;padding:16px 13px}.kpi-value{font-size:29px}.kpi-top{font-size:8px;letter-spacing:.6px}.kpi-top svg{width:14px}.kpi-spark{display:none}.kpi-bottom{gap:5px;font-size:8px}.main-grid{margin-bottom:16px;gap:16px}.bottom-grid{margin-bottom:16px}.panel-head{padding:19px 16px 0}.panel-body{padding:18px 16px}.panel h2{font-size:12px}.panel-sub{font-size:9px}.panel-note{font-size:8px;padding:12px 16px;line-height:1.7}.chart-number{font-size:24px}.main-grid>.panel:nth-child(2)>.panel-body{gap:12px;grid-template-columns:1fr 1fr}.donut-wrap{width:135px;height:135px}.donut-centre b{font-size:22px}.donut-key>div,.donut-key b{font-size:9px}.donut-key{gap:13px}.donut-key span{gap:5px}.chart text{font-size:10px}.metric-row{grid-template-columns:85px 1fr 46px;gap:10px}.split-body{grid-template-columns:1fr;gap:10px}footer{font-size:7px;line-height:1.7;flex-direction:column;gap:4px;margin-top:23px}.skip{left:15px}#toast{width:90%;text-align:center;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.kpis-five{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.kpis-five .kpi{padding-left:16px;padding-right:16px}.kpis-five .kpi-value{font-size:29px}.kpis-five .kpi-spark{width:44px;opacity:.35}
@media(max-width:1200px) and (min-width:951px){.kpis-five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){.kpis-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.kpis-five .kpi:last-child{grid-column:1/-1}.kpis-five .kpi:last-child .kpi-spark{width:100px}}