@import url('fonts/poppins.css');
/* Shared dashboard system, based on the reviewed Beauty & Beast interface. */
body.arca-unified{--dash-green:#88a80d;--dash-ink:#19212c;--dash-line:#e5e9ee;background:#f4f6f8!important;color:var(--dash-ink);font-family:Poppins,sans-serif!important;font-size:14px;line-height:1.5}
.arca-unified :is(button,input,select,textarea,h1,h2,h3,h4,p,table,summary,a){font-family:Poppins,sans-serif!important}
.arca-unified *{box-sizing:border-box}
.arca-unified .unified-side{position:fixed!important;inset:0 auto 0 0!important;width:280px!important;height:100dvh!important;padding:22px 14px!important;background:#111317!important;color:#b6bec9;display:flex!important;flex-direction:column;overflow:hidden!important;z-index:60}
.arca-unified .unified-side nav{flex:1;min-height:0;overflow-y:auto!important;max-height:none!important;padding-bottom:16px}
.arca-unified .unified-side nav :is(button,summary){min-height:44px!important;padding:10px!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:0!important;border-radius:4px!important;gap:11px;color:#b6bec9}
.arca-unified .unified-side nav button.active{background:#88a80d26!important;color:#d9e9ad!important}
.arca-unified .unified-side nav :is(button,summary):hover{background:#ffffff0b}
.arca-unified .unified-side nav svg{width:20px!important;height:20px!important;flex:0 0 20px!important}
.arca-unified .unified-side .ao-category-label{font-size:13px!important}
.arca-unified .unified-side .ao-category-chevron{width:12px!important;height:12px!important;flex-basis:12px!important}
.arca-unified .unified-main{margin-left:280px!important;padding:0 24px 88px!important;min-width:0;width:auto!important;max-width:none!important}
.arca-unified :is(.ao-topbar,.dashboard-topbar,.dash-header){background:#fff;border-bottom:1px solid var(--dash-line);min-height:64px;padding:12px 16px;margin:0 -24px 24px;gap:12px;flex-wrap:wrap}
.arca-unified h1,.arca-unified .ao-page-heading h1{font-size:24px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:-.5px!important}
.arca-unified h2,.arca-unified .ao-panel-header h2{font-size:18px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:-.2px!important}
.arca-unified h3{font-size:15px;font-weight:700}
.arca-unified :is(.ao-panel,.panel,.card,.attention-panel){background:#fff;border:1px solid var(--dash-line);border-radius:12px;padding:20px;box-shadow:0 3px 12px #19212c04}
.arca-unified :is(.ao-metrics,.stats){gap:12px!important}
.arca-unified :is(.ao-metrics article,.stats>div){background:#fff;border:1px solid var(--dash-line)!important;border-radius:6px!important;padding:18px!important;min-width:0}
.arca-unified :is(.ao-metrics strong,.stats b){font-size:26px!important;font-weight:700!important;line-height:1.25}
.arca-unified :is(.ao-metrics small,.ao-metrics article>span,.stats small){font-size:12px!important;color:#697586}
.arca-unified :is(.ao-business,.establishment-card){background:#1d222a;border-color:#303641;border-radius:8px}
.arca-unified :is(.ao-quick-actions button,.ao-quick-actions a,.ao-secondary,.estate-button,.primary){min-height:40px;font-size:12px!important;font-weight:600;border-radius:5px!important}
.arca-unified :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:14px!important;min-height:42px;border-radius:5px;border-color:#dce1e7;max-width:100%}
.arca-unified table{font-size:13px!important;width:100%;border-collapse:collapse}
.arca-unified :is(td,th){padding:14px 12px!important;font-size:12px!important;border-bottom:1px solid var(--dash-line)}
.arca-unified th{background:#f8fafb;color:#647080;font-weight:600!important;text-align:left}
.arca-unified .unified-table-scroll{max-width:100%;overflow:auto}
.arca-unified .module-system-grid{gap:14px}
.arca-unified .module-system-grid button{background:white;border:1px solid var(--dash-line);border-radius:10px;padding:20px;text-align:left}
.arca-unified .module-system-grid strong{font-size:14px!important}.arca-unified .module-system-grid small{font-size:12px!important}
.arca-unified :focus-visible{outline:3px solid #88a80d;outline-offset:3px}
.arca-unified.ao-sidebar-collapsed .unified-side,.arca-unified.gastro-sidebar-collapsed .unified-side,.arca-unified.compact .unified-side{width:76px!important}
.arca-unified.ao-sidebar-collapsed .unified-main,.arca-unified.gastro-sidebar-collapsed .unified-main,.arca-unified.compact .unified-main{margin-left:76px!important}
.unified-mobile-nav,.unified-scrim{display:none}
@media(max-width:900px){
.arca-unified .unified-main,.arca-unified.ao-sidebar-collapsed .unified-main,.arca-unified.gastro-sidebar-collapsed .unified-main,.arca-unified.compact .unified-main{margin-left:0!important;padding:0 14px 150px!important}
.arca-unified .unified-side{transform:translateX(-100%);transition:transform .2s ease;width:280px!important;max-width:85vw}
.arca-unified.unified-menu-open .unified-side{transform:translateX(0)}
.arca-unified.unified-menu-open .unified-scrim{display:block;position:fixed;inset:0;background:#11131766;z-index:59;border:0}
.arca-unified :is(.ao-topbar,.dashboard-topbar,.dash-header){margin:0 -14px 20px;padding:10px 14px}
.arca-unified :is(.ao-metrics,.stats){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.arca-unified :is(.ao-panel,.panel,.card){padding:16px;min-width:0}
.arca-unified .ao-panel-header,.arca-unified .ao-page-heading{flex-wrap:wrap;gap:12px}
.arca-unified input:not([type=checkbox]):not([type=radio]),.arca-unified select,.arca-unified textarea{font-size:16px!important;min-height:44px}
.arca-unified .module-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.arca-unified .unified-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(64px + env(safe-area-inset-bottom));padding:6px 10px calc(6px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--dash-line);z-index:58;justify-content:space-around;box-shadow:0 -4px 18px #19212c08}
.unified-mobile-nav button{display:flex;flex:1;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:transparent;border:0;color:#566274;font-size:11px!important;min-height:44px}
.unified-mobile-nav svg{width:20px;height:20px}.unified-mobile-nav button:last-child{color:#627a08}
.arca-unified .arca-demo-return,.arca-unified .arca-demo-whatsapp{bottom:84px!important}
}
@media(prefers-reduced-motion:reduce){.arca-unified .unified-side{transition:none}}
@media(max-width:900px){
.arca-unified :is(.demo-vertical-return,.dashboard-return-link,.sma-landing-return,.arca-demo-whatsapp){bottom:84px!important}
.arca-unified.unified-menu-open .unified-side{width:280px!important}
}
@media(min-width:901px){.arca-unified .unified-side nav>svg{display:none}}

.arca-unified .unified-side nav .arca-module-icon{width:20px!important;height:20px!important;flex:0 0 20px!important}.arca-unified .module-system-grid .arca-module-icon{width:26px!important;height:26px!important;display:block;color:#88a80d;margin-bottom:12px}
