: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;text-decoration:underline}.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:100%;max-width:350px;font-family:Arial,sans-serif;box-sizing:border-box}.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;width:100%;max-width:250px;margin:auto;font-family:Arial,sans-serif;box-sizing:border-box}.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{width:100%;max-width:600px;margin:auto;padding:0 10px;box-sizing:border-box}.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}*{box-sizing:border-box}@media (max-width:576px){.kpi-card{width:100%;max-width:none;margin:10px;padding:12px 15px;flex-direction:column;gap:15px}.kpi-left,.kpi-right{width:100%;text-align:center}.kpi-divider{display:none}.kpi-sales{font-size:18px;justify-content:center}.kpi-label{font-size:11px;text-align:center}.metric-card{width:100%;max-width:none;margin:10px;padding:12px}.metric-value{font-size:20px}.metric-description{font-size:13px}.metric-subtext{font-size:11px}.icon-container{width:45px;height:45px;font-size:13px}.sales-category{padding:0 15px}.sales-item{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 0;border-bottom:1px solid #eee}.category-name{width:100%;font-size:13px;font-weight:700;margin-bottom:5px}.progress-bar{width:100%}.circle-indicator{width:35px;height:35px;font-size:11px}.t-Badges-dottie{padding:15px 10px;gap:.15rem}.dottie-green-button{min-height:44px;padding:12px 16px;font-size:16px}.t-Region-title{font-size:16px;margin-bottom:10px}}@media (min-width:577px) and (max-width:768px){.kpi-card{max-width:400px;padding:18px 22px}.metric-card{max-width:280px}.sales-category{padding:0 20px}.sales-item{padding:8px 0}}@media (min-width:769px) and (max-width:992px){.kpi-card{max-width:380px}.metric-card{max-width:260px}}@media (min-width:993px){.kpi-card{max-width:350px}.metric-card{max-width:250px}}@media (max-width:768px) and (orientation:landscape){.kpi-card{flex-direction:row;padding:10px 15px}.kpi-divider{display:block;height:30px;margin:0 10px}.kpi-left,.kpi-right{text-align:left}.sales-item{flex-direction:row;align-items:center}.category-name{width:100px;margin-bottom:0}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.kpi-card,.metric-card{border:.5px solid rgba(0,0,0,.1)}.icon-container{border:.5px solid rgba(255,255,255,.2)}}@media (max-width:768px){.clickable-card{min-height:44px;min-width:44px}.kpi-label,.metric-subtext{line-height:1.4}.t-Badges-dottie li{margin:2px}}