/* Shared premium surface; brand accents remain in the primary theme. */
:root{--ink:#1b241e;--muted:#797e72;--line:#dfe2d6;--green:#235b48;--red:#b74743;--nav:#193d38;--mint:#ace76f}
body{background-color:#f4f4ed;background-image:linear-gradient(#54664405 1px,transparent 1px),linear-gradient(90deg,#54664405 1px,transparent 1px);background-size:36px 36px}
aside{width:248px;padding:31px 19px 24px;background:linear-gradient(165deg,#1c433c,#173731 85%);border-right:1px solid #315047}
.shell{margin-left:248px}.brand{padding:0 8px;gap:10px;letter-spacing:0;font-size:21px}.brandmark{width:35px;height:39px;line-height:39px;background:var(--mint);color:#163a31;font-size:26px;letter-spacing:-3px;margin:0;border-radius:9px;font-weight:800}.brandname{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.6px}.brandname small{font-family:'DM Sans',sans-serif;letter-spacing:1.5px;font-size:8px;color:#a6bdb1;margin-top:5px}
.workspace{margin-top:34px;background:#ffffff07;border-color:#ffffff16;padding:14px 10px}.workspace small{color:#a0b7ac}.navlabel{color:#7f9d90;font-size:11px!important;letter-spacing:2px}
nav button{gap:13px;color:#a9c0b4;border-radius:9px;padding:13px 14px;margin:6px 0}nav button.active{background:#ace76f;color:#193b2e;box-shadow:0 3px 0 #071f1a30;font-weight:700}nav button:hover{background:#31574a}nav button.active:hover{background:#b8ee81}nav svg{flex-shrink:0;width:19px;height:19px}
.sidebar-bottom{border-top:1px solid #ffffff12;margin-top:auto}.sidebar-bottom p{color:#9bb1a5}.preview-dot{color:#b7d0c1}.avatar{background:#355d49;color:#cef1ab}.small{background:#e8eedd;color:#33573c}
header{background:#fafbf6d9;border-bottom:1px solid #dce0d2;height:70px;backdrop-filter:blur(15px)}header strong{color:#274536}.demo{border-color:#bfc9af;color:#4a6538;background:#edf4e3;font-weight:600;border-radius:20px}.country{color:#54674f}
main{padding-top:32px}.title-row{margin-bottom:25px}h1{color:#202a21}.eyebrow{color:#657952;letter-spacing:2px}
.toolbar{background:#ffffff75;padding:12px;border:1px solid #d9dece!important;border-radius:12px;margin-top:0!important}.filters label{border-color:#ccd5bf;background:#fff;box-shadow:0 2px 0 #183a2110}.filters label:first-child{background:#203e30;color:#bee898;border-color:#203e30}.filters label:first-child select{color:#f2f8e8}.filters option{color:#1b3023;background:#fff}.source-label{color:#7e8871}
.card{background:#fffffc;border:1px solid #cbd2c1;box-shadow:0 3px 0 #27332413,0 9px 28px #24351e04!important}.kpi{border-top:3px solid #24392b;padding:22px 20px 19px}.kpi .label{text-transform:uppercase;font-family:monospace;font-size:12px!important;letter-spacing:1.25px;color:#727965}.kpi .value{font-weight:800;color:#1e2b1d}.kpi.featured{background:#b2e979;border-color:#38502b;box-shadow:0 4px 0 #31462423!important}.featured .label{color:#506b36}.featured .value{color:#193516}.featured .foot{color:#46612e}.kpi.red .value{color:#ad443e}.kpi.red{border-top-color:#b56053;background:#fffcf8}
#export{background:#243d2c;color:#f1f7e9;border-color:#243d2c;border-radius:9px;box-shadow:0 3px 0 #10261c20}#export:hover{background:#304f38}.button:hover{border-color:#789363}
.alert{border-color:#dbcfaa;background:#fbf7e9;border-left:3px solid #b19e5e;border-radius:8px;color:#756542}.alert strong{color:#625431}
.bar{background:#24544c}.bar.cost{background:#cdd5bf}.bar-group.current .bar{background:#a5de6d;border:1px solid #5f7e3e}.bar-group.current .bar.cost{background:#315a4b}.legend i{background:#2d6251}.legend i.gray{background:#c6d1b6}.chart-summary strong{color:#294632}.chart-summary{border-top:1px solid #ebeee3;padding-top:15px}.chart{background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#e8ebdf 50px);border-bottom-color:#d3dac7}
.segmented{height:12px}.segmented div:nth-child(1){background:#a5de6d}.segmented div:nth-child(2){background:#d7867b}.segmented div:nth-child(3){background:#5a8175}.statrow:first-of-type{color:#28533e}.oper-top strong{color:#20382a}
th{background:#f1f3e9;border-top:1px solid #c7cfba;border-bottom:1px solid #c7cfba;text-transform:uppercase;letter-spacing:1px;font-family:monospace;color:#798064}td{border-color:#e9eddf}tbody tr:hover{background:#f3f8e9}.storebadge{background:#edf2df;color:#627448;border:1px solid #dfe7ce}.pill{background:#e7f3d7;color:#40642c;border-radius:20px}.pill.danger{background:#fae9e4;color:#a34b42}.table-note{background:#f6f7ef;color:#7c856c}.table-card .card-heading{padding-bottom:2px}.track{background:#ecefe3}.track span{background:#65934f}.connector-icon{background:#e2f2cc;color:#375d27}.notice{background:#ecf2e3;color:#576e3e;border:1px solid #d9e3cb}.costline{border-color:#e2e6d8}.costline.total{background:#f2f6e9;padding:16px 10px;margin:0 -10px}.green{color:#3d7234}.red{color:#b84c43}dialog{background:#fffffa;border:1px solid #99ac85}dialog::backdrop{background:#112b2277;backdrop-filter:blur(4px)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #7bad4b}
body{font-feature-settings:"ss01" on; -webkit-font-smoothing:antialiased}
nav button{font-family:'DM Sans',sans-serif;font-size:14px;font-weight:500;min-height:46px;transition:background .18s,color .18s}
.card{box-shadow:0 2px 5px #102d3f03,0 10px 28px #102d3f03;border-radius:14px}
.kpi{min-height:155px;display:flex;flex-direction:column;justify-content:space-between}
.kpi .value{font-variant-numeric:tabular-nums;letter-spacing:-1.2px}
.kpi .label{font-size:14px}.kpi .foot{font-size:12px;line-height:1.5}
h1{font-size:32px;letter-spacing:-1.2px;line-height:1.2}
h2{font-size:17px}.eyebrow,.navlabel{font-size:12px}
.title-row p{font-size:15px}.button,select{font-size:14px}
.toolbar{padding:14px 0;margin:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.filters label{border-radius:8px;padding:10px 13px}
.card-heading p,.legend,.source-label,.axis,.chart-summary,.chart .bar-group span,.table-note{font-size:12px}
.statrow{font-size:14px}.statrow em{font-size:12px}.statrow strong{font-size:15px}
.oper-top{font-size:13px}.oper-top strong{font-size:25px}
.alert{font-size:13px;line-height:1.5}.alert button{font-size:13px}
table{font-size:14px}th{font-size:12px}td{padding-top:18px;padding-bottom:18px}
.pill{font-size:12px}.storebadge{width:31px;height:31px;border-radius:9px;font-size:12px}
.table-note{line-height:1.6}.notice,.mini-grid p{font-size:14px}
.button{transition:box-shadow .18s,background .18s,transform .18s}.button:hover{box-shadow:0 4px 12px #162c3910;transform:translateY(-1px)}
.connector-icon{width:48px;height:48px;border-radius:13px;font-size:21px}
.chart-summary{gap:28px}.chart-summary strong{font-size:19px}
footer{font-size:12px;line-height:1.6}.demo{font-size:12px}
@media(max-width:1150px){.kpi .value{font-size:23px}.kpis{gap:12px}.card-heading{flex-wrap:wrap}.legend{flex-direction:row}}
@media(max-width:850px){h1{font-size:27px}.kpi{min-height:145px}.toolbar{overflow:visible}.table-wrap{max-width:100%}.title-row{gap:10px}header{font-size:12px}}
@media(max-width:460px){.kpi .value{font-size:21px}.kpi .label{font-size:13px}.kpi .foot{font-size:12px}.card{border-radius:11px}.filters label{padding:8px}.chart-summary{gap:15px;flex-wrap:wrap}.chart-summary strong{font-size:17px}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media(min-width:1500px){main{padding-left:40px;padding-right:40px}.kpi .value{font-size:34px}.kpi{min-height:170px}}
@media(max-width:1150px){aside{width:216px;padding:28px 14px}.shell{margin-left:216px}.brand{font-size:18px;gap:8px}.brandname small{font-size:7px}.kpi .value{font-size:22px}.kpi{padding:18px 14px}.kpi .label{font-size:11px!important;letter-spacing:.7px}}
@media(max-width:850px){aside{width:100%;padding:17px 16px}.shell{margin-left:0}.brand{font-size:21px}.brandname small{font-size:8px}nav{gap:5px}nav button{padding:10px 12px}header{height:58px}.kpi .value{font-size:26px}.kpi .label{font-size:12px!important}.brandmark{width:32px;height:35px;line-height:35px}.toolbar{padding:10px}}
@media(max-width:460px){.kpi .value{font-size:21px}.kpi .label{font-size:10px!important}.filters{gap:6px}.filters label{padding:8px 5px}select{font-size:13px;max-width:145px}.toolbar{padding:8px}.source-label{display:none}}