:root{--dottie-green-color:#07412b;--dottie-white-color:white;--dottie-yellow-color:#fff202;--dottie-washed-green-color:#B2C6C4;--dottie-orange-color:#DF6E36;--dottie-washed-purple-color:#B9A1BB;--dottie-gray-color:#949995;--dottie-light-green:#b1c7c5;--ut-header-background-color:var(--dottie-green-color);--ut-field-label-text-color:var(--dottie-green-color)}.sideTabs>.t-Tabs-item>.t-Tabs-link{color:var(--dottie-white-color)}.t-Region-title{color:var(--dottie-green-color);font-weight:bolder}.t-Header-branding{background-color:var(--dottie-green-color);color:var(--dottie-white-color)}.dottie-url{font-weight:700}.dottie-green-button{background-color:var(--dottie-green-color);color:var(--dottie-white-color)}.dottie-green-button:hover,.sideTabs>.t-Tabs-item>.t-Tabs-link:hover{background-color:var(--dottie-yellow-color);color:var(--dottie-green-color)}.c20{--ut-badge-background-color:var(--dottie-light-green);--ut-badge-text-color:black}.t-Badges-dottie{display:flex;gap:var(--ut-badge-list-gap,.25rem);flex-wrap:wrap;margin:auto;padding:20px;list-style:none}.kpi-card,.t-Badges-dottie li{margin:auto}.kpi-card{justify-content:space-between;background-color:#1f3d2b;color:#fff;padding:15px 20px;border-radius:10px;width:350px;font-family:Arial,sans-serif}.kpi-card,.kpi-icon,.kpi-left{display:flex;align-items:center}.kpi-left{gap:10px}.kpi-icon{background:#fff;color:#1f3d2b;width:30px;height:30px;border-radius:50%;justify-content:center}.kpi-details{display:flex;flex-direction:column}.kpi-sales{display:flex;align-items:center;gap:5px;font-size:20px}.kpi-change{font-size:14px;color:#fff}.kpi-label{font-size:12px;color:#ddd;margin-top:2px}.kpi-divider{width:2px;height:40px;background-color:#fff;margin:0 15px}.kpi-right{text-align:right}.metric-card{background:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:15px;text-align:center;max-width:250px;margin:auto;font-family:Arial,sans-serif}.clickable-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.clickable-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.metric-card-body{background-color:#b1c7c5;border-radius:12px}.metric-card-icon{display:flex;justify-content:center;margin-bottom:10px}.icon-container,.metric-value{font-weight:700;display:flex;justify-content:center;align-items:center}.icon-container{background-color:#214734;color:#fff;border-radius:50%;width:50px;height:50px;font-size:14px}.metric-value{font-size:22px;color:#333;gap:8px}.metric-value .trend{font-size:14px;font-weight:700}.metric-value .trend.up{color:green}.metric-value .trend.down{color:red}.metric-description{font-size:14px;color:#333;margin-top:5px}.metric-subtext{font-size:12px;color:#333;margin-top:3px}.metric-card:hover{box-shadow:0 6px 15px rgba(0,0,0,.15)}.sales-category{max-width:600px;margin:auto}.sales-list{display:flex;flex-direction:column;gap:10px}.sales-item{display:flex;align-items:center;justify-content:space-between;font-family:Arial,sans-serif}.category-name{width:80px;font-size:14px;color:#333}.progress-bar{flex:1;display:flex;align-items:center;gap:10px}.progress-label{font-size:14px;font-weight:700;color:#388e3c}.bar-container{flex:1;display:flex;align-items:center;gap:10px}.bar-background{background-color:#d3e2dc;border-radius:10px;height:10px;width:100%;position:relative;overflow:hidden}.bar-fill{height:100%;background-color:#f47c4f;border-radius:10px}.total-sales{font-size:14px;color:#666}.circle-indicator{width:40px;height:40px;border-radius:50%;border:2px solid #f47c4f;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700;color:#f47c4f}.t-Header .t-Header-navBar{--a-menubar-background-color:transparent;--a-menubar-item-background-color:transparent;--a-menubar-item-border-color:transparent;--a-menubar-item-text-color:var(--dottie-white-color, #ffffff);--a-menubar-item-current-background-color:rgba(255,255,255,.18);--a-menubar-item-current-text-color:var(--dottie-white-color, #ffffff);--a-menubar-item-split-border-color:rgba(255,255,255,.25);--a-menubar-item-split-icon-color:var(--dottie-white-color, #ffffff);--a-menu-focused-background-color:rgba(255,255,255,.15);--a-menu-focused-text-color:var(--dottie-white-color, #ffffff);--a-menu-expanded-background-color:rgba(255,255,255,.22);--a-menu-expanded-text-color:var(--dottie-white-color, #ffffff)}.t-Header .t-Header-navBar .a-MenuBar{background:0 0;border:0;box-shadow:none}.t-Header .t-Header-navBar .a-MenuBar-item{background-color:transparent;border-color:transparent}.t-Header .t-Header-navBar .a-MenuBar-item>.a-MenuBar-label{color:var(--dottie-white-color, #ffffff)}.t-Header .t-Header-navBar .a-MenuBar-item .a-Icon{color:inherit}.t-Header .t-Header-navBar .a-MenuBar-item.is-focused>.a-MenuBar-label,.t-Header .t-Header-navBar .a-MenuBar-item:hover>.a-MenuBar-label{background-color:rgba(255,255,255,.15);color:var(--dottie-white-color, #ffffff)}.t-Header .t-Header-navBar .a-MenuBar-item.is-expanded>.a-MenuBar-label{background-color:rgba(255,255,255,.22);color:var(--dottie-white-color, #ffffff)}