/* AYUKKI PREMIUM WORKSPACE v26 — design-only system, data/API interfaces untouched.
 * Design reference: minimal white dashboard, coral feature card, horizontal tabs,
 * compact icon rail, analytical content blocks and subtle motion. */
:root{
 --brand:#810D0D;--brand-2:#bd413a;--brand-soft:#fff0e9;
 --bg:#f7f8fa;--panel:#ffffff;--ink:#242a33;
 --muted:#89909b;--line:#edf0f3;--ok:#26976b;
 --shadow:0 9px 32px rgba(20,30,48,.035);
 --ay-salmon:#f37d6f;--ay-coral:#e96758;
 --ay-radius:16px;--ay-motion:cubic-bezier(.2,.8,.2,1);
}
html,body{background:#f8f9fb!important;color:var(--ink);scroll-behavior:smooth}
body{font-family:Poppins,ui-sans-serif,system-ui,sans-serif;font-size:12.5px;font-weight:400;line-height:1.6}
.app{display:flex;min-height:100vh;max-width:100%!important}
/* Desktop: reference-inspired slim icon rail */
.app>aside{
 width:78px!important;min-width:78px!important;max-width:78px!important;
 height:100dvh;position:sticky;top:0;padding:16px 9px!important;
 background:#fff!important;border-right:1px solid #edf0f3!important;
 overflow:visible;z-index:25;display:flex;flex-direction:column;align-items:stretch;
 box-shadow:none!important;
}
.app>aside .brand{padding:0!important;margin:0 0 15px!important;border:0!important;display:flex;justify-content:center;min-height:49px;flex:0 0 auto!important}
.app>aside .brand-logo{width:43px!important;height:43px!important;flex:0 0 43px!important;border-radius:13px!important;border:0!important;box-shadow:0 3px 11px rgba(129,13,13,.13)!important}
.app>aside .brand-copy{display:none!important}
.app>aside .menus{display:flex!important;flex:1;flex-direction:column;gap:11px!important;overflow-y:auto!important;overflow-x:visible!important;padding:6px 0 16px!important;margin:0!important;scrollbar-width:none;align-items:center}
.app>aside .menus::-webkit-scrollbar{display:none}
.app>aside .nav-group{width:100%;min-width:0;flex:0 0 auto}
.app>aside .nav-group-title{font-size:0!important;height:7px;padding:0!important;overflow:hidden}
.app>aside .nav-group:nth-child(1) .nav-group-title{height:0}
.app>aside .nav-group:not(:first-child){border-top:1px solid #f0f2f4;padding-top:10px}
.app>aside .nav-group-items,.app>aside .nav-group:nth-child(2) .nav-group-items{display:flex;flex-direction:column;align-items:center;gap:4px}
.app>aside .nav{position:relative;display:grid;place-items:center;padding:0!important;margin:0;min-height:45px!important;width:48px!important;max-width:48px!important;height:45px!important;border-radius:12px!important;color:#8e98a2!important;border:1px solid transparent!important;background:transparent!important;transition:background .2s,color .2s,transform .2s!important}
.app>aside .nav:hover{background:#fff2ef!important;color:var(--brand)!important;transform:translateY(-1px)}
.app>aside .nav.active{background:var(--brand)!important;color:#fff!important;box-shadow:0 7px 18px rgba(129,13,13,.14)!important;border-color:var(--brand)!important}
.app>aside .nav .ico{width:20px!important;height:20px!important;flex:0 0 20px!important}
.app>aside .nav-svg{width:19px!important;height:19px!important;stroke-width:1.85}
.app>aside .nav-label{display:none!important}
.app>aside .nav:after{content:attr(aria-label);position:absolute;left:calc(100% + 15px);top:50%;transform:translateY(-50%) translateX(-4px);opacity:0;pointer-events:none;white-space:nowrap;z-index:60;padding:9px 13px;background:#25292f;color:white;border-radius:9px;font-size:11px;font-weight:500;box-shadow:0 8px 22px rgba(18,25,32,.12);transition:opacity .16s ease,transform .16s ease}
.app>aside .nav:hover:after,.app>aside .nav:focus-visible:after{opacity:1;transform:translateY(-50%) translateX(0)}
.app>aside .nav-group-settings{border-top:1px solid #f0f2f4!important;margin:0!important}
.app>aside .sidefoot{display:none!important}
.app main{padding:0 30px 40px!important;flex:1;min-width:0;max-width:100%;background:#f8f9fb}
/* Horizontal context navigation */
.ay-workspace-header{height:72px;display:flex;align-items:center;gap:16px;margin:0 -30px 24px;padding:0 30px;background:#fff;border-bottom:1px solid #eef0f3;position:sticky;top:0;z-index:22}
.ay-workspace-identity{display:flex;gap:10px;align-items:center;min-width:166px}
.ay-workspace-avatar{background:#810D0D;color:#fff;width:32px;height:32px;border-radius:10px;font-size:13px;display:grid;place-items:center;font-weight:700;letter-spacing:-1px}
.ay-workspace-identity>div{display:grid;gap:0;line-height:1.2}.ay-workspace-name{font-weight:700;letter-spacing:.045em;font-size:9px;color:#222832}.ay-workspace-desc{color:#9aa1ab;font-size:9px;margin-top:3px}
.ay-workspace-links{display:flex;align-items:center;gap:4px;height:100%;min-width:0;flex:1}
.ay-workspace-tab,.ay-more-trigger{border:0;background:transparent;border-radius:100px;padding:9px 13px;color:#7a8390;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.ay-workspace-tab:hover,.ay-more-trigger:hover{background:#f5f6f8;color:#222832}
.ay-workspace-tab.is-active{background:#25272d;color:#fff}
.ay-workspace-more{position:relative}.ay-more-trigger{display:flex;gap:5px;align-items:center}
.ay-more-options{position:absolute;top:calc(100% + 10px);left:0;background:#fff;min-width:196px;border:1px solid #e9edf0;border-radius:14px;padding:7px;box-shadow:0 16px 40px rgba(34,42,55,.12);z-index:80;animation:ayFadeIn .2s ease}
.ay-more-options[hidden]{display:none}.ay-more-options button{display:block;width:100%;padding:10px 12px;text-align:left;background:transparent;border:0;border-radius:9px;color:#56606b;font:500 11px Poppins,sans-serif;cursor:pointer}.ay-more-options button:hover{background:#fff1ec;color:#810D0D}
.ay-workspace-indicator{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:600;color:#8d96a0;white-space:nowrap}.ay-pulse-dot{width:7px;height:7px;background:#35b17e;border-radius:50%;box-shadow:0 0 0 4px #e9f7f0}
/* Page headings / hierarchy */
main>.topbar{align-items:center;gap:12px;margin-bottom:26px!important}.topbar .path{font-size:10px;color:#9ca3ad;font-weight:500;letter-spacing:.02em}.ay-crumb-sep{padding:0 5px;color:#c3c7cf}
.topbar .section-h1{display:block;font-size:clamp(21px,2.3vw,27px);letter-spacing:-.065em;line-height:1.2;font-weight:700;margin:7px 0 4px;color:#252932}.topbar .section-h1 .icon-chip{display:none}.topbar .lead{color:#9299a3;font-size:11.5px;margin:0;line-height:1.65}
.ay-wave{color:#e87861;font-size:.9em}.top-actions{gap:10px;align-items:center}.logout{border:1px solid #eceff2;background:#fff;border-radius:11px;padding:9px 13px;box-shadow:none;color:#4f5560;font-size:11px;font-weight:600}.logout:hover{border-color:#dfc5bf;background:#fff9f7}
#ay-local-clock.ay-local-clock{background:#fff!important;border:1px solid #ebeef2!important;box-shadow:none!important;border-radius:12px!important;min-height:41px;color:#6f7681}.ay-clock-symbol{background:#fff0eb!important;color:#a6292a!important}
.section>h1{font-size:clamp(22px,2.5vw,29px);line-height:1.23;letter-spacing:-.052em;color:#262a32;font-weight:700;margin:9px 0}.section>.lead{font-size:11.5px;color:#939aa4;margin-bottom:22px}
.section-h1 .icon-chip{border:0!important;background:#fff0ea!important;color:#a53230!important;width:35px;height:35px;border-radius:11px!important;box-shadow:none!important;font-size:15px!important}
/* Section toolbar just for overview */
.ay-section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.ay-eyebrow{font-size:9px;color:#da7769;font-weight:700;letter-spacing:.18em}.ay-section-toolbar h2{margin:1px 0 4px;font-size:17px;font-weight:700;letter-spacing:-.05em;line-height:1.4}.ay-heading-accent{color:#ec7869;font-size:17px}.ay-section-toolbar p{margin:0;color:#9aa0a8;font-size:10.5px}.ay-quick-action{background:#fff;border:1px solid #e7eaee;color:#636a74;padding:10px 13px;border-radius:10px;cursor:pointer;font:600 10.5px Poppins,sans-serif;white-space:nowrap}.ay-quick-action:hover{background:#fff7f4;color:#810D0D}
/* Lightweight cards */
.card,.panel{background:#fff!important;border:1px solid #ecedf1!important;border-radius:16px!important;box-shadow:0 8px 28px rgba(35,44,60,.033)!important;min-width:0;transition:transform .22s var(--ay-motion),box-shadow .22s var(--ay-motion),border-color .22s ease}
.card:hover,.panel:hover{box-shadow:0 12px 34px rgba(35,44,60,.07)!important;transform:translateY(-1px)}
.panel{padding:22px}.panel h2{font-size:13.5px;font-weight:700;letter-spacing:-.035em;color:#2a3038;margin-bottom:15px}.panel h2:before{display:none!important}
/* KPI main statement: coral/red highlight amid neutral cards */
#dashboard .grid-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
#dashboard .grid-cards .card{padding:20px 18px 17px;min-height:138px;background:#fff!important;border-color:#edf0f3!important}
#dashboard .grid-cards .card:first-child{grid-column:span 2;background:linear-gradient(118deg,#f38873 0%,#e15d56 55%,#9e292e 100%)!important;border:0!important;box-shadow:0 15px 31px rgba(215,89,76,.16)!important;color:#fff;isolation:isolate;position:relative;overflow:hidden}
#dashboard .grid-cards .card:first-child:after{content:'';position:absolute;z-index:-1;right:-45px;bottom:-84px;width:240px;height:240px;border:1px solid rgba(255,255,255,.26);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.045),0 0 0 75px rgba(255,255,255,.028)}
#dashboard .metric-card:before{display:none!important}
#dashboard .grid-cards .card:nth-child(2){background:#fff!important}
#dashboard .grid-cards .card:nth-child(3){background:#fff!important}
#dashboard .grid-cards .card:nth-child(4){background:#fff!important}
#dashboard .grid-cards .card:nth-child(5){background:#fff!important}
#dashboard .grid-cards .card .label{color:#89929e;font-size:10.5px;font-weight:600;line-height:1.35}
#dashboard .grid-cards .card:first-child .label,#dashboard .grid-cards .card:first-child .small{color:rgba(255,255,255,.84)}
#dashboard .grid-cards .card .label:before{background:#f8f9fb!important;border:0!important;box-shadow:none!important;width:28px!important;height:28px!important;font-size:14px!important;border-radius:9px!important}
#dashboard .grid-cards .card:first-child .label:before{background:rgba(255,255,255,.2)!important}
#dashboard .grid-cards .card .metric{font-size:clamp(16px,1.7vw,23px);letter-spacing:-.045em;line-height:1.26;color:#252a32;font-weight:700;margin:11px 0 5px;white-space:normal;overflow-wrap:anywhere}
#dashboard .grid-cards .card:first-child .metric{font-size:clamp(23px,2.8vw,33px);color:#fff;letter-spacing:-.04em}
#dashboard .grid-cards .card .small{font-size:9.5px;color:#a1a7b0;line-height:1.5}
/* Analytics panels */
.sales-panels{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:14px!important;margin-top:15px!important}
.hero{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)!important;gap:14px!important;margin-top:14px!important}
.channel-chart{grid-template-columns:145px minmax(0,1fr)!important;gap:12px}.donut{width:137px;height:137px}.donut::after{inset:19px}.donut-center{font-size:11px}.legend{gap:5px}.legend-item{padding:7px 9px!important;border:1px solid #f0f1f4!important;background:#fcfdfe!important;border-radius:10px!important;font-size:10px!important}.legend-item b{font-size:10px}
.barrow{grid-template-columns:79px minmax(0,1fr) 85px!important;gap:8px;font-size:10px;margin:11px 0}.track{height:7px;background:#f0f2f4}.fill{background:linear-gradient(90deg,#f59a83,#e8655c,#a23336)}
#dashboard .month-chart{background:#fff!important;border:0!important;border-radius:0!important;padding:0!important;min-height:190px}.line-chart-svg{height:155px}.line-chart-big{font-size:21px}.line-chart-sub{font-size:10px}
#dashboard .panel .badge{background:#fff1ed;color:#b3453a;font-size:9px}
/* Activity list table */
.tablewrap{overflow:auto;border-radius:12px}.tablewrap table{min-width:620px}th,td{border-bottom:1px solid #f0f2f5}th{font-size:9.5px;font-weight:600;color:#a0a6b0;letter-spacing:.03em;text-transform:uppercase;padding:13px 8px}td{font-size:11px;color:#4e5863;padding:12px 8px}.tablewrap tbody tr{transition:background .18s}.tablewrap tbody tr:hover{background:#fafbfc}
.pager{border-top:0!important}.badge{border-radius:999px;font-size:10px}
/* Shortcuts replace verbose explanatory box */
.ay-shortcuts{display:grid;gap:8px;margin-top:18px}.ay-shortcut{border:1px solid #eef0f2;border-radius:12px;background:#fff;display:flex;align-items:center;gap:11px;text-align:left;padding:12px;cursor:pointer;color:#36404a;transition:background .2s,transform .2s;font-family:inherit}.ay-shortcut:hover{background:#fff8f5;transform:translateX(2px)}.ay-shortcut-icon{background:#fff1ed;color:#cc6258;border-radius:10px;width:35px;height:35px;display:grid;place-items:center;font-size:16px;flex-shrink:0}.ay-shortcut span:nth-child(2){display:grid;gap:3px;flex:1}.ay-shortcut strong{font-size:10.5px;font-weight:700}.ay-shortcut small{font-size:9px;color:#9a9fa7}.ay-shortcut>span:last-child{color:#adb4be}
/* Every section forms + buttons */
.btn{background:linear-gradient(112deg,#df7062,#aa3034)!important;color:#fff!important;border:1px solid transparent!important;box-shadow:0 7px 16px rgba(159,51,47,.12)!important;border-radius:10px!important;padding:11px 14px;font-size:11px;font-weight:600;transition:transform .17s ease,box-shadow .17s ease,filter .17s ease!important}
.btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.02);box-shadow:0 10px 19px rgba(159,51,47,.19)!important}
.btn.secondary{background:#f7f8fa!important;color:#65717d!important;border:1px solid #edf0f3!important;box-shadow:none!important}.btn.soft-danger{background:#fff1ed!important;color:#a93435!important;border-color:#efd4cd!important;box-shadow:none!important}.btn.soft-restore{background:#eaf7f1!important;color:#267e5c!important;box-shadow:none!important}
input,select,textarea{background:#fff!important;border:1px solid #e6eaee!important;border-radius:10px!important;color:#36404a!important;font-size:12px;min-height:42px;transition:border-color .2s ease,box-shadow .2s ease}
input:focus,select:focus,textarea:focus{border-color:#de8579!important;box-shadow:0 0 0 4px rgba(226,111,98,.10)!important}
.field label{font-weight:600!important;font-size:10.5px!important;color:#5a6470;margin-bottom:8px}.small,.muted{color:#9aa2ad;font-weight:400}.notice,.menu-guidance,.drink-recipe-notice,.finance-tip,.an-warning{background:#fffaf5!important;border:1px solid #f4eadd!important;color:#976f4a!important;font-size:10.5px;border-radius:12px!important;box-shadow:none}
.products .product{border:1px solid #ebedf1;border-radius:12px;background:#fff!important;padding:14px}.product strong{font-weight:600;color:#323942}.product:hover{border-color:#e8aaa1}.catpill{background:#fff1ed;color:#c04c46}.product-ico{background:#f7f8fa!important;box-shadow:none!important}
.total{font-size:18px;font-weight:700}.cartline{border-color:#edf0f3}
.catalog-toolbar,.catalog-form,.customer-form,.stock-filter-row{background:#fff!important;border:1px solid #eceef1!important;border-radius:12px!important}.catalog-toolbar b{font-size:11.5px}.stockaction .btn{font-size:10px}
/* Finance calm coral summary, other cards neutral */
.finance-balance{background:linear-gradient(122deg,#e77966,#bc4542 60%,#872229)!important;border-radius:16px!important;box-shadow:0 15px 31px rgba(154,45,45,.12)!important}
.finance-summary .card,.customer-kpis .card{background:#fff!important}.finance-amount{font-weight:700;letter-spacing:-.03em}
/* Charts & analytics */
.an-kpi{background:#fff!important;border:1px solid #ecedf1!important;border-radius:13px!important}.an-kpi .an-value{font-weight:700;color:#2d333a}.an-tabs{background:#f4f5f7!important}.an-tabs button.selected{background:#fff;color:#ac363a}.an-export-form,.an-toolbar{background:#fff!important;border-color:#e9edf0!important;box-shadow:none!important}.an-baritem .barline{background:#f2f3f5}.an-baritem .barline>div{background:linear-gradient(90deg,#f59a83,#be4240)}
.settings-card{background:#fff!important}
/* Popups and dialogs maintain their v21 behavior but mirror new design */
.ay-select-popover,.ay-date-popup,.ay-confirm-dialog,.ay-popup-panel,.customer-suggestions{border-radius:15px!important;border-color:#e8eaee!important;box-shadow:0 18px 45px rgba(30,41,59,.11)!important}
/* Section entrance */
.section:not(.hide){animation:ayFadeIn .33s var(--ay-motion) both}@keyframes ayFadeIn{from{opacity:.25;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
/* login treatment */
.login-overlay{background:rgba(27,33,45,.54)!important}.login-box{border-radius:20px!important;box-shadow:0 26px 80px rgba(20,26,35,.2);padding:30px}.login-box h2{font-weight:700;letter-spacing:-.04em}
@media(max-width:1370px){.ay-workspace-identity{min-width:148px}.ay-workspace-header{gap:10px}.ay-workspace-tab{padding:8px 10px}.ay-workspace-indicator{display:none}}
@media(max-width:1170px){
 #dashboard .grid-cards{grid-template-columns:repeat(4,minmax(0,1fr))}#dashboard .grid-cards .card:first-child{grid-column:span 2}
 .sales-panels{grid-template-columns:1fr!important}.hero{grid-template-columns:1fr!important}.channel-chart{grid-template-columns:165px minmax(0,1fr)!important}
 .ay-workspace-identity{display:none}
}
@media(min-width:861px) and (max-width:1000px){.app main{padding:0 18px 35px!important}.ay-workspace-header{margin:0 -18px 20px;padding:0 18px}.ay-workspace-tab{padding:8px 9px;font-size:10px}}
/* Mobile preserves v23 working drawer; override only visual rules and proportions */
@media(max-width:860px){
 .app{display:block!important}
 .app>aside{width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;position:sticky!important;top:0!important;z-index:40!important;display:flex!important;flex-direction:row!important;padding:10px 16px!important;align-items:center!important;border-bottom:1px solid #edf0f3!important;box-shadow:0 5px 19px rgba(21,30,40,.04)!important}
 .app>aside .brand{justify-content:flex-start;margin:0!important;padding:0!important;min-height:42px;flex:1 1 auto!important}.app>aside .brand-logo{width:40px!important;height:40px!important;flex-basis:40px!important;border-radius:11px!important}.app>aside .brand-copy{display:block!important}.app>aside .brand-word{font-size:12px!important;font-weight:700!important}.app>aside .subtitle{font-size:8px!important;letter-spacing:.065em!important}
 .app>aside .menus{display:none!important;flex:0 0 100%!important;max-height:min(68dvh,520px)!important;overflow-y:auto!important;overflow-x:hidden!important;flex-direction:column!important;gap:12px!important;padding:13px 0 8px!important;background:#fff;margin-top:7px!important}
 .app>aside.is-mobile-open .menus{display:flex!important}
 .app>aside .nav-group-title{height:auto!important;font-size:10px!important;display:block;padding:2px 9px 6px!important}
 .app>aside .nav-group,.app>aside .nav-group:nth-child(2),.app>aside .nav-group:nth-child(3),.app>aside .nav-group:nth-child(4){width:100%!important;min-width:0!important}
 .app>aside .nav-group:not(:first-child){border:0!important;padding-top:0!important}
 .app>aside .nav-group-items,.app>aside .nav-group:nth-child(2) .nav-group-items{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .app>aside .nav{width:100%!important;max-width:none!important;height:auto!important;min-height:45px!important;display:flex!important;justify-content:flex-start!important;padding:10px 12px!important;border-radius:11px!important}
 .app>aside .nav-label{display:block!important;font-size:11px!important}
 .app>aside .nav.active{background:#fff0ec!important;color:#9e272d!important;border-color:#f0dad5!important;box-shadow:none!important}
 .app>aside .nav:after{display:none!important}
 .ay-mobile-nav-toggle{background:#f7f8fa!important;color:#6b4d4e!important;border-color:#eceff2!important;border-radius:11px!important}
 .app main{padding:0 15px 36px!important;width:100%!important;max-width:100%!important}
 .ay-workspace-header{height:47px;margin:0 -15px 16px;padding:0 15px;position:relative;top:auto;gap:0;background:#fff;z-index:19}
 .ay-workspace-links{height:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;gap:3px}.ay-workspace-links::-webkit-scrollbar{display:none}
 .ay-workspace-tab,.ay-more-trigger{font-size:10px;min-height:30px;padding:7px 12px}.ay-workspace-identity,.ay-workspace-indicator{display:none}
 .ay-more-options{left:auto;right:0}
 main>.topbar{gap:9px;margin-bottom:20px!important;align-items:flex-start}.topbar .section-h1{font-size:clamp(20px,5.6vw,27px)!important;letter-spacing:-.05em;margin:4px 0 4px}.topbar .lead{font-size:11px}.topbar .top-actions{margin-top:7px}
 .ay-section-toolbar{align-items:flex-start}.ay-section-toolbar h2{font-size:15px}.ay-section-toolbar p{font-size:10px}.ay-quick-action{font-size:9px;padding:9px}
 #dashboard .grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}#dashboard .grid-cards .card:first-child{grid-column:1/-1}#dashboard .grid-cards .card{min-height:113px!important;padding:16px!important}#dashboard .grid-cards .card .metric{font-size:clamp(17px,5vw,24px)!important}#dashboard .grid-cards .card:first-child .metric{font-size:clamp(23px,6.4vw,31px)!important}
 .sales-panels,.hero,.two,.three,.an-columns,.an-columns.equal{grid-template-columns:1fr!important}.channel-chart{grid-template-columns:1fr!important}.donut{width:145px;height:145px}
 .panel,.card{padding:16px!important;border-radius:14px!important}.panel h2{font-size:13px}.section>h1{font-size:clamp(20px,5.6vw,26px)!important}
 .finance-summary .card:first-child{grid-column:1/-1}
 /* v23 scroll hints and v21 custom popups remain enabled */
}
@media(max-width:450px){
 .app main{padding:0 12px 34px!important}.ay-workspace-header{margin:0 -12px 13px;padding:0 12px}
 .ay-section-toolbar{flex-wrap:wrap;gap:10px}.ay-quick-action{max-width:100%}
 .top-actions #ay-local-clock.ay-local-clock{max-width:205px!important}
 #dashboard .grid-cards .card .label{font-size:10px}#dashboard .grid-cards .card .small{font-size:9px}
 .barrow{grid-template-columns:76px minmax(0,1fr) 77px!important;font-size:9px}
 .finance-summary{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.001ms!important;animation-duration:.001ms!important;scroll-behavior:auto!important}}