:root{
  --bg:#2b3829;--bg2:#141a14;--side:#2b3829;--side-line:#c7ccc7;--surface:#181e18;--surface2:#1c231c;
  --border:#232c23;--border2:#2a332a;
  --text:#e5e8e5;--text2:#c7ccc7;--text3:#a9b3ab;--muted:#93a096;
  --tab:#2b3829;--tab-ink:#ffffff;--accent:#5e6e61;--accent-ink:#0f1310;
  --pos:#86efac;--warn:#fbbf24;--neg:#fb7185;--teal:#2dd4bf;
  --shadow:none;
}
:root[data-theme="light"]{
  --bg:#f3f5f1;--bg2:#ffffff;--side:#ffffff;--side-line:var(--border);--surface:#ffffff;--surface2:#f2f4ee;
  --border:#e2e6dd;--border2:#d1d8c9;
  --text:#1a201b;--text2:#3b453d;--text3:#5a655c;--muted:#68736a;
  --tab:#e3e9dd;--tab-ink:#1a201b;--accent:#4f5f52;--accent-ink:#ffffff;
  --pos:#2f7d3a;--warn:#93670a;--neg:#c2334f;--teal:#0d7f74;
  --shadow:0 1px 2px rgba(26,32,27,.06);
}
:root:not([data-theme="light"]) [id^="g-"]{
  --bg2:#ffffff;--surface2:#f2f4ee;--border:#e2e6dd;--border2:#d1d8c9;
  --text:#1a201b;--text2:#3b453d;--text3:#5a655c;--muted:#68736a;
  --accent:#5e6e61;--accent-ink:#ffffff;
  --st-neg:#c81e1e;--st-warn:#a15c00;--st-pos:#15803d;
}
:root[data-theme="light"] [id^="g-"]{
  --bg2:#ffffff;--surface2:#f2f4ee;--border:#e2e6dd;--border2:#d1d8c9;
  --text:#1a201b;--text2:#3b453d;--text3:#4e5950;--muted:#5f6a61;
  --accent:#5e6e61;--accent-ink:#ffffff;
  --st-neg:#b91c1c;--st-warn:#955300;--st-pos:#146c35;
}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:'Poppins',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--text2);text-decoration:none}
a:hover{color:var(--text)}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:9px}
.card{box-shadow:var(--shadow)!important}
#kpi-grid{grid-template-columns:minmax(0,1fr)}
.kpi-lane{display:contents}
@media (min-width:1380px){
#kpi-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
.kpi-lane{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:12px;border-radius:16px;background:color-mix(in oklab,var(--text) 5%,transparent);border:1px solid color-mix(in oklab,var(--text) 10%,transparent);box-shadow:0 4px 10px rgba(0,0,0,.3),0 14px 36px rgba(0,0,0,.4)}
:root:not([data-theme="light"]) .kpi-lane{background:#e5e8e5;border-color:#d3d8d3}
}
@media (max-width:1179.98px){
aside.navbar-vertical .navbar-toggler{display:block!important}
aside.navbar-vertical{position:fixed!important;top:0;bottom:0;left:0;width:64px!important;max-width:none;z-index:1030;overflow-x:hidden;overflow-y:auto;transition:width .18s ease,box-shadow .18s ease}
aside.navbar-vertical>.container-fluid{flex-direction:column!important;align-items:stretch!important;flex-wrap:nowrap!important;justify-content:flex-start!important;padding:0!important;min-height:100%}
aside.navbar-vertical .navbar-toggler{order:-1;align-self:flex-start;margin:14px 0 6px 14px!important}
aside.navbar-vertical #brand{display:none!important}
aside.navbar-vertical.open{width:240px!important;box-shadow:0 0 40px rgba(0,0,0,.35)}
aside.navbar-vertical.open #brand{display:flex!important;padding-top:4px!important}
aside.navbar-vertical #nav-menu{display:block!important;flex-basis:auto;flex-grow:0}
aside.navbar-vertical #nav-menu .navbar-nav{flex-direction:column;margin:0!important}
aside.navbar-vertical:not(.open) #nav-menu>.text-uppercase,aside.navbar-vertical:not(.open) .nav-link-title{display:none}
aside.navbar-vertical:not(.open) .nav-link{justify-content:center;padding-left:0!important;padding-right:0!important;margin:0 8px}
aside.navbar-vertical:not(.open) .nav-link{display:flex!important;justify-content:center!important;width:40px;height:36px;margin:0 12px!important}aside.navbar-vertical:not(.open) .nav-link-icon{margin:0!important;width:auto!important}
aside.navbar-vertical .nav-link-title{white-space:nowrap}
.page-wrapper{margin-left:64px!important}
}
@media (max-width:767.98px){
aside.navbar-vertical{width:0!important;border-right:0!important;overflow:visible}
aside.navbar-vertical:not(.open) #nav-menu{display:none!important}
aside.navbar-vertical .navbar-toggler{position:fixed;top:0;left:0;z-index:1031;background:var(--bg2)!important}
aside.navbar-vertical.open{width:240px!important;overflow-y:auto;border-right:1px solid var(--border)!important}
aside.navbar-vertical.open .navbar-toggler{position:static}
.page-wrapper{margin-left:0!important}
#top-bar{padding-left:56px!important}
}
.apexcharts-tooltip{background:var(--surface2)!important;border:1px solid var(--border2)!important;box-shadow:none!important}
.apexcharts-tooltip-title{background:var(--border)!important;border-bottom:1px solid var(--border2)!important}