/* Screen-specific dimensions transcribed from the supplied 1672 × 941 designs.
   Layout, typography, tables, icons, charts and controls are native HTML/CSS/SVG. */
:root {--ink:#12151b!important;--muted:#777d89!important;--line:#e3e4e5!important;--bg:#f7f7f7!important}
body {background:linear-gradient(115deg,#f6f6f5,#fafafa)!important;color:var(--ink)!important}
.card {box-shadow:0 1px 3px #00000002!important;border-color:#e3e3e5!important}
.topbar {background:linear-gradient(100deg,#fafafa,#fff)!important}
.primary {background:linear-gradient(115deg,#343535,#282929)!important;border-color:#383838!important}
.nav-link.active {font-weight:500!important;background:linear-gradient(105deg,#e4e2dd,#dedbd5)!important}
#demo-trigger {display:none!important} /* D or the profile opens the demonstration index. */
.geographic-map {position:relative!important;overflow:hidden!important;background:#ecebe5!important;isolation:isolate!important}
.geographic-map .map-base {width:100%!important;height:100%!important;max-width:none!important;object-fit:fill!important;display:block!important;opacity:.88!important}
.geographic-map .map-pin {position:absolute!important;right:auto!important;bottom:auto!important;transform:translate(-9px,-22px)!important;border:0!important;background:none!important;padding:0!important;gap:4px!important;font-size:10px!important;font-weight:700!important;box-shadow:none!important;white-space:nowrap!important;z-index:2!important}
.geographic-map .map-pin .icon {fill:currentColor!important;stroke:white!important;width:22px!important;height:29px!important;filter:drop-shadow(0 1px 2px #888)!important}
.geographic-map .map-pin span {background:#ffffffdd!important;padding:4px!important;border-radius:3px!important;color:#343941!important}
.geographic-map .map-credit {position:absolute!important;bottom:0!important;right:0!important;background:#ffffffda!important;padding:3px!important;font-size:8px!important;color:#555!important;z-index:3!important}
.membership-photo {display:block!important;width:100%!important;object-fit:cover!important;transform:none!important;background:none!important;border-radius:6px!important}
.pos-steps {display:flex!important;justify-content:center!important;margin:-2px 0 24px!important}
.pos-steps .steps {width:750px!important;margin:0!important}
body[data-screen="10"] .pos-steps .step.done b {background:#41a264!important}
.network {height:100%!important;max-height:310px!important}
@media (min-width:1200px) {
 body[data-screen="1"] {--sidebar:256px!important;--header:76px!important}
 body[data-screen="2"] {--sidebar:240px!important;--header:76px!important}
 body[data-screen="3"] {--sidebar:258px!important;--header:76px!important}
 body[data-screen="4"] {--sidebar:240px!important;--header:78px!important}
 body[data-screen="5"] {--sidebar:246px!important;--header:76px!important}
 body[data-screen="6"] {--sidebar:241px!important;--header:76px!important}
 body[data-screen="7"] {--sidebar:225px!important;--header:70px!important}
 body[data-screen="8"] {--sidebar:228px!important;--header:76px!important}
 body[data-screen="9"] {--sidebar:225px!important;--header:76px!important}
 body[data-screen="10"] {--sidebar:239px!important;--header:82px!important}
 body[data-screen="11"] {--sidebar:228px!important;--header:76px!important}
 body[data-screen="12"] {--sidebar:229px!important;--header:76px!important}
 body[data-screen="13"] {--sidebar:233px!important;--header:82px!important}
 body[data-screen="14"] {--sidebar:230px!important;--header:76px!important}
 body[data-screen="15"] {--sidebar:244px!important;--header:76px!important}
 body[data-screen="16"] {--sidebar:254px!important;--header:76px!important}
 body[data-screen="17"] {--sidebar:226px!important;--header:70px!important}
 body[data-screen="18"] {--sidebar:229px!important;--header:76px!important}
 body[data-screen="19"] {--sidebar:228px!important;--header:76px!important}
 body[data-screen="20"] {--sidebar:229px!important;--header:76px!important}
 body[data-screen="21"] {--sidebar:239px!important;--header:76px!important}
 body[data-screen="22"] {--sidebar:247px!important;--header:79px!important}
 body[data-screen="23"] {--sidebar:251px!important;--header:76px!important}
 body[data-screen="24"] {--sidebar:254px!important;--header:76px!important}
 body[data-screen="25"] {--sidebar:253px!important;--header:76px!important}
 body[data-screen="26"] {--sidebar:238px!important;--header:76px!important}
 body[data-screen="27"] {--sidebar:262px!important;--header:76px!important}
 body[data-screen="28"] {--sidebar:242px!important;--header:76px!important}
 body[data-screen="29"] {--sidebar:240px!important;--header:76px!important}
 body[data-screen="30"] {--sidebar:229px!important;--header:76px!important}
 body[data-screen="31"] {--sidebar:242px!important;--header:70px!important}
 body[data-screen="32"] {--sidebar:242px!important;--header:76px!important}
 .sidebar {width:var(--sidebar)!important}
 .sidebar nav {padding:13px 13px 0!important}
 .sidebar .nav-link {min-height:42px!important;padding:9px 17px!important;margin-bottom:4px!important;gap:22px!important;font-size:16px!important;font-weight:400!important}
 .sidebar .nav-link.active {font-weight:500!important}
 .sidebar .nav-label {padding:20px 14px 10px!important;font-size:12px!important}
 .member .sidebar .nav-link {min-height:43px!important;margin-bottom:9px!important}
 .topbar .top-search {max-width:1000px!important;padding:10px 15px!important;min-height:42px!important}
 .member .topbar .top-search {flex:0 1 825px!important;max-width:825px!important}
 body[data-screen="1"] .topbar .top-search,body[data-screen="2"] .topbar .top-search {max-width:774px!important}
 .topbar .top-tools {margin-left:auto!important;gap:22px!important}
 body[data-screen="9"] .topbar .top-search,body[data-screen="10"] .topbar .top-search,body[data-screen="11"] .topbar .top-search,body[data-screen="12"] .topbar .top-search,body[data-screen="13"] .topbar .top-search,body[data-screen="14"] .topbar .top-search {flex:0 1 786px!important}
 body[data-screen="8"] .topbar .help,body[data-screen="9"] .topbar .help,body[data-screen="10"] .topbar .help,body[data-screen="11"] .topbar .help,body[data-screen="12"] .topbar .help,body[data-screen="13"] .topbar .help,body[data-screen="14"] .topbar .help {display:none!important}
 .main {padding:27px 27px 20px!important}
 .member .main {padding:26px 34px 20px!important}
 .page-heading h1,.dashboard .page-heading h1 {font-size:34px!important;letter-spacing:-.65px!important}
 .page-heading p {font-size:16px!important;margin-top:6px!important;line-height:1.4!important}
 .card h2,.dashboard .card h2 {font-size:20px!important}
 .card h3 {font-size:17px!important}
 .card td,.dashboard .card td {font-size:14px!important}
 .card th {font-size:13px!important}
 .card .detail-list>div {font-size:15px!important}
 .card .checks li {font-size:14px!important}
 .card .timeline li {font-size:14px!important}
 .card .timeline li small {font-size:13px!important}
 .card .field label {font-size:14px!important}
 .card .field input,.card .field select {font-size:15px!important}
 .card .info {font-size:14px!important}
 .dashboard .kpi {min-height:112px!important;padding:16px!important;gap:15px!important}
 .dashboard .kpi strong {font-size:28px!important;font-weight:500!important}
 .dashboard .kpi small {font-size:13px!important}
 .dashboard .kpi .hint {font-size:12px!important}
 .dashboard .card {padding:17px!important}
 .dashboard .attention {font-size:14px!important;padding:11px 0!important}
 .dashboard .attention small {font-size:12px!important}
 .dashboard .card td {padding:9px 10px!important}
 .dashboard .card th {padding:9px 10px!important}
 .dashboard .chart-panel {min-height:255px!important}
 .dashboard .chart {height:188px!important}
 .dashboard .chart text {font-size:12px!important}
 .dashboard .donut {width:170px!important;height:170px!important}
 .dashboard .donut:after {inset:32px!important}
 .dashboard .donut-legend div {font-size:13px!important;margin-bottom:14px!important}
 .dashboard .donut-wrap {gap:20px!important}
 .member .card td {font-size:14px!important}
 body[data-screen="1"] .main {padding-top:22px!important}
 body[data-screen="1"] .home-bottom .card td {font-size:12px!important}
 body[data-screen="1"] .home-bottom .card .detail-list>div {font-size:13px!important}
 body[data-screen="1"] .sidebar .brand {font-size:28px!important}
 body[data-screen="1"] .mini-product h3 {font-size:13px!important}
 body[data-screen="2"] .main>.grid {height:486px!important;grid-template-columns:1.15fr 1.05fr .92fr!important}
 body[data-screen="2"] .balance-image {height:205px!important;object-fit:cover!important}
 body[data-screen="2"] .timeline {counter-reset:credit-step!important}
 body[data-screen="2"] .timeline li {padding-left:42px!important;padding-bottom:36px!important}
 body[data-screen="2"] .timeline li:before {counter-increment:credit-step!important;content:counter(credit-step)!important;border:0!important;background:#343434!important;color:#fff!important;width:26px!important;height:26px!important;font-size:14px!important;display:grid!important;place-items:center!important;left:0!important}
 body[data-screen="2"] .timeline li:after {display:none!important}
 body[data-screen="2"] .main>.grid .card .info {font-size:12px!important}
 body[data-screen="2"] .main>.card {min-height:215px!important}
 body[data-screen="3"] .product .body p {font-size:13px!important}
 body[data-screen="3"] .product h3 {font-size:16px!important}
 body[data-screen="4"] .main>.grid {grid-template-columns:1.82fr 1fr!important;align-items:start!important;gap:16px!important}
 body[data-screen="4"] .main>.grid>.card:first-child {min-height:397px!important}
 body[data-screen="4"] .main>.grid>.card:nth-child(2) {min-height:287px!important}
 body[data-screen="4"] .main>.grid>.card:nth-child(3) {min-height:199px!important}
 body[data-screen="4"] .main>.grid>.card:nth-child(4) {min-height:199px!important}
 body[data-screen="4"] .cart-table td {padding:14px 9px!important}
 body[data-screen="4"] .cart-table .thumb {width:106px!important;height:67px!important}
 body[data-screen="4"] .steps {font-size:13px!important}
 body[data-screen="5"] .main>.grid {grid-template-columns:1.35fr 1fr!important}
 body[data-screen="5"] .branch-card {min-height:159px!important}
 body[data-screen="5"] .branch-card img {width:159px!important;height:131px!important}
 body[data-screen="5"] .main>.grid>.card {padding:18px!important}
 body[data-screen="5"] .main>.grid>.stack>.card:first-child {min-height:508px!important}
 body[data-screen="5"] .main>.grid>.stack>.card:last-child {min-height:174px!important}
 body[data-screen="5"] .main>.grid>.stack>.card:last-child .row>img {width:275px!important;height:105px!important}
 body[data-screen="6"] .main>.grid {grid-template-columns:1.55fr 1fr!important}
 body[data-screen="6"] .main>.grid>.card:nth-child(1),body[data-screen="6"] .main>.grid>.card:nth-child(2) {min-height:366px!important}
 body[data-screen="6"] .main>.grid>.card:nth-child(3),body[data-screen="6"] .main>.grid>.card:nth-child(4) {min-height:237px!important}
 body[data-screen="6"] .cart-table td {padding:13px 12px!important}
 body[data-screen="6"] .cart-table .thumb {width:110px!important;height:75px!important}
 body[data-screen="6"] .confirmation-steps {margin-bottom:25px!important}
 body[data-screen="6"] .card .between>img {width:350px!important;height:184px!important}
 body[data-screen="7"] .main>.grid {grid-template-columns:.84fr 1.73fr!important}
 body[data-screen="7"] .receipt {min-height:410px!important;padding:22px 18px!important}
 body[data-screen="7"] .main>.grid>.stack:first-child>.card:nth-child(2) {min-height:250px!important}
 body[data-screen="7"] .main>.grid>.stack:last-child>.card:first-child {min-height:280px!important}
 body[data-screen="7"] .main>.grid>.stack:last-child>.card:nth-child(2) {min-height:151px!important}
 body[data-screen="7"] .main>.grid>.stack:last-child>.card:last-child {min-height:224px!important}
 body[data-screen="7"] .card .item-cell .thumb {width:111px!important;height:69px!important}
 body[data-screen="7"] .main>.grid>.stack>.card td {padding:9px 10px!important}
 body[data-screen="7"] .receipt .detail-list>div {font-size:13px!important}
 body[data-screen="8"] .main {padding:16px 20px!important}
 body[data-screen="8"] .main>section.card {border:0!important;background:transparent!important;padding:10px!important}
 body[data-screen="8"] .main>section.card .page-heading {margin-bottom:19px!important}
 body[data-screen="8"] .main>section.card .kpi {min-height:116px!important}
 body[data-screen="8"] .main>section.card .kpi .hint {font-size:11px!important}
 body[data-screen="8"] .main>section.card .quick {min-height:92px!important}
 body[data-screen="8"] .main>section.card .card td {font-size:12px!important;padding:7px 8px!important}
 body[data-screen="8"] .main>section.card .card h2 {font-size:17px!important}
 body[data-screen="8"] .main>section.card .quick-row {margin-bottom:17px!important}
 body[data-screen="8"] .main>section.card>.grid[style*="1.25fr"] {margin-bottom:17px!important}
 body[data-screen="8"] .main>section.card>.grid[style*="1.25fr"] .card {min-height:249px!important}
 body[data-screen="8"] .main>section.card>.grid.cols3 .card {min-height:200px!important}
 body[data-screen="8"] .main>section.card>.grid.cols3 .attention {font-size:12px!important;padding:8px 0!important}
 body[data-screen="9"] .main {padding:27px 29px 0 37px!important}
 body[data-screen="9"] .page-heading {margin-bottom:19px!important}
 body[data-screen="9"] .main>section.card {padding:16px 18px!important}
 body[data-screen="9"] .main>section.card>.mb .steps {width:600px!important;justify-content:start!important}
 body[data-screen="9"] .main>section.card>.grid {grid-template-columns:1.62fr 1fr!important}
 body[data-screen="9"] .main>section.card>.grid.cols2 {grid-template-columns:1.23fr 1fr!important}
 body[data-screen="9"] .main>section.card>.grid>.card {padding:17px 20px!important}
 body[data-screen="9"] .membership-photo {height:241px!important}
 body[data-screen="9"] .main>section.card .scan-box {height:122px!important}
 body[data-screen="9"] .main>section.card .field {margin-bottom:14px!important}
 body[data-screen="9"] .main>section.card .divider {margin:20px 0!important}
 body[data-screen="9"] .main>section.card .border-top {margin-top:18px!important;padding-top:18px!important}
 body[data-screen="9"] .main>section.card>.grid.cols2 .card td {font-size:14px!important;padding:5px 7px!important}
 body[data-screen="9"] .main>section.card>.grid.cols2 .card {min-height:210px!important}
 body[data-screen="10"] .main {padding:19px 21px 25px 24px!important}
 body[data-screen="10"] .page-heading {margin-bottom:24px!important}
 body[data-screen="10"] .main>.grid {grid-template-columns:1.85fr 1fr!important;gap:20px!important}
 body[data-screen="10"] .main>.grid>.stack {gap:19px!important}
 body[data-screen="10"] .main>.grid>.stack>.card:first-child {height:188px!important;padding:22px 26px!important}
 body[data-screen="10"] .main>.grid>.stack>.card:first-child>.between:nth-child(2) {border:1px solid var(--line)!important;border-radius:7px!important;padding:17px 20px!important;margin-top:11px!important;height:106px!important}
 body[data-screen="10"] .main>.grid>.stack>.card:first-child .icon-tile {border-radius:50%!important;width:76px!important;height:76px!important}
 body[data-screen="10"] .main>.grid>.stack>.card:first-child h3 {font-size:23px!important}
 body[data-screen="10"] .main>.grid>.stack>.card:first-child small {font-size:16px!important}
 body[data-screen="10"] .main>.grid>.stack>.card:nth-child(2) {min-height:417px!important;padding:21px 26px!important}
 body[data-screen="10"] .cart-table td {padding:6px 1px!important;font-size:16px!important}
 body[data-screen="10"] .cart-table .thumb {width:61px!important;height:62px!important}
 body[data-screen="10"] .cart-table .item-cell {gap:29px!important}
 body[data-screen="10"] .cart-table .item-cell strong {font-weight:400!important;font-size:16px!important}
 body[data-screen="10"] .cart-table .item-cell small {display:none!important}
 body[data-screen="10"] .cart-table .quantity {font-size:16px!important;min-height:40px!important}
 body[data-screen="10"] .cart-table .quantity button {font-size:20px!important;width:34px!important;height:38px!important}
 body[data-screen="10"] .main>.grid>.card {padding:24px!important;min-height:626px!important}
 body[data-screen="10"] .main>.grid>.card>strong {font-size:60px!important;margin:16px 0!important}
 body[data-screen="10"] .main>.grid>.card .detail-list>div {font-size:17px!important;padding:18px 0!important}
 body[data-screen="10"] .main>.grid>.card .field {margin-top:28px!important}
 body[data-screen="10"] .main>.grid>.card .field input {height:54px!important}
 body[data-screen="10"] .main>.grid>.card .primary {height:54px!important;margin-top:5px!important}
 body[data-screen="10"] .main>.grid>.card .action-note {font-size:14px!important;margin-top:20px!important}
 body[data-screen="11"] .main {padding-left:40px!important}
 body[data-screen="11"] .main>.grid {grid-template-columns:2fr 1fr!important}
 body[data-screen="11"] .main>.grid>.card {min-height:518px!important}
 body[data-screen="11"] .main>.grid>.card>.row {position:relative!important;padding-top:0!important;display:block!important}
 body[data-screen="11"] .main>.grid>.card>.row>.request-photo {position:absolute!important;left:0!important;top:0!important;width:96px!important;height:105px!important}
 body[data-screen="11"] .main>.grid>.card>.row>.request-photo+div {width:100%!important}
 body[data-screen="11"] .main>.grid>.card>.row>.request-photo+div>.field:first-child {margin-left:114px!important;min-height:90px!important}
 body[data-screen="11"] .main>.mt>.card {min-height:210px!important}
 body[data-screen="11"] .main>.grid>.stack>.card:first-child {min-height:230px!important}
 body[data-screen="11"] .main>.grid>.stack>.card:last-child {min-height:260px!important}
 body[data-screen="12"] .main>.grid.cols3:first-of-type {grid-template-columns:1.3fr 1fr .75fr!important;min-height:201px!important}
 body[data-screen="12"] .main>.grid.split-wide {grid-template-columns:1.85fr 1fr!important;min-height:297px!important}
 body[data-screen="12"] .main>.grid.cols3:nth-last-child(2) {grid-template-columns:1.7fr .9fr 1fr!important;min-height:175px!important}
 body[data-screen="12"] .main>.grid.split-wide .card td {padding:10px!important;font-size:14px!important}
 body[data-screen="12"] .main>.grid.split-wide .card .thumb {width:40px!important;height:45px!important}
 body[data-screen="12"] .main>.grid.split-wide .checks li {padding:12px 0!important}
 body[data-screen="13"] .main {padding:24px 28px 22px 34px!important}
 body[data-screen="13"] .main>.grid {grid-template-columns:1.2fr 1fr!important;min-height:418px!important;gap:14px!important}
 body[data-screen="13"] .main>.grid>.card {padding:22px!important}
 body[data-screen="13"] .main>.grid>.card:first-child .row.mb:first-child {margin-bottom:27px!important;gap:14px!important}
 body[data-screen="13"] .main>.grid>.card:first-child .badge {font-size:16px!important;padding:12px 18px!important}
 body[data-screen="13"] .request-photo {width:115px!important;height:117px!important;max-width:none!important}
 body[data-screen="13"] #count-qty {height:66px!important;font-size:36px!important}
 body[data-screen="13"] .main>.grid>.card:first-child .field {margin-top:27px!important;margin-bottom:18px!important}
 body[data-screen="13"] .main>.grid>.card:first-child .field label {font-size:16px!important}
 body[data-screen="13"] .main>.grid>.card:nth-child(2) .detail-list {margin:27px 0 20px!important;border:1px solid var(--line)!important;border-radius:6px!important;overflow:hidden!important}
 body[data-screen="13"] .main>.grid>.card:nth-child(2) .detail-list>div {padding:16px!important;font-size:17px!important}
 body[data-screen="13"] .main>.grid>.card:nth-child(2) .info {padding:20px!important;font-size:17px!important}
 body[data-screen="13"] .main>.card {min-height:295px!important;padding:22px!important}
 body[data-screen="13"] .count-progress {margin-top:35px!important}
 body[data-screen="13"] .count-progress b {width:43px!important;height:43px!important;font-size:20px!important}
 body[data-screen="13"] .count-progress strong,body[data-screen="13"] .count-progress p,body[data-screen="13"] .count-progress small {font-size:16px!important}
 body[data-screen="13"] .count-progress .badge {font-size:14px!important;padding:6px 22px!important}
 body[data-screen="14"] .main>.grid {grid-template-columns:1.82fr 1fr!important}
 body[data-screen="14"] .main>.grid>.stack:first-child>.card:first-child {min-height:473px!important}
 body[data-screen="14"] .main>.grid>.stack:first-child>.card:last-child {min-height:234px!important}
 body[data-screen="14"] .main>.grid>.stack:last-child>.card:first-child {min-height:425px!important}
 body[data-screen="14"] .main>.grid>.stack:last-child>.card:last-child {min-height:220px!important}
 body[data-screen="15"] .main {padding-left:24px!important}
 body[data-screen="15"] .main>.grid.cols3 {grid-template-columns:1.95fr 1fr 1.3fr!important;min-height:257px!important}
 body[data-screen="15"] .main>.grid.cols2 {min-height:221px!important}
 body[data-screen="16"] .main>.grid {grid-template-columns:1.64fr 1fr!important}
 body[data-screen="16"] .main>.grid>.card {min-height:701px!important}
 body[data-screen="16"] .main>.grid>.card td {padding:15px 10px!important;font-size:15px!important}
 body[data-screen="16"] .main>.grid>.card .number {border-color:transparent!important;background:none!important;font-size:15px!important}
 body[data-screen="16"] .main>.grid>.stack>.card:first-child {min-height:237px!important}
 body[data-screen="16"] .main>.grid>.stack>.card:nth-child(2) {min-height:155px!important}
 body[data-screen="16"] .main>.grid>.stack>.card:nth-child(3) {min-height:123px!important}
 body[data-screen="16"] .main>.grid>.stack>.card:last-child {min-height:171px!important}
 body[data-screen="17"] .main {padding:20px 23px 8px 31px!important}
 body[data-screen="17"] .main>.grid {grid-template-columns:1.55fr 1fr!important;gap:14px!important}
 body[data-screen="17"] .main>.grid>.stack:first-child>.card:first-child {height:148px!important}
 body[data-screen="17"] .main>.grid>.stack:first-child>.card:nth-child(2) {min-height:282px!important;padding:17px!important}
 body[data-screen="17"] .main>.grid>.stack:first-child>.card:last-child {min-height:309px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:first-child {height:148px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:nth-child(2) {min-height:255px!important;padding:18px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:nth-child(3) {min-height:139px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:last-child {min-height:190px!important}
 body[data-screen="17"] .main>.grid>.stack>.card td {padding:5px 10px!important;font-size:14px!important}
 body[data-screen="17"] .pick-photo {width:192px!important;height:191px!important;max-width:none!important}
 body[data-screen="17"] .main>.grid>.stack .timeline li {padding-bottom:14px!important;font-size:14px!important}
 body[data-screen="18"] .main {padding-left:39px!important}
 body[data-screen="18"] .main>.grid.cols2 {min-height:387px!important}
 body[data-screen="18"] .main>.grid.cols3 {grid-template-columns:1.22fr 1fr 1.1fr!important;min-height:305px!important}
 body[data-screen="18"] .card .detail-list>div {padding:15px 0!important}
 body[data-screen="18"] .card .checks li {padding:18px 0!important}
 body[data-screen="19"] .main {padding-left:25px!important}
 body[data-screen="19"] .main>.grid.cols3 {grid-template-columns:1.2fr 1.05fr 1fr!important;min-height:280px!important}
 body[data-screen="19"] .main>.grid.split-wide {grid-template-columns:2fr 1fr!important;min-height:265px!important}
 body[data-screen="20"] .main {padding-left:29px!important}
 body[data-screen="20"] .main>.grid.cols3 {grid-template-columns:1fr 1fr 1fr!important;min-height:407px!important}
 body[data-screen="20"] .main>.grid.cols2 {grid-template-columns:1fr 1.5fr!important;min-height:319px!important}
 body[data-screen="20"] .onboarding-checks>.between {padding:11px 0!important;font-size:14px!important}
 body[data-screen="20"] .main>.grid.cols2 .timeline li {padding-bottom:24px!important}
 body[data-screen="21"] .main {padding-left:23px!important}
 body[data-screen="21"] .main>.card {min-height:227px!important}
 body[data-screen="21"] .main>.grid.cols3 {grid-template-columns:1fr 1fr 1fr!important;min-height:238px!important}
 body[data-screen="21"] .main>.grid.split-wide {grid-template-columns:1.8fr 1fr!important;min-height:241px!important}
 body[data-screen="21"] .main>.grid .card td {padding:10px!important;font-size:14px!important}
 body[data-screen="22"] .main {padding:25px 27px 18px 31px!important}
 body[data-screen="22"] .main>.grid {grid-template-columns:1.92fr 1fr!important}
 body[data-screen="22"] .main>.grid>.stack:first-child>.card:first-child {min-height:328px!important;padding:19px!important}
 body[data-screen="22"] .main>.grid>.stack:first-child>.card:last-child {min-height:382px!important;padding:20px!important}
 body[data-screen="22"] .main>.grid>.stack:first-child>.card:first-child .detail-list>div {padding:12px 0!important;font-size:16px!important}
 body[data-screen="22"] .main>.grid>.stack:first-child>.card:last-child td {padding:12px 18px!important;font-size:16px!important}
 body[data-screen="22"] .main>.grid>.stack:last-child>.card:first-child {min-height:377px!important;padding:19px!important}
 body[data-screen="22"] .main>.grid>.stack:last-child>.card:nth-child(2) {min-height:127px!important}
 body[data-screen="22"] .main>.grid>.stack:last-child>.card:last-child {min-height:198px!important}
 body[data-screen="22"] .checks li {min-height:72px!important}
 body[data-screen="23"] .main {padding-left:27px!important}
 body[data-screen="23"] .main>.grid.split-wide {grid-template-columns:1.85fr 1fr!important;min-height:270px!important}
 body[data-screen="23"] .main>.grid.cols3 {grid-template-columns:1.35fr 1fr .94fr!important;min-height:271px!important}
 body[data-screen="24"] .main>.grid {grid-template-columns:1fr 1fr!important}
 body[data-screen="24"] .main>.grid>.stack:first-child>.card:first-child {min-height:284px!important}
 body[data-screen="24"] .main>.grid>.stack:first-child>.card:last-child {min-height:296px!important}
 body[data-screen="24"] .main>.grid>.stack:last-child>.card:first-child {min-height:306px!important}
 body[data-screen="24"] .main>.grid>.stack:last-child>.card:nth-child(2) {min-height:223px!important}
 body[data-screen="24"] .main>.grid>.stack:last-child>.card:last-child {min-height:169px!important}
 body[data-screen="24"] .pick-photo {width:170px!important;height:180px!important}
 body[data-screen="25"] .main>.grid {grid-template-columns:1.85fr 1fr!important}
 body[data-screen="25"] .main>.grid.mb {min-height:275px!important}
 body[data-screen="25"] .main>.grid:last-child>div>.card {min-height:269px!important}
 body[data-screen="25"] .main>.grid:last-child>.stack>.card {min-height:132px!important}
 body[data-screen="26"] .main>.grid.cols3 {grid-template-columns:1fr 1fr 1fr!important;min-height:480px!important}
 body[data-screen="26"] .main>.grid.cols2 {grid-template-columns:1.06fr 1fr!important;min-height:200px!important}
 body[data-screen="26"] .main>.grid.cols3 .detail-list>div {padding:17px 0!important;font-size:15px!important}
 body[data-screen="27"] .main {padding-left:23px!important}
 body[data-screen="27"] .main>.grid.cols3 {min-height:191px!important}
 body[data-screen="27"] .main>.grid.split-wide {grid-template-columns:1.7fr 1fr!important;min-height:175px!important}
 body[data-screen="27"] .main>.grid.cols2 {grid-template-columns:1fr 1.08fr!important;min-height:298px!important}
 body[data-screen="28"] .main {padding-left:25px!important}
 body[data-screen="28"] .main>.grid.cols3 {grid-template-columns:1.14fr 1fr .99fr!important;min-height:242px!important}
 body[data-screen="28"] .main>.grid.cols2 {min-height:215px!important}
 body[data-screen="28"] .main>.grid:last-child {min-height:184px!important}
 body[data-screen="28"] .main>.grid .card td {padding:6px 7px!important;font-size:12px!important}
 body[data-screen="29"] .main {padding-left:23px!important}
 body[data-screen="29"] .main>.grid.cols2 {grid-template-columns:1.6fr 1fr!important;min-height:423px!important}
 body[data-screen="29"] .main>.grid.cols3 {grid-template-columns:.95fr 1.16fr 1fr!important;min-height:294px!important}
 body[data-screen="29"] .card .detail-list>div {padding:15px 0!important}
 body[data-screen="29"] .timeline li {padding-bottom:39px!important}
 body[data-screen="30"] .main {padding-left:36px!important}
 body[data-screen="30"] .main>.grid {grid-template-columns:1.76fr 1fr!important}
 body[data-screen="30"] .main>.grid>.stack:first-child>.card:first-child {min-height:484px!important}
 body[data-screen="30"] .main>.grid>.stack:first-child>.card:last-child {min-height:171px!important}
 body[data-screen="30"] .audit-line {min-height:63px!important}
 body[data-screen="30"] .main>.grid>.stack:last-child>.card:first-child {min-height:341px!important}
 body[data-screen="30"] .main>.grid>.stack:last-child>.card:nth-child(2) {min-height:237px!important}
 body[data-screen="30"] .main>.grid>.stack:last-child .detail-list>div {font-size:13px!important;padding:6px 0!important}
 body[data-screen="31"] .main {padding:21px 25px 22px 26px!important}
 body[data-screen="31"] .kpi {min-height:137px!important}
 body[data-screen="31"] .kpi .hint {font-size:14px!important;max-width:140px!important;line-height:1.5!important}
 body[data-screen="31"] .main>.grid.cols3 {grid-template-columns:1.14fr .82fr 1fr!important;min-height:269px!important}
 body[data-screen="31"] .main>.grid.split-wide {grid-template-columns:1.54fr 1fr!important;min-height:319px!important}
 body[data-screen="31"] .main>.grid.split-wide .card td {padding:8px 16px!important;font-size:14px!important}
 body[data-screen="31"] .main>.grid.split-wide .card:last-child {padding:14px 16px 5px!important}
 body[data-screen="31"] .riskbars>div {margin:26px 0!important}
 body[data-screen="31"] .riskbars>div>span {width:94px!important}
 body[data-screen="31"] .riskbars .bar-track {height:20px!important}
 body[data-screen="31"] .chart {height:210px!important}
 body[data-screen="32"] .main>.grid.split-wide {grid-template-columns:1.6fr 1fr!important;min-height:277px!important}
 body[data-screen="32"] .main>.grid:last-child {grid-template-columns:1.6fr 1fr!important;min-height:254px!important}
 body[data-screen="32"] .main>.grid:last-child .card td {padding:12px 10px!important;font-size:14px!important}
}
@media (max-width:1199px) { .pos-steps .steps{width:100%!important}.geographic-map .map-pin{font-size:9px!important}.network{min-height:220px!important} }
@media (min-width:1200px) {
 .main .card table td {padding:7px 10px!important;line-height:1.25!important}
 .main .card table th {padding:7px 10px!important;line-height:1.25!important}
 .main .card table .badge {padding:2px 8px!important;font-size:12px!important}
 .main .card table button.link {padding:0!important;line-height:1.25!important;font-size:14px!important;color:inherit!important}
 .main .card table button.tiny {padding:3px 8px!important;min-height:24px!important}
 .main .card table:has(.item-cell) td {padding:4px 10px!important}
 body[data-screen="1"] .home-bottom .card td {padding:6px 8px!important;font-size:12px!important}
 body[data-screen="2"] .main>.card {min-height:210px!important}
 body[data-screen="6"] .main>.grid>.card {padding:16px!important}
 body[data-screen="6"] .main>.grid>.card:first-child td {padding:4px 10px!important}
 body[data-screen="6"] .main>.grid>.card:nth-child(3),body[data-screen="6"] .main>.grid>.card:nth-child(4) {min-height:237px!important}
 body[data-screen="6"] .main>.grid>.card:nth-child(4) .timeline li {padding-bottom:15px!important}
 body[data-screen="7"] .main>.grid>.stack>.card {padding:14px!important}
 body[data-screen="7"] .main>.grid>.stack>.card.flush {padding:0!important}
 body[data-screen="7"] .main>.grid>.stack:last-child>.card:first-child td {padding:1px 8px!important}
 body[data-screen="7"] .main>.grid>.stack:last-child>.card:first-child .between {margin-bottom:6px!important}
 body[data-screen="7"] .main>.grid>.stack:last-child>.card:last-child td {font-size:13px!important;padding:4px 8px!important}
 body[data-screen="7"] .main>.grid>.stack:first-child>.card:nth-child(2) .timeline li {padding-bottom:17px!important}
 body[data-screen="8"] .main>section.card .kpi {min-height:110px!important}
 body[data-screen="8"] .main>section.card .quick {min-height:86px!important}
 body[data-screen="8"] .main>section.card>.grid[style*="1.25fr"] .card {min-height:246px!important}
 body[data-screen="8"] .main>section.card .card td {font-size:12px!important;padding:4px 8px!important}
 body[data-screen="8"] .main>section.card>.grid.cols3 .card {min-height:180px!important}
 body[data-screen="8"] .main>section.card>.grid.cols3 .attention {padding:5px 0!important;font-size:12px!important}
 body[data-screen="9"] .main>section.card>.grid.cols2 .card td {font-size:14px!important;padding:5px 7px!important}
 body[data-screen="9"] .main>section.card>.grid.cols2 .card .detail-list>div {padding:10px 0!important}
 body[data-screen="9"] .main>section.card>.grid.cols2 .card {min-height:200px!important}
 body[data-screen="9"] .main>section.card .card .info {font-size:12px!important;padding:10px 13px!important}
 body[data-screen="10"] .main>.grid>.stack>.card:first-child>.between:first-child {border:0!important;padding:0!important;margin:0 0 10px!important;height:auto!important}
 body[data-screen="10"] .cart-table td {padding:6px 1px!important;font-size:16px!important}
 body[data-screen="11"] .main>.mt>.card {min-height:210px!important}
 body[data-screen="12"] .main>.grid.split-wide .checks li {padding:11px 0!important;font-size:14px!important}
 body[data-screen="12"] .main>.grid.split-wide {min-height:297px!important}
 body[data-screen="12"] .main>.grid.split-wide .card td {padding:8px 10px!important}
 body[data-screen="12"] .main>.grid.cols3:nth-last-child(2) .card .detail-list>div {font-size:13px!important;padding:6px 0!important}
 body[data-screen="13"] .main>.card {min-height:295px!important}
 body[data-screen="13"] .count-progress {margin-top:25px!important}
 body[data-screen="13"] .count-progress p {margin-top:8px!important;min-height:22px!important}
 body[data-screen="13"] .count-progress small.mt {margin-top:10px!important}
 body[data-screen="15"] .main>.grid.cols3 {min-height:257px!important}
 body[data-screen="15"] .main>.grid.cols2 {min-height:221px!important}
 body[data-screen="16"] .main>.grid>.card td {padding:15px 10px!important;font-size:15px!important}
 body[data-screen="16"] .main>.grid>.card {min-height:701px!important}
 body[data-screen="16"] .main>.grid>.stack>.card:last-child .timeline li {padding-bottom:11px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:nth-child(3) .checks li {padding:5px 0!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:last-child .timeline li {padding-bottom:8px!important;font-size:14px!important;line-height:1.25!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:last-child .timeline li strong {font-weight:400!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:last-child .timeline li small {font-size:12px!important;line-height:1.15!important;margin-top:1px!important}
 body[data-screen="17"] .main>.grid>.stack>.card td {padding:4px 8px!important;font-size:14px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:nth-child(2) {min-height:255px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:nth-child(2) .detail-list>div {padding:9px 0!important;font-size:14px!important;border:0!important}
 body[data-screen="17"] .pick-photo {width:192px!important;height:191px!important}
 body[data-screen="19"] .main>.grid.cols3 .attention {padding:8px 0!important}
 body[data-screen="19"] .main>.grid.cols3 {min-height:280px!important}
 body[data-screen="19"] .main>.grid.split-wide {min-height:265px!important}
 body[data-screen="20"] .main>.grid.cols2 .timeline li {padding-bottom:12px!important;line-height:1.2!important}
 body[data-screen="20"] .main>.grid.cols2 .timeline li small {font-size:12px!important;margin-top:4px!important;line-height:1.25!important}
 body[data-screen="21"] .main>.card {min-height:227px!important}
 body[data-screen="21"] .main>.grid.cols3 .chart-panel {min-height:238px!important}
 body[data-screen="21"] .main>.grid.cols3 .chart {height:157px!important}
 body[data-screen="22"] .main>.grid>.stack:last-child>.card:first-child .checks li {min-height:72px!important;padding:8px 0!important}
 body[data-screen="22"] .main>.grid>.stack:last-child>.card:first-child .info {padding:14px!important;font-size:14px!important}
 body[data-screen="22"] .main>.grid>.stack:last-child>.card:first-child {min-height:377px!important}
 body[data-screen="22"] .main>.grid>.stack:last-child>.card:first-child>.between {margin-bottom:10px!important}
 body[data-screen="23"] .main>.grid.cols3 {min-height:271px!important}
 body[data-screen="23"] .main>.grid.cols3 .attention {padding:10px 0!important}
 body[data-screen="24"] .main>.grid>.stack:last-child>.card:nth-child(2) .checks li {padding:6px 0!important}
 body[data-screen="24"] .main>.grid>.stack:last-child>.card:last-child {padding:14px!important}
 body[data-screen="24"] .main>.grid>.stack:last-child>.card:last-child td,body[data-screen="24"] .main>.grid>.stack:last-child>.card:last-child th {font-size:12px!important;padding:4px!important}
 body[data-screen="24"] .main>.grid>.stack:last-child>.card:last-child .between {margin-bottom:5px!important}
 body[data-screen="25"] .main>.grid:last-child>.stack>.card:first-child .attention {padding:6px 0!important}
 body[data-screen="25"] .main>.grid:last-child>.stack>.card:last-child .timeline li {padding-bottom:11px!important;font-size:13px!important;line-height:1.2!important}
 body[data-screen="25"] .main>.grid:last-child>.stack>.card:last-child .timeline li small {font-size:12px!important}
 body[data-screen="25"] .main>.grid:last-child>.stack>.card:last-child {padding:14px!important}
 body[data-screen="27"] .main>.grid.cols2>.card .detail-list>div {padding:11px 0!important;font-size:14px!important}
 body[data-screen="27"] .main>.grid.cols2>.stack>.card:last-child .timeline li {padding-bottom:8px!important;font-size:13px!important;line-height:1.15!important}
 body[data-screen="27"] .main>.grid.cols2>.stack>.card:last-child .timeline li small {font-size:12px!important;line-height:1.2!important}
 body[data-screen="28"] .main>.grid.cols3 {min-height:242px!important}
 body[data-screen="28"] .main>.grid.cols3 .chart-panel {min-height:242px!important}
 body[data-screen="28"] .main>.grid.cols3 .chart {height:170px!important}
 body[data-screen="28"] .main>.grid.cols2 {min-height:205px!important}
 body[data-screen="28"] .main>.grid .card td {padding:4px 7px!important;font-size:12px!important}
 body[data-screen="28"] .main>.grid:last-child {min-height:174px!important}
 body[data-screen="28"] .main>.grid:last-child .timeline li {padding-bottom:7px!important;font-size:12px!important;line-height:1.15!important}
 body[data-screen="28"] .main>.grid:last-child .timeline li small {font-size:11px!important;line-height:1.1!important}
 body[data-screen="30"] .main>.grid>.stack:first-child>.card:first-child .audit-event {padding-bottom:0!important}
 body[data-screen="30"] .audit-line {min-height:60px!important}
 body[data-screen="30"] .main>.grid>.stack:first-child>.card:last-child td {padding:4px 7px!important;font-size:13px!important}
 body[data-screen="30"] .main>.grid>.stack:last-child>.card:nth-child(2) .attention {padding:8px 0!important}
 body[data-screen="31"] .main>.grid.cols3 .attention {padding:10px 0!important}
 body[data-screen="31"] .main>.grid.cols3 {min-height:269px!important}
 body[data-screen="31"] .main>.grid.split-wide .card td {padding:7px 16px!important;font-size:14px!important}
 body[data-screen="31"] .main>.grid.split-wide .network {height:268px!important}
 body[data-screen="31"] .riskbars .progress {height:20px!important}
 body[data-screen="32"] .main>.grid:last-child .attention {padding:12px 0!important}
 body[data-screen="32"] .main>.grid:last-child .card td {padding:8px 10px!important;font-size:14px!important}
}
.chart-legend {display:flex;justify-content:center;gap:15px;margin-top:3px;font-size:11px;color:#7b7e85}
.chart-legend span {display:flex;align-items:center;gap:5px}
.chart-legend i {width:8px;height:8px;border-radius:50%}
.approval-chain {list-style:none;padding:0;margin:0}
.approval-chain li {display:flex;gap:20px;align-items:flex-start;min-height:65px;position:relative;padding:7px 0 17px}
.approval-chain li:not(:last-child):after {content:'';position:absolute;left:13px;top:35px;bottom:0;border-left:2px solid #ddd}
.approval-chain .check-circle {width:28px;height:28px;font-size:20px}
.approval-chain li>div {flex:1}
.approval-chain strong {display:block;font-size:16px}
.approval-chain small {display:block;color:var(--muted);font-size:14px;margin-top:5px}
@media (min-width:1200px) {
 body[data-screen="31"] .kpi .icon-tile {border-radius:50%!important;width:51px!important;height:51px!important;align-self:start!important}
 body[data-screen="31"] .kpi .icon-tile .icon {width:27px!important;height:27px!important}
 body[data-screen="31"] .kpi {align-items:start!important;gap:17px!important;padding-top:15px!important}
 body[data-screen="31"] .kpi .hint {max-width:150px!important}
 body[data-screen="31"] .main>.grid.cols3 .card {min-height:269px!important}
 body[data-screen="31"] .main>.grid.cols3 .chart {height:210px!important}
 body[data-screen="22"] .main>.grid>.stack:first-child>.card:first-child>.grid {grid-template-columns:1.42fr 1fr!important;min-height:288px!important}
 body[data-screen="22"] .main>.grid>.stack:first-child>.card:first-child .grid>.card {padding:17px!important;min-height:288px!important}
 body[data-screen="22"] .main>.grid>.stack:first-child>.card:first-child h2 {font-size:26px!important;white-space:nowrap!important}
 body[data-screen="22"] .main>.grid>.stack:first-child>.card:first-child .grid>.card small {font-size:15px!important;line-height:1.8!important}
 body[data-screen="22"] .main>.grid>.stack:last-child>.card:last-child .timeline li {padding-bottom:11px!important;font-size:14px!important;line-height:1.25!important}
 body[data-screen="22"] .main>.grid>.stack:last-child>.card:last-child .timeline li small {font-size:13px!important}
 body[data-screen="22"] .main>.grid>.stack:last-child>.card:first-child .primary {margin-top:10px!important}
 body[data-screen="17"] .main>.grid>.stack:first-child>.card:nth-child(2) input {height:44px!important}
 body[data-screen="17"] .main>.grid>.stack:first-child>.card:nth-child(2) .field {margin-bottom:15px!important}
 body[data-screen="17"] .main>.grid>.stack:first-child>.card:last-child tr:nth-child(5) {background:#fff3e7!important;font-weight:700!important}
 body[data-screen="17"] .main>.grid>.stack:first-child>.card:last-child .badge {font-size:13px!important}
}
.compact-activity>div {display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:8px 0;font-size:13px}
.compact-activity>div:last-child {border:0}
.compact-activity span {flex:1}
.compact-activity small {color:var(--muted);font-size:12px;white-space:nowrap}
@media (min-width:1200px) {
 body[data-screen="1"] .main {padding-bottom:18px!important}
 body[data-screen="7"] .main>.grid>.stack:first-child>.card:nth-child(2) .timeline li {padding-bottom:12px!important;line-height:1.2!important}
 body[data-screen="7"] .main>.grid>.stack:last-child>.card:first-child {padding:12px!important}
 body[data-screen="7"] .main>.grid>.stack:last-child>.card:first-child .thumb {height:65px!important}
 body[data-screen="7"] .main>.grid>.stack:last-child>.card:last-child {min-height:224px!important;padding:12px!important}
 body[data-screen="7"] .main>.grid>.stack:last-child>.card:last-child .small.mb {margin-bottom:6px!important}
 body[data-screen="8"] .main {padding-top:14px!important}
 body[data-screen="8"] .main>section.card .page-heading h1 {font-size:31px!important;line-height:1.1!important}
 body[data-screen="8"] .main>section.card .page-heading p {line-height:1.2!important}
 body[data-screen="8"] .main>section.card .page-heading p b {font-size:18px!important}
 body[data-screen="8"] .main>section.card>.grid.cols3 .chart {height:130px!important}
 body[data-screen="8"] .main>section.card>.grid.cols3 .attention {padding:3px 0!important;line-height:1.3!important}
 body[data-screen="8"] .main>section.card>.grid.cols3 .attention .icon {width:11px!important;height:11px!important}
 body[data-screen="8"] .main>section.card>.grid.cols3 .card {min-height:194px!important}
 body[data-screen="8"] .main>section.card .card td {line-height:1.15!important}
 body[data-screen="8"] .main>section.card .card h2 {font-size:17px!important}
 body[data-screen="9"] .main>section.card>.grid.cols2 .card td {padding:3px 7px!important}
 body[data-screen="9"] .main>section.card>.grid.cols2 .card .detail-list>div {padding:8px 0!important}
 body[data-screen="9"] .main>section.card>.grid.cols2 .card .between {margin-bottom:6px!important}
 body[data-screen="9"] .main>section.card>.grid.cols2 .card {padding:13px!important;min-height:211px!important}
 body[data-screen="9"] .main>section.card>.grid>.card {padding:17px 20px!important}
 body[data-screen="9"] .main>section.card>.grid.cols2 {margin-top:12px!important}
 body[data-screen="9"] .main>section.card>.grid:not(.cols2) {min-height:451px!important}
 body[data-screen="9"] .main>section.card>.mb {margin-bottom:14px!important}
 body[data-screen="9"] .main>section.card .card p.mt {margin-top:10px!important}
 body[data-screen="9"] .main>section.card .card .border-top {margin-top:14px!important;padding-top:14px!important}
 body[data-screen="10"] .main>.grid>.stack>.card:first-child>.between:nth-child(2)>div:last-child h2 {font-size:32px!important}
 body[data-screen="10"] .main>.grid>.card>strong {margin:8px 0!important}
 body[data-screen="10"] .main>.grid>.card .detail-list>div {padding:14px 0!important}
 body[data-screen="11"] .main>.grid>.card {min-height:502px!important}
 body[data-screen="11"] .main>.mt>.card td {font-size:13px!important;padding:5px 10px!important}
 body[data-screen="12"] .main>.grid.split-wide .card .checks li {position:relative;min-height:52px!important;padding:8px 0!important;flex-wrap:wrap!important;gap:7px!important}
 body[data-screen="12"] .main>.grid.split-wide .card .checks li small {width:calc(100% - 34px)!important;margin-left:34px!important;line-height:1.1!important;font-size:11px!important}
 body[data-screen="12"] .main>.grid.cols3:nth-last-child(2) .card {padding:12px!important;min-height:160px!important}
 body[data-screen="12"] .main>.grid.cols3:nth-last-child(2) {min-height:160px!important}
 body[data-screen="12"] .main>.grid.cols3:nth-last-child(2) .card td {font-size:11px!important;padding:4px!important}
 body[data-screen="12"] .main>.grid.cols3:nth-last-child(2) .card h2 {font-size:17px!important}
 body[data-screen="13"] .count-progress {padding:0!important;margin-top:20px!important}
 body[data-screen="13"] .detail-list .red {color:#c22b2b!important}
 body[data-screen="13"] .count-progress {position:relative}
 body[data-screen="13"] .count-progress:before {content:'';position:absolute;left:0;right:0;top:22px;border-top:1px solid #e0e2e4}
 body[data-screen="13"] .count-progress b {position:relative;z-index:1}
 body[data-screen="15"] .main>.grid.cols3 .chart {height:161px!important}
 body[data-screen="15"] .main>.grid.cols3 {min-height:257px!important}
 body[data-screen="16"] .main {padding-top:20px!important}
 body[data-screen="16"] .main>.grid>.stack>.card:last-child .timeline li {padding-bottom:6px!important;font-size:13px!important;line-height:1.2!important}
 body[data-screen="16"] .main>.grid>.stack>.card:last-child .timeline li small {font-size:11px!important;line-height:1.2!important}
 body[data-screen="16"] .main>.grid>.card {min-height:701px!important}
 body[data-screen="17"] .main>.grid>.stack {gap:12px!important}
 body[data-screen="17"] .page-heading {margin-bottom:8px!important}
 body[data-screen="17"] .main>.grid>.stack>.card {padding:17px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:first-child {height:148px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:nth-child(2) {padding:17px!important;min-height:255px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:nth-child(3) {padding:12px 17px!important;min-height:136px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:nth-child(3)>.between {margin-bottom:8px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:nth-child(3) .checks li {border:0!important;padding:3px 0!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:last-child {padding:12px 17px!important;min-height:190px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:last-child .between {margin-bottom:7px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:last-child .timeline li {padding-bottom:5px!important;font-size:13px!important;line-height:1.2!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:last-child .timeline li small {font-size:12px!important}
 body[data-screen="17"] .main>.grid>.stack:first-child>.card:last-child td {padding:4px 8px!important;font-size:13px!important;line-height:1.15!important}
 body[data-screen="17"] .main>.grid>.stack:first-child>.card:last-child .badge {font-size:12px!important}
 body[data-screen="20"] .main>.grid.cols2 .timeline li {padding-bottom:10px!important;line-height:1.15!important;font-size:13px!important}
 body[data-screen="20"] .main>.grid.cols2 .timeline li small {font-size:11px!important;line-height:1.15!important}
 body[data-screen="21"] .main>.grid.cols3 .card {padding:13px!important}
 body[data-screen="21"] .main>.grid.cols3 .card .detail-list>div {padding:7px 0!important;font-size:14px!important}
 body[data-screen="21"] .main>.grid.cols3 .card .field {margin-bottom:7px!important}
 body[data-screen="22"] .main>.grid>.stack:last-child>.card:last-child .timeline li {padding-bottom:4px!important;font-size:13px!important;line-height:1.15!important}
 body[data-screen="22"] .main>.grid>.stack:last-child>.card:last-child .timeline li small {font-size:12px!important;line-height:1.1!important;margin-top:2px!important}
 body[data-screen="22"] .main>.grid>.stack:last-child>.card:last-child {padding:14px 17px!important}
 body[data-screen="22"] .main>.grid>.stack:last-child>.card:first-child {padding:17px!important}
 body[data-screen="22"] .approval-chain li {min-height:65px!important;padding:5px 0 14px!important}
 body[data-screen="22"] .main>.grid>.stack:last-child>.card:first-child>.between {margin-bottom:5px!important}
 body[data-screen="24"] .main {padding-top:18px!important}
 body[data-screen="24"] .page-heading {margin-bottom:10px!important}
 body[data-screen="24"] .main>.grid {grid-template-columns:.82fr 1fr!important}
 body[data-screen="24"] .main>.grid>.stack:first-child>.card:first-child {min-height:298px!important}
 body[data-screen="24"] .main>.grid>.stack:first-child>.card:last-child {min-height:442px!important}
 body[data-screen="24"] .main>.grid>.stack:last-child>.card:first-child {min-height:317px!important}
 body[data-screen="24"] .main>.grid>.stack:last-child>.card:nth-child(2) {min-height:225px!important}
 body[data-screen="24"] .main>.grid>.stack:last-child>.card:last-child {min-height:184px!important}
 body[data-screen="24"] .main>.grid>.stack:last-child>.card:last-child .row {margin:0!important}
 body[data-screen="25"] .main>.grid {grid-template-columns:1.5fr 1fr!important}
 body[data-screen="25"] .main>.grid:last-child>.stack>.card:first-child {min-height:157px!important;padding:12px 17px!important}
 body[data-screen="25"] .main>.grid:last-child>.stack>.card:first-child>.between {margin-bottom:5px!important}
 body[data-screen="25"] .main>.grid:last-child>.stack>.card:first-child .attention {padding:5px 0!important;font-size:13px!important;line-height:1.2!important}
 body[data-screen="25"] .main>.grid:last-child>.stack>.card:first-child .attention small {display:none!important}
 body[data-screen="25"] .main>.grid:last-child>.stack>.card:last-child {min-height:157px!important;padding:12px 17px!important}
 body[data-screen="25"] .main>.grid:last-child>.stack>.card:last-child>.between {margin-bottom:5px!important}
 body[data-screen="25"] .main>.grid:last-child>div>.card {min-height:310px!important}
 body[data-screen="27"] .main>.grid.cols3 {min-height:170px!important}
 body[data-screen="27"] .main>.grid.cols3 .card {padding:14px!important}
 body[data-screen="27"] .main>.grid.split-wide {min-height:162px!important}
 body[data-screen="27"] .main>.grid.split-wide .card {padding:14px!important}
 body[data-screen="27"] .main>.grid.cols2>.card .detail-list>div {padding:8px 0!important;font-size:14px!important}
 body[data-screen="27"] .main>.grid.cols2>.stack>.card:first-child {padding:13px!important}
 body[data-screen="27"] .main>.grid.cols2>.stack>.card:first-child>.between {margin-bottom:5px!important}
 body[data-screen="27"] .main>.grid.cols2>.stack>.card:first-child .small.mb {margin-bottom:8px!important}
 body[data-screen="27"] .main>.grid.cols2>.stack>.card:last-child .timeline li {padding-bottom:3px!important;font-size:12px!important;line-height:1.15!important}
 body[data-screen="27"] .main>.grid.cols2>.stack>.card:last-child .timeline li small {font-size:11px!important;line-height:1.1!important;margin-top:1px!important}
 body[data-screen="27"] .main>.grid.cols2>.stack>.card:last-child {padding:13px!important}
 body[data-screen="28"] .main {padding-top:14px!important}
 body[data-screen="28"] .page-heading {margin-bottom:12px!important}
 body[data-screen="28"] .main>.grid.cols3 .chart {height:166px!important}
 body[data-screen="28"] .main>.grid.cols3 .card {padding:15px!important}
 body[data-screen="28"] .main>.grid.cols3 .donut {width:162px!important;height:162px!important}
 body[data-screen="28"] .main>.grid.cols3 {min-height:226px!important}
 body[data-screen="28"] .main>.grid.cols3 .card {min-height:226px!important}
 body[data-screen="28"] .main>.grid.cols2 .card {padding:13px!important}
 body[data-screen="28"] .main>.grid:last-child td {font-size:12px!important;padding:4px 7px!important;line-height:1.15!important}
 body[data-screen="28"] .main>.grid:last-child .icon {width:16px!important;height:16px!important}
 body[data-screen="28"] .main>.grid:last-child .card {padding:13px!important;min-height:174px!important}
 body[data-screen="30"] .main>.grid>.stack:first-child>.card:last-child {padding:12px 16px!important}
 body[data-screen="30"] .main>.grid>.stack:first-child>.card:last-child>.between {margin-bottom:7px!important}
 body[data-screen="30"] .main>.grid>.stack:first-child>.card:last-child h2 {font-size:16px!important}
 body[data-screen="30"] .main>.grid>.stack:first-child>.card:last-child td {font-size:12px!important;padding:3px 7px!important}
 body[data-screen="31"] .main>.grid.cols3 .card {padding:15px!important}
 body[data-screen="31"] .main>.grid.cols3 .card>.between {margin-bottom:8px!important}
 body[data-screen="31"] .main>.grid.cols3 .card .attention {padding:7px 0!important;font-size:14px!important}
 body[data-screen="31"] .main>.grid.cols3 .card .attention small {font-size:12px!important}
 body[data-screen="31"] .main>.grid.split-wide .card {padding:14px 16px!important}
 body[data-screen="31"] .main>.grid.split-wide .card td {padding:6px 16px!important}
 body[data-screen="31"] .main>.grid.split-wide .card:last-child {padding:12px 16px 3px!important}
 body[data-screen="31"] .main>.grid.split-wide .card:last-child>.between {margin-bottom:0!important}
}
@media (min-width:1200px) {
 .main {padding-bottom:8px!important}
 .chart text {font-size:16px!important}
 body[data-screen="8"] .main {padding-bottom:3px!important}
 body[data-screen="8"] .main>section.card>.grid[style*="1.25fr"] .card:first-child td {padding:8px 8px!important;font-size:14px!important}
 body[data-screen="8"] .main>section.card>.grid[style*="1.25fr"] .card:last-child td {padding:4px 8px!important;font-size:14px!important}
 body[data-screen="8"] .main>section.card>.grid.cols3 .card:first-child td {font-size:13px!important;padding:6px 8px!important}
 body[data-screen="8"] .main>section.card>.grid.cols3 .chart text {font-size:20px!important}
 body[data-screen="13"] .main {padding-bottom:8px!important}
 body[data-screen="16"] .main {padding-bottom:0!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:last-child .timeline li {padding-bottom:3px!important;font-size:13px!important;line-height:1.1!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:last-child .timeline li small {font-size:11px!important;line-height:1.1!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:last-child .between {margin-bottom:5px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:nth-child(2) h3 {font-size:20px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:first-child h2:nth-child(2) {font-size:31px!important}
 body[data-screen="17"] .main>.grid>.stack:first-child>.card:nth-child(2) {min-height:282px!important}
 body[data-screen="17"] .main>.grid>.stack:first-child>.card:nth-child(2) .field {margin-bottom:10px!important}
 body[data-screen="17"] .main>.grid>.stack:first-child>.card:last-child {padding:12px 17px!important}
 body[data-screen="24"] .main>.grid>.stack:last-child>.card:last-child {padding:10px 14px!important;min-height:181px!important}
 body[data-screen="24"] .main>.grid>.stack:last-child>.card:last-child>p {margin-bottom:9px!important}
 body[data-screen="24"] .main>.grid>.stack:last-child>.card:last-child .primary {margin-top:10px!important;padding:8px!important}
 body[data-screen="24"] .main>.grid>.stack:first-child>.card:first-child .detail-list {margin-top:24px!important}
 body[data-screen="24"] .main>.grid>.stack:first-child>.card:first-child .detail-list>div {padding:16px 0!important}
 body[data-screen="25"] .main>.grid.mb {align-items:start!important}
 body[data-screen="25"] .main>.grid.mb>.card:last-child {min-height:267px!important}
 body[data-screen="25"] .main>.grid:last-child>.stack {margin-top:-17px!important}
 body[data-screen="25"] .compact-activity>div {padding:5px 0!important;font-size:13px!important}
 body[data-screen="25"] .compact-activity .icon {height:20px!important;width:20px!important}
 body[data-screen="25"] .main>.grid:last-child>.stack>.card:last-child {min-height:157px!important}
 body[data-screen="27"] .main>.grid.cols2>.stack>.card:last-child {min-height:174px!important}
 body[data-screen="27"] .main>.grid.cols2>.stack>.card:last-child>.between {margin-bottom:4px!important}
 body[data-screen="27"] .main>.grid.cols2>.card .detail-list>div {padding:7px 0!important}
 body[data-screen="28"] .page-heading h1 {font-size:30px!important}
 body[data-screen="28"] .page-heading p {font-size:14px!important;line-height:1.2!important}
 body[data-screen="28"] .kpis {margin-bottom:12px!important}
 body[data-screen="28"] .main>.grid.cols3 {grid-template-columns:1.58fr 1.08fr 1fr!important;min-height:226px!important}
 body[data-screen="28"] .main>.grid.cols3 .card h2 {font-size:17px!important}
 body[data-screen="28"] .main>.grid.cols3 .card>.between {margin-bottom:10px!important}
 body[data-screen="28"] .main>.grid.cols3 .chart {height:162px!important}
 body[data-screen="28"] .main>.grid:last-child .card h2 {font-size:17px!important}
 body[data-screen="28"] .main>.grid:last-child .card>.between {margin-bottom:6px!important}
 body[data-screen="28"] .main>.grid:last-child th {font-size:12px!important;padding:5px 7px!important}
 body[data-screen="28"] .main>.grid:last-child td {padding:3px 7px!important}
 body[data-screen="28"] .main>.grid:last-child td:last-child {color:#c72f2f!important}
 body[data-screen="31"] .page-heading {margin-bottom:11px!important}
 body[data-screen="31"] .kpis {margin-bottom:12px!important}
 body[data-screen="31"] .main>.grid.cols3 .card .chart {height:202px!important}
 body[data-screen="31"] .main>.grid.cols3 {margin-bottom:6px!important}
 body[data-screen="31"] .main {padding-bottom:8px!important}
}
@media (min-width:1200px) {
 body[data-screen="9"] .main {padding-top:23px!important;padding-bottom:0!important}
 body[data-screen="9"] .page-heading {margin-bottom:14px!important}
 body[data-screen="9"] .membership-photo {padding:0!important;object-fit:cover!important;background:none!important}
 body[data-screen="9"] .main>section.card>.mb {margin-bottom:10px!important}
 body[data-screen="9"] .main>section.card .card .border-top {margin-top:10px!important;padding-top:10px!important}
 body[data-screen="12"] .main {padding-top:14px!important;padding-bottom:2px!important}
 body[data-screen="12"] .page-heading h1 {font-size:32px!important}
 body[data-screen="12"] .page-heading p {font-size:15px!important}
 body[data-screen="12"] .page-heading {margin-bottom:9px!important}
 body[data-screen="12"] .main>.grid.cols3:nth-child(2) {grid-template-columns:1.47fr 1fr .85fr!important;min-height:206px!important;margin-bottom:12px!important}
 body[data-screen="12"] .main>.grid.cols3:nth-child(2) .card {padding:18px!important}
 body[data-screen="12"] .main>.grid.cols3:nth-child(2) .detail-list>div {font-size:14px!important;padding:10px 0!important}
 body[data-screen="12"] .main>.grid.split-wide {min-height:316px!important;margin-bottom:12px!important}
 body[data-screen="12"] .main>.grid.split-wide .card {padding:14px!important}
 body[data-screen="12"] .main>.grid.split-wide .card h2 {font-size:18px!important}
 body[data-screen="12"] .main>.grid.split-wide .card>.between {margin-bottom:10px!important}
 body[data-screen="12"] .main>.grid.split-wide .card td {padding:5px 10px!important;font-size:15px!important}
 body[data-screen="12"] .main>.grid.cols3:nth-last-child(2) {min-height:181px!important;margin-bottom:12px!important}
 body[data-screen="12"] .main>.primary.full {padding:8px!important;font-size:14px!important}
 body[data-screen="15"] .main {padding-bottom:0!important}
 body[data-screen="17"] .main>.grid>.stack:first-child>.card:last-child>.between {margin-bottom:8px!important}
 body[data-screen="17"] .main>.grid>.stack:first-child>.card:last-child h2 {font-size:18px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:last-child h2 {font-size:18px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:nth-child(2)>.between {margin-bottom:10px!important}
 body[data-screen="21"] .main {padding-bottom:0!important}
 body[data-screen="22"] .main {padding-bottom:6px!important}
 body[data-screen="28"] .main>.grid.cols3 .chart-panel {min-height:226px!important}
 body[data-screen="30"] .main>.grid>.stack:last-child>.card:nth-child(2) .attention {padding:6px 0!important;font-size:13px!important}
 body[data-screen="30"] .main>.grid>.stack:last-child>.card:nth-child(2) {min-height:237px!important}
 body[data-screen="30"] .main>.grid>.stack:last-child>.info {padding:9px 12px!important;font-size:12px!important}
 body[data-screen="30"] .main {padding-bottom:0!important}
}

.receipt-stages {display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:25px;text-align:center;position:relative;font-size:14px}
.receipt-stages:before {content:"";position:absolute;top:12px;left:12%;right:12%;height:2px;background:#cbccce}
.receipt-stages>div {position:relative;display:flex;align-items:center;flex-direction:column}
.receipt-stages b {display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#d6d7d9;color:white;border:1px solid #c5c6c8;margin-bottom:11px}
.receipt-stages .done b {background:#148653;border-color:#148653}
.receipt-stages .active b {background:#148653;border:3px solid white;outline:1px solid #148653}
.receipt-stages span {line-height:1.25;color:#20252e}
.receipt-stages .active span {font-weight:700}
.receipt-stages small {font-size:13px;color:#7a818c;margin-top:9px;line-height:1.3}
.receipt-variance {display:flex;gap:17px;background:#fceeee;color:#990e0e;padding:18px 15px;border-radius:7px;min-height:149px}
.receipt-variance>.icon {width:42px;height:42px;flex-shrink:0}
.receipt-variance h2 {font-size:18px!important;margin:0 0 9px!important}
.receipt-variance p {font-size:14px;line-height:1.4;margin:0}
.receipt-variance.received {background:#eef7f1;color:#277449}
@media (min-width:1200px) {
 body[data-screen="9"] .main>section.card>.mb {margin-bottom:17px!important}
 body[data-screen="9"] .main>section.card>.grid:first-of-type>.card:first-child>p.mb {margin-bottom:8px!important}
 body[data-screen="9"] .main>section.card .divider {margin:12px 0!important}
 body[data-screen="9"] .main>section.card>.grid.cols2 .card .detail-list>div {padding:6px 0!important}
 body[data-screen="9"] .main>section.card>.grid.cols2 .card {min-height:211px!important}
 body[data-screen="12"] .main>.grid.cols3:nth-child(2) .detail-list>div {padding:8px 0!important}
 body[data-screen="12"] .main>.grid.cols3:nth-child(2) .receipt-variance-card {padding:15px!important}
 body[data-screen="17"] .pick-photo {height:182px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:nth-child(2) {min-height:255px!important}
 body[data-screen="17"] .main>.grid>.stack:last-child>.card:nth-child(3) {padding-top:9px!important;padding-bottom:9px!important}
 body[data-screen="21"] .main>.grid:last-child .detail-list>div {padding-top:5px!important;padding-bottom:5px!important}
 body[data-screen="24"] .main>.grid>.stack:first-child .detail-list>div {display:grid!important;grid-template-columns:.85fr 1.15fr!important;gap:14px!important}
 body[data-screen="24"] .main>.grid>.stack:first-child .detail-list>div strong {text-align:left!important}
 body[data-screen="28"] .main>.grid.cols3 .chart {height:154px!important}
 body[data-screen="28"] .main>.grid.cols3 {margin-bottom:14px!important}
 body[data-screen="28"] .main>.grid.cols2.mb {margin-bottom:14px!important}
 body[data-screen="28"] .main>.grid:last-child .card {padding:12px!important}
 body[data-screen="28"] .main {padding-bottom:2px!important}
}
@media (min-width:1200px) {
 body[data-screen="9"] .main>section.card>.mb {margin-bottom:12px!important}
 body[data-screen="9"] .main>section.card>.grid:not(.cols2)>.card:first-child>.muted.mb {margin-bottom:4px!important}
 body[data-screen="21"] .main>.grid.cols3 {margin-bottom:12px!important}
}

@media(min-width:1200px){body[data-screen="9"] .main>section.card>.grid.cols2{margin-top:8px!important}}

body[data-screen="12"] .main>.grid.cols3:nth-last-child(2) .card:nth-child(2) .detail-list>div:nth-child(3) strong{color:#c52d2f!important}