@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@500;600;650;700;750;800&display=swap');
:root{--ink:#192c39;--muted:#72808c;--line:#e5e9ed;--green:#177c5a;--red:#c7555b;--nav:#13232f;--mint:#91e7be}*{box-sizing:border-box}body{margin:0;background:#f5f7f9;color:var(--ink);font:16px 'DM Sans',sans-serif}aside{position:fixed;width:235px;inset:0 auto 0 0;background:var(--nav);color:#fff;padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;color:#fff;text-decoration:none;font:800 35px Manrope,sans-serif;letter-spacing:-2px;padding:0 12px}.brandmark{background:var(--mint);color:var(--nav);font-size:31px;letter-spacing:-3px;border-radius:10px;width:36px;height:36px;text-align:center;line-height:32px;margin-right:11px}.branddot{color:var(--mint)}.workspace{margin:34px 3px 29px;padding:13px 9px;border:1px solid #33414c;border-radius:9px;display:flex;gap:10px;font-size:14px}.flag{font-size:22px}small{display:block;color:#8f9da7;font-size:12px;margin-top:4px}.navlabel{font-size:11px;letter-spacing:1.7px;color:#788b99;padding:0 15px}nav button{display:flex;align-items:center;gap:12px;width:100%;border:0;color:#aab8c2;background:none;padding:13px 14px;border-radius:7px;font:500 14px inherit;margin:4px 0;text-align:left;cursor:pointer}nav button.active{background:#283e46;color:#a7efcb}nav button:hover{background:#223540}nav svg{width:18px;height:18px}.sidebar-bottom{margin-top:auto;padding:25px 10px 0;font-size:14px}.preview-dot{color:#b4d9c9;font-size:13px}.sidebar-bottom p{color:#8194a3;font-size:12px;line-height:1.7;margin-bottom:27px}.avatar{display:inline-flex;align-items:center;justify-content:center;background:#354653;color:#d6e1e7;border-radius:50%;width:35px;height:35px;font-size:12px;vertical-align:middle;margin-right:10px}.sidebar-bottom>span{display:inline-block;vertical-align:middle;font-size:13px}.shell{margin-left:235px}header{height:75px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;font-size:13px;color:var(--muted)}header span:not(.avatar,.demo,.country){margin:0 12px;color:#bbc2c8}header strong{font-weight:500;color:var(--ink)}.head-right{display:flex;align-items:center;gap:20px}.demo{font-size:10px;letter-spacing:1.2px;border:1px solid #d7dedf;border-radius:5px;padding:5px 8px}.small{width:30px;height:30px;margin:0;background:#ecf0f2;color:#49616e}main{max-width:1660px;margin:auto;padding:33px 34px 16px}.title-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:var(--green);margin-bottom:9px}h1{font:750 29px Manrope,sans-serif;letter-spacing:-1px;margin:0}p{color:var(--muted);font-size:14px;line-height:1.6}.title-row p{margin:8px 0 0}.button{background:white;border:1px solid #dce2e6;border-radius:7px;padding:11px 15px;color:var(--ink);font:500 13px 'DM Sans';cursor:pointer}.button:hover{border-color:#7c9b91}.toolbar{display:flex;align-items:center;justify-content:space-between;margin:27px 0 22px;gap:15px}.filters{display:flex;gap:9px}.filters label{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:9px 12px;color:#70818b}select{border:0;background:transparent;color:var(--ink);font:500 13px 'DM Sans';max-width:180px;cursor:pointer}.source-label{font-size:11px;color:#8b969e}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:21px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.kpi{position:relative;padding:20px 20px 17px;min-height:144px}.kpi .label{color:#6b7a84;font-size:13px;display:flex;justify-content:space-between;gap:8px}.kpi .value{font:750 29px Manrope,sans-serif;letter-spacing:-1px;margin:15px 0 9px;white-space:nowrap}.kpi .foot{font-size:11px;color:var(--muted)}.kpi.featured{background:#173b32;border-color:#173b32;color:white}.featured .label,.featured .foot{color:#b4cfc4}.featured .value{color:#a1ecc6}.red{color:var(--red)}.green{color:var(--green)}.pill{display:inline-block;padding:4px 7px;border-radius:5px;background:#edf6f1;color:var(--green);font-size:11px;font-weight:600}.pill.danger{background:#fff0f0;color:var(--red)}.alert{display:flex;align-items:center;gap:14px;background:#fff7ed;border:1px solid #f2e4cd;border-radius:8px;padding:13px 17px;margin-bottom:22px;font-size:12px;color:#80623e}.alert strong{color:#745335}.alert button{margin-left:auto;white-space:nowrap;border:0;background:none;color:#866137;cursor:pointer;font:600 12px 'DM Sans'}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:22px}.card-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px;gap:10px}h2{font:700 16px Manrope;margin:0;letter-spacing:-.3px}.card-heading p{font-size:11px;margin:5px 0 0}.legend{display:flex;gap:12px;font-size:10px;color:#71828c}.legend i{display:inline-block;width:7px;height:7px;border-radius:2px;background:#378b70;margin-right:5px}.legend i.gray{background:#b9c8ce}.chart{height:204px;display:flex;position:relative;padding:0 7px 0 50px;align-items:end;justify-content:space-around;background:repeating-linear-gradient(to top,transparent 0,transparent 49px,#edf0f2 50px);border-bottom:1px solid #e7ebee;margin-bottom:27px}.axis{position:absolute;left:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:#97a1a8}.bar-group{height:100%;display:flex;align-items:end;gap:7px;position:relative;width:50px}.bar{width:22px;background:#35876f;border-radius:4px 4px 0 0}.bar.cost{background:#bdcbd0}.bar-group span{position:absolute;bottom:-23px;font-size:11px;left:6px;color:#6f7e88}.bar-group.current .bar{background:#1b5945}.bar-group.current .bar.cost{background:#90b0a3}.chart-summary{display:flex;gap:24px;padding-top:10px;font-size:11px;color:#839199}.chart-summary strong{display:block;font-size:17px;color:#294239;margin-top:4px}.oper-top{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.oper-top strong{font:700 23px Manrope;color:var(--ink);display:block;margin-top:5px}.segmented{display:flex;height:11px;border-radius:5px;overflow:hidden;margin:21px 0}.segmented div:nth-child(1){background:#3c9574}.segmented div:nth-child(2){background:#da8287}.segmented div:nth-child(3){background:#8faecd}.statrow{display:grid;grid-template-columns:1fr auto 68px;align-items:center;font-size:12px;gap:13px;margin:17px 0}.statrow strong{font-size:14px}.statrow .dot{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:7px}.statrow em{font-style:normal;color:#7a8993;text-align:right;font-size:11px}.table-card{padding:22px 0 0;overflow:hidden;margin-bottom:22px}.table-card .card-heading{padding:0 22px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap;font-size:12px}th{font-size:10px;font-weight:500;color:#7a8791;background:#f8fafb;padding:13px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:16px 18px;border-bottom:1px solid #f0f2f4}th:first-child,td:first-child{text-align:left;padding-left:22px}tbody tr{cursor:pointer}tbody tr:hover{background:#f8fbfa}.storebadge{display:inline-flex;width:27px;height:27px;border-radius:7px;background:#eaf1f8;color:#6485a6;align-items:center;justify-content:center;font-size:10px;margin-right:9px}.table-note{font-size:11px;color:#85929a;padding:13px 22px;background:#fafbfc}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mini-grid h2{margin-bottom:13px}.mini-grid p{font-size:12px}footer{display:flex;justify-content:space-between;color:#96a0a7;font-size:10px;padding:27px 0 0}.costline{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;font-size:14px}.costline.total{font-weight:700}.track{height:7px;background:#f0f3f5;border-radius:5px;overflow:hidden;margin:9px 0 20px}.track span{display:block;height:100%;background:#4d9278}.empty{padding:45px;text-align:center}.empty h2{font-size:22px}.connector{padding:26px}.connector h2{font-size:22px;margin:20px 0 12px}.connector p{min-height:60px}.connector-icon{display:inline-flex;width:42px;height:42px;border-radius:10px;align-items:center;justify-content:center;background:#e8f4ed;font-weight:bold;color:var(--green)}dialog{border:1px solid var(--line);border-radius:14px;max-width:520px;width:calc(100% - 32px);padding:32px;color:var(--ink);box-shadow:0 30px 100px #102c3c33}dialog::backdrop{background:#11253166}dialog h2{font-size:22px;padding-right:25px}dialog #close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:26px;cursor:pointer;color:#637580}button,select,a{outline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #338568}.notice{font-size:12px;padding:12px 15px;background:#edf4f8;border-radius:6px;color:#4c6d83;margin:0 0 20px}@media(min-width:1600px){main{padding:40px 48px}.kpi .value{font-size:34px}.chart{height:230px}td{padding-top:18px;padding-bottom:18px}}@media(max-width:1150px){aside{width:195px}.shell{margin-left:195px}main{padding:25px 22px}.kpi .value{font-size:24px}.kpi{padding:16px}.grid{grid-template-columns:1.3fr 1fr}.source-label{max-width:180px;text-align:right}.legend{flex-direction:column;gap:4px}}@media(max-width:850px){aside{position:static;width:100%;padding:15px}.brand{font-size:27px}.workspace,.navlabel,.sidebar-bottom{display:none}nav{display:flex;overflow:auto;margin-top:14px}nav button{width:auto;white-space:nowrap;padding:10px}.shell{margin:0}header{padding:0 20px;height:58px}.grid{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,1fr)}.mini-grid{grid-template-columns:1fr}.title-row{align-items:start}h1{font-size:25px}.title-row .button{font-size:0}.title-row .button:first-letter{font-size:16px}.source-label{display:none}.head-right .country{display:none}footer{gap:15px}.chart{height:210px}}@media(max-width:460px){main{padding:24px 14px}.kpi .value{font-size:22px}.kpis{gap:10px}.toolbar{margin-top:20px}.filters label{padding:9px 7px}select{max-width:153px}header{font-size:11px}.head-right{gap:8px}.alert{align-items:start;flex-wrap:wrap}.alert button{margin-left:25px}.card{padding:17px}.table-card{padding:17px 0 0}.chart-summary{gap:15px}}