@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#17253e;background:#f3f6fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}small{display:block}.app-shell{min-height:100vh;display:grid;grid-template-columns:254px 1fr}.sidebar{background:#071b3d;color:#bdcae0;padding:25px 15px;display:flex;flex-direction:column;position:fixed;width:254px;height:100vh;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:#fff;font:800 20px Manrope}.brand small{font:600 8px Manrope;letter-spacing:1.5px;color:#8aa1c8;margin-top:1px}.brand-mark{height:39px;width:39px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#20ddbf,#1896c8);color:#082042;font-size:15px;box-shadow:0 7px 20px #16bea245}.user-card{margin:45px 7px 29px;padding:13px 0;border-top:1px solid #1b3561;border-bottom:1px solid #1b3561;display:flex;gap:9px;align-items:center}.user-card strong{font-size:12px;color:#fff}.user-card small{font-size:10px;margin-top:2px}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#e4b763;color:#fff;font-size:10px;font-weight:700}.sidebar nav{display:grid;gap:5px}.sidebar nav button{background:transparent;color:#9fb0ce;text-align:left;padding:11px 12px;border-radius:8px;font-size:12px;display:flex;align-items:center;gap:12px}.sidebar nav button span{font-size:18px;width:17px;color:#8ea2c7}.sidebar nav button:hover,.sidebar nav .active{color:#fff;background:#123564}.sidebar nav .active span{color:#25dfc2}.sidebar-foot{margin-top:auto;border-top:1px solid #1b3561;padding:18px 7px 0;font-size:10px}.secure-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22dcbf;margin-right:6px}main{grid-column:2}.topbar{height:94px;background:#fff;padding:0 39px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7edf5}.eyebrow{margin:0 0 3px;color:#738299;text-transform:uppercase;letter-spacing:1.2px;font-size:9px;font-weight:700}.topbar h1{margin:0;font:700 23px Manrope;color:#17253e}.top-actions{display:flex;align-items:center;gap:20px}.icon-button{background:transparent;position:relative;font-size:22px;color:#3d4c65}.icon-button i{position:absolute;top:1px;right:2px;height:6px;width:6px;border-radius:50%;background:#ee6b68}.profile{border-left:1px solid #e4e9f0;background:transparent;padding-left:18px;color:#1e2e49;font-weight:700}.profile span{margin-left:5px;color:#7e8ba0}.mobile-menu{display:none}.content{padding:27px 39px 39px}.filters{background:#fff;border:1px solid #e6ebf2;border-radius:10px;padding:13px 17px;display:flex;gap:22px;align-items:end;box-shadow:0 3px 10px #1c35520a}.filters label{font-size:8px;font-weight:700;letter-spacing:.8px;color:#7b899f;display:grid;gap:4px;min-width:155px}.filters select{border:0;background:#f6f8fb;border-radius:5px;padding:7px 21px 7px 8px;color:#293952;font-size:11px;outline:0}.filters button{font-size:10px;background:transparent;color:#4873a8;padding:7px}.period-note{font-size:11px;color:#5c6b81;margin:17px 2px 21px}.period-note>span{color:#21c9ae}.period-note b{font-weight:500;color:#9aa6b6}.period-note button{float:right;border:1px solid #d4e1ee;background:#fff;border-radius:6px;color:#38678f;font-size:10px;padding:7px 11px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.kpi{position:relative;overflow:hidden;background:#fff;border:1px solid #e7edf5;border-radius:10px;padding:17px 18px 15px}.kpi:after{content:"";position:absolute;top:0;right:0;height:4px;width:57px;background:#23d8bb}.kpi.blue:after{background:#5c9af8}.kpi.gold:after{background:#e8b84d}.kpi.green:after{background:#62c68b}.kpi p{color:#687890;font-size:10px;margin:0 0 9px;font-weight:700}.kpi strong{font:800 22px Manrope;color:#172941}.kpi div span{font-size:10px;color:#687890;margin-left:5px}.kpi small{font-size:10px;color:#18ab8b;margin-top:7px;font-weight:700}.kpi em{font-style:normal;color:#93a0b2;font-weight:400}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;margin-top:16px}.panel{background:#fff;border:1px solid #e6ebf2;border-radius:10px;min-width:0}.panel-head{height:55px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5}.panel-head h2{font:700 13px Manrope;margin:0;color:#263650}.panel-head button{background:#f6f8fa;border-radius:5px;color:#6a7c95;font-size:9px;padding:6px 9px}.trend{padding-bottom:11px}.trend-chart{padding:15px 17px 0}.chart-key{display:flex;gap:15px;font-size:9px;color:#718199}.chart-key i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.xp{background:#16cdb0}.sap{background:#628ef2}.trend svg{height:171px;width:100%;margin-top:3px}.grid{fill:none;stroke:#ecf0f5;stroke-width:1}.sap-line,.xp-line{fill:none;stroke-width:3}.sap-line{stroke:#628ef2}.xp-line{stroke:#19c6ad}.xp-dot{fill:#fff;stroke:#19c6ad;stroke-width:3}.chart-months{display:flex;justify-content:space-between;color:#8996a8;font-size:9px;margin:0 1px}.donut-wrap{display:flex;padding:24px 17px;align-items:center;gap:19px}.donut{height:145px;width:145px;flex:none;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#25d4b8 0,#25d4b8 34.8%,#5f94ee 34.8%,#5f94ee 59.9%,#e9b64e 59.9%,#e9b64e 82.5%,#c3cfdd 82.5%,#c3cfdd)}.donut>div{height:100px;width:100px;background:#fff;border-radius:50%;display:grid;place-content:center;text-align:center}.donut strong{font:800 15px Manrope}.donut small{font-size:8px;color:#8996a8}.donut-wrap ul{padding:0;margin:0;list-style:none;width:100%;font-size:9px;color:#52637d;display:grid;gap:11px}.donut-wrap li i{width:7px;height:7px;border-radius:50%;display:inline-block;background:#25d4b8;margin-right:5px}.donut-wrap li:nth-child(2) i{background:#5f94ee}.donut-wrap li:nth-child(3) i{background:#e9b64e}.donut-wrap li:nth-child(4) i{background:#c3cfdd}.donut-wrap li b{float:right;color:#263650}.map{grid-row:span 1}.map-canvas{height:249px;position:relative;overflow:hidden;background:#eaf2e7;background-image:radial-gradient(#d0dfcd 1px,transparent 1px);background-size:17px 17px}.map-lines{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:linear-gradient(24deg,transparent 47%,#d4c8ad 48%,#d4c8ad 49%,transparent 50%),linear-gradient(115deg,transparent 48%,#c6dbca 49%,#c6dbca 50%,transparent 51%);opacity:.8}.map-label{position:absolute;color:#657c6d;font-size:10px;font-weight:700}.l1{left:31%;top:23%}.l2{left:52%;top:57%}.l3{left:69%;top:25%}.map-pin{position:absolute;width:13px;height:13px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#23c5a9;border:2px solid white;box-shadow:0 2px 5px #263c4960}.map-pin.hot{background:#f4775a}.map-pin.cold{background:#548fea}.map-legend{position:absolute;bottom:10px;left:11px;font-size:8px;color:#52667d;background:#fffd;padding:5px}.map-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f4775a;margin:0 3px}.map-legend .cold{background:#548fea;margin-left:8px}.outlets{grid-column:span 2}table{width:100%;border-collapse:collapse;font-size:10px;color:#53627a}th{text-align:left;color:#8a97a8;font-size:8px;letter-spacing:.7px;height:28px}th:first-child,td:first-child{padding-left:17px}th:last-child,td:last-child{padding-right:17px;text-align:right}td{border-top:1px solid #edf1f5;padding:10px 0}td strong{font-size:10px;color:#33445e}td small{font-size:8px;color:#9aa6b5;margin-top:2px}.progress{height:5px;width:70px;display:inline-block;background:#edf2f5;border-radius:8px;margin-right:8px;vertical-align:middle}.progress i{display:block;height:100%;border-radius:8px;background:#22cdb1}.toast{position:fixed;right:20px;bottom:20px;background:#10284d;color:#fff;padding:13px 15px;border-radius:8px;font-size:11px;box-shadow:0 10px 30px #0c1f3b55}.toast button{color:#fff;background:transparent;margin-left:12px;font-size:17px}.login{min-height:100vh;display:grid;grid-template-columns:52% 48%;background:#fff}.login-panel{width:min(390px,75%);margin:auto}.login .brand{color:#152b4e}.login .brand small{color:#7285a3}.login h1{font:800 30px Manrope;color:#152b4e;margin:61px 0 7px}.login-panel>p{color:#738199;font-size:12px;line-height:1.6;margin:0 0 29px}.login form{display:grid;gap:16px}.login label{color:#596a84;font-size:10px;font-weight:700;display:grid;gap:7px}.login input{padding:12px;border:1px solid #dce4ef;border-radius:6px;outline-color:#1ac6ad;font-size:12px}.primary{margin-top:5px;background:#0a325f;color:#fff;padding:13px;border-radius:6px;font-weight:700;font-size:12px}.primary span{float:right;color:#25dfc1;font-size:17px;margin-top:-3px}.login-security{text-align:center;color:#8695a9;font-size:9px;margin-top:28px}.login-security span{color:#20cfae;font-size:15px;margin-right:5px}.login-art{overflow:hidden;position:relative;padding:18% 15%;background:radial-gradient(circle at 62% 42%,#176a9b,#0a2455 54%,#061737);color:#fff}.login-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:40px 40px}.login-art>*{position:relative}.login-art p{font-size:10px;letter-spacing:2px;color:#63e4cd;margin:0}.login-art h2{font:800 37px/1.24 Manrope;margin:15px 0}.glow{position:absolute;width:400px;height:400px;border-radius:50%;background:#26cdb532;filter:blur(45px);top:20%;left:25%}.art-chart{height:210px;margin-top:85px;display:flex;align-items:end;gap:15px;padding:0 15px;border-bottom:1px solid #5dd8c666}.art-chart i{width:40px;background:linear-gradient(#36dabb,#1d8cc2);border-radius:5px 5px 0 0;box-shadow:0 0 22px #41d7bd55}.art-chart i:nth-child(1){height:41%}.art-chart i:nth-child(2){height:64%}.art-chart i:nth-child(3){height:50%}.art-chart i:nth-child(4){height:87%}.art-chart i:nth-child(5){height:71%}.art-chart i:nth-child(6){height:100%}@media (max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.contribution{grid-row:span 1}.outlets{grid-column:span 1}.filters{gap:10px}.filters label{min-width:0;flex:1}.kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.app-shell{display:block}.sidebar{transform:translate(-100%);transition:.2s;width:250px}.sidebar.open{transform:translate(0);box-shadow:10px 0 30px #00102d66}main{width:100%}.topbar{height:75px;padding:0 18px}.mobile-menu{display:block;background:none;font-size:19px;margin-right:12px;color:#233856}.topbar>div:first-of-type{margin-right:auto}.content{padding:17px}.filters{display:grid;grid-template-columns:1fr 1fr}.filters button{justify-self:start}.period-note button{float:none;display:block;margin-top:7px}.kpis{gap:9px}.kpi{padding:13px}.kpi strong{font-size:18px}.dashboard-grid{margin-top:10px}.login{grid-template-columns:1fr}.login-art{display:none}.login-panel{width:min(390px,85%)}.login h1{margin-top:45px}.top-actions{gap:5px}.profile{border:0;padding:0}.trend-chart{padding-inline:10px}.donut-wrap{gap:12px;padding:20px 11px}.donut{height:122px;width:122px}.donut>div{width:83px;height:83px}.map-canvas{height:215px}}