/* BAFF Business Suite v1.1.1 — reusable luxury design system. */
:root{
 --baff-font-sans:Arial,Helvetica,sans-serif;--baff-font-display:Georgia,"Times New Roman",serif;
 --baff-text-xs:.7rem;--baff-text-sm:.82rem;--baff-text-md:.94rem;--baff-text-lg:1.15rem;--baff-text-kpi:clamp(1.45rem,2vw,2rem);
 --baff-space-xs:.35rem;--baff-space-sm:.65rem;--baff-space-md:1rem;--baff-space-lg:1.5rem;--baff-space-xl:2.25rem;--baff-section-space:1.125rem;
 --baff-radius-sm:7px;--baff-radius-md:12px;--baff-radius-lg:18px;--baff-radius-pill:999px;
 --baff-shadow-subtle:0 2px 10px rgba(35,28,19,.05);--baff-shadow-card:0 8px 24px rgba(35,28,19,.07);--baff-shadow-elevated:0 15px 38px rgba(24,19,14,.14);--baff-shadow-executive:0 20px 50px rgba(17,14,10,.2);
 --baff-bg:#f3eee5;--baff-bg-soft:#ebe4d9;--baff-surface:#fffdf8;--baff-surface-raised:#fffaf1;--baff-surface-muted:#eee7dc;
 --baff-text:#211e1a;--baff-text-secondary:#5e574e;--baff-text-muted:#756d63;--baff-border:#ded4c5;--baff-border-strong:#c6b79f;
 --baff-gold:#a98447;--baff-gold-soft:#eadcbe;--baff-focus:#9b6b20;--baff-success:#276746;--baff-warning:#92631d;--baff-danger:#923d3a;--baff-info:#345f7d;
 --baff-executive:#a98447;--baff-sales:#347459;--baff-finance:#4f775e;--baff-inventory:#367080;--baff-procurement:#866744;--baff-crm:#74617d;--baff-marketing:#825a70;--baff-operations:#936a38;--baff-staff:#506d86;
 --baff-tint-executive:#f4ead6;--baff-tint-sales:#e5f1e9;--baff-tint-finance:#e7efe7;--baff-tint-inventory:#e5eff1;--baff-tint-procurement:#eee7dc;--baff-tint-crm:#eee8ef;--baff-tint-operations:#f1e8da;--baff-tint-staff:#e8edf1;
 --baff-sidebar:#171614;--baff-sidebar-raised:#24211d;--baff-sidebar-text:#f7f1e7;--baff-sidebar-muted:#aaa093;
 color-scheme:light;
}
html[data-theme="night"]{color-scheme:dark;--baff-bg:#171817;--baff-bg-soft:#20211f;--baff-surface:#232421;--baff-surface-raised:#2a2a26;--baff-surface-muted:#30302c;--baff-text:#f2ede4;--baff-text-secondary:#c8c0b5;--baff-text-muted:#aaa297;--baff-border:#41413b;--baff-border-strong:#59574e;--baff-gold:#d0ae6d;--baff-gold-soft:#4a402d;--baff-focus:#e2bd73;--baff-success:#75b58d;--baff-warning:#d4a45b;--baff-danger:#dc8580;--baff-info:#7eb0cf;--baff-tint-executive:#312c23;--baff-tint-sales:#20372c;--baff-tint-finance:#26382b;--baff-tint-inventory:#22353a;--baff-tint-procurement:#352f27;--baff-tint-crm:#322b35;--baff-tint-operations:#382f24;--baff-tint-staff:#28333d;--baff-sidebar:#101110;--baff-sidebar-raised:#1d1e1c;--baff-sidebar-text:#f4eee4;--baff-sidebar-muted:#a79e91;--baff-shadow-card:0 8px 24px rgba(0,0,0,.2);--baff-shadow-elevated:0 15px 38px rgba(0,0,0,.3)}
@media(prefers-color-scheme:dark){html[data-theme="system"]{color-scheme:dark;--baff-bg:#171817;--baff-bg-soft:#20211f;--baff-surface:#232421;--baff-surface-raised:#2a2a26;--baff-surface-muted:#30302c;--baff-text:#f2ede4;--baff-text-secondary:#c8c0b5;--baff-text-muted:#aaa297;--baff-border:#41413b;--baff-border-strong:#59574e;--baff-gold:#d0ae6d;--baff-gold-soft:#4a402d;--baff-focus:#e2bd73;--baff-success:#75b58d;--baff-warning:#d4a45b;--baff-danger:#dc8580;--baff-info:#7eb0cf;--baff-tint-executive:#312c23;--baff-tint-sales:#20372c;--baff-tint-finance:#26382b;--baff-tint-inventory:#22353a;--baff-tint-procurement:#352f27;--baff-tint-crm:#322b35;--baff-tint-operations:#382f24;--baff-tint-staff:#28333d;--baff-sidebar:#101110;--baff-sidebar-raised:#1d1e1c;--baff-sidebar-text:#f4eee4;--baff-sidebar-muted:#a79e91;--baff-shadow-card:0 8px 24px rgba(0,0,0,.2);--baff-shadow-elevated:0 15px 38px rgba(0,0,0,.3)}}
html,body{background:var(--baff-bg);color:var(--baff-text);font-family:var(--baff-font-sans)}
body,.card,.header,.sidebar,input,select,textarea,.btn,button{transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}
.shell{background:var(--baff-bg)}.sidebar{background:linear-gradient(180deg,var(--baff-sidebar),#11110f);color:var(--baff-sidebar-text);padding:25px 16px;scrollbar-color:#514a40 transparent}.brand{font-family:var(--baff-font-display);letter-spacing:.08em}.sidebar>.sub{color:var(--baff-sidebar-muted);margin-bottom:22px}.sidebar nav{display:block}.nav-section{position:relative;margin:22px 10px 7px;padding:0 0 6px 12px;color:#cdb27d;font-size:.64rem;font-weight:900;line-height:1.2;letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.08)}.nav-section:before{content:"";position:absolute;left:0;top:1px;width:3px;height:11px;border-radius:3px;background:var(--module-accent,var(--baff-gold))}.nav-section[data-accent="finance"]{--module-accent:var(--baff-finance)}.nav-section[data-accent="procurement"]{--module-accent:var(--baff-procurement)}.nav-section[data-accent="crm"]{--module-accent:var(--baff-crm)}.nav-section[data-accent="marketing"]{--module-accent:var(--baff-marketing)}.nav-section[data-accent="operations"]{--module-accent:var(--baff-operations)}.nav-section[data-accent="sales"]{--module-accent:var(--baff-sales)}.nav-section[data-accent="inventory"]{--module-accent:var(--baff-inventory)}.nav-section[data-accent="system"]{--module-accent:#8d8b86}.sidebar a,.nav-button{color:var(--baff-sidebar-text);border:1px solid transparent;border-radius:var(--baff-radius-sm);font-weight:650;padding:9px 11px}.sidebar a:hover,.nav-button:hover{background:var(--baff-sidebar-raised);border-color:rgba(210,180,120,.14)}.sidebar a.active,.sidebar a[aria-current="page"]{background:linear-gradient(90deg,rgba(205,174,112,.18),rgba(205,174,112,.04));border-color:rgba(213,181,119,.24);box-shadow:inset 3px 0 var(--baff-gold);color:#fff}.nav-note{font-size:.55rem;color:#d7bd8a;text-transform:uppercase;letter-spacing:.07em}.header{background:color-mix(in srgb,var(--baff-surface) 94%,transparent);border-color:var(--baff-border);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.scope{color:var(--baff-text-secondary)}.content{width:100%}
.card,.baff-card{background:var(--baff-surface);color:var(--baff-text);border:1px solid var(--baff-border);border-radius:var(--baff-radius-md);box-shadow:var(--baff-shadow-card)}.card:hover,.baff-card:hover{border-color:var(--baff-border-strong)}.label,.muted{color:var(--baff-text-muted)}
body:not([data-module="visual_pos"]) :is(input,select,textarea,.form-control,.form-select){background:var(--baff-surface-raised)!important;color:var(--baff-text)!important;border:1px solid var(--baff-border-strong)!important;min-height:44px}body:not([data-module="visual_pos"]) textarea{min-height:96px}body:not([data-module="visual_pos"]) :is(input,textarea)::placeholder{color:var(--baff-text-muted)}body:not([data-module="visual_pos"]) :is(input,select,textarea,.form-control,.form-select):focus{outline:3px solid color-mix(in srgb,var(--baff-focus) 35%,transparent)!important;outline-offset:1px;border-color:var(--baff-focus)!important;box-shadow:none!important}body:not([data-module="visual_pos"]) :is(input,select,textarea):disabled{background:var(--baff-surface-muted)!important;color:var(--baff-text-muted)!important;cursor:not-allowed}
body:not([data-module="visual_pos"]) :is(.btn,button){border-radius:var(--baff-radius-sm);min-height:42px}.btn-primary,.baff-btn-primary{background:#1c1a17;color:#fff;border:1px solid var(--baff-gold)}.btn-secondary,.baff-btn-secondary{background:var(--baff-surface-muted);color:var(--baff-text);border:1px solid var(--baff-border)}.btn-outline,.baff-btn-outline{background:transparent;color:var(--baff-text);border:1px solid var(--baff-border-strong)}.btn-ghost,.baff-btn-ghost{background:transparent;color:var(--baff-text)}.btn-danger,.baff-btn-danger{background:var(--baff-danger);color:#fff}.btn-compact{min-height:34px;padding:7px 10px}.btn:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--baff-focus)!important;outline-offset:3px}
.table-wrap,.table-responsive,.baff-table-wrap{border-radius:var(--baff-radius-md)}body:not([data-module="visual_pos"]) :is(table,.table){color:var(--baff-text);--bs-table-color:var(--baff-text);--bs-table-bg:transparent;--bs-table-hover-bg:var(--baff-surface-muted)}body:not([data-module="visual_pos"]) :is(th,.table th){background:var(--baff-surface-muted)!important;color:var(--baff-text-secondary)!important;border-color:var(--baff-border)!important;text-transform:uppercase;letter-spacing:.055em;font-size:.69rem}body:not([data-module="visual_pos"]) :is(td,.table td){border-color:var(--baff-border)!important}body:not([data-module="visual_pos"]) tbody tr:hover{background:color-mix(in srgb,var(--baff-surface-muted) 65%,transparent)}.numeric,.amount{text-align:right;font-variant-numeric:tabular-nums}
.badge,.status,.ops-badge,.baff-badge{background:var(--baff-surface-muted);color:var(--baff-text);border:1px solid var(--baff-border);border-radius:var(--baff-radius-pill)}.badge.ok,.status.active,.status.approved{background:color-mix(in srgb,var(--baff-success) 14%,var(--baff-surface));color:var(--baff-success)}.badge.danger,.status.critical,.status.returned{background:color-mix(in srgb,var(--baff-danger) 14%,var(--baff-surface));color:var(--baff-danger)}.status.pending,.status.submitted,.status.review{background:color-mix(in srgb,var(--baff-warning) 14%,var(--baff-surface));color:var(--baff-warning)}
.identity-dropdown{background:var(--baff-surface-raised);border-color:var(--baff-border);box-shadow:var(--baff-shadow-elevated)}.identity-dropdown a,.identity-dropdown button{color:var(--baff-text)}.identity-dropdown a:hover,.identity-dropdown button:hover{background:var(--baff-surface-muted)}.identity-menu-copy small{color:var(--baff-text-muted)}.staff-avatar{background:var(--baff-sidebar-raised);border-color:var(--baff-gold);color:var(--baff-gold)}
.appearance-control{border-top:1px solid var(--baff-border);margin-top:5px;padding:10px 8px 5px}.appearance-label{display:block;color:var(--baff-text-muted);font-size:.64rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}.appearance-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.appearance-option{background:var(--baff-surface-muted);color:var(--baff-text);border:1px solid var(--baff-border);border-radius:7px;min-height:36px;padding:6px;font-size:.68rem}.appearance-option[aria-checked="true"]{background:var(--baff-gold-soft);border-color:var(--baff-gold);box-shadow:inset 0 -2px var(--baff-gold);font-weight:900}
body[data-module="crm"]{--page-accent:var(--baff-crm)}body[data-module="finance"]{--page-accent:var(--baff-finance)}body[data-module="procurement"]{--page-accent:var(--baff-procurement)}body[data-module="operations_platform"],body[data-module="operations"]{--page-accent:var(--baff-operations)}body[data-module="inventory_core"],body[data-module="warehouses"],body[data-module="categories"],body[data-module="suppliers"]{--page-accent:var(--baff-inventory)}body[data-module="executive_dashboard"]{--page-accent:var(--baff-executive)}body[data-module="profile"],body[data-module="admin"]{--page-accent:var(--baff-staff)}
.crm-metrics>div,.crm-compact-metrics>div{background:var(--baff-tint-crm);border-color:var(--baff-border);color:var(--baff-text)}.crm-page-head p,.crm-profile-head p,.crm-compact-metrics span,.crm-relationship span,.crm-customer-cell small,.crm-table td>small{color:var(--baff-text-muted)}.crm-profile-nav a,.crm-pagination a,.crm-pagination span{background:var(--baff-surface-raised);color:var(--baff-text)}.crm-detail-list>div,.crm-relationship p,.crm-consent,.crm-note,.crm-timeline{border-color:var(--baff-border)}
.ops-kpis div,.ops-check-item,.ops-template-card,.ops-branch-card{background:var(--baff-tint-operations);border-color:var(--baff-border);color:var(--baff-text)}.ops-meta div,.ops-branch-counts div,.ops-branch-status div,.ops-edit-panel[open] form,.ops-response label span{background:var(--baff-surface-muted);color:var(--baff-text)}.ops-template-card p,.ops-item-copy p,.ops-empty,.ops-meta dt,.ops-branch-counts dt{color:var(--baff-text-muted)}.ops-sticky-actions{background:color-mix(in srgb,var(--baff-surface) 96%,transparent);border-color:var(--baff-border)}
.finance,.proc{color:var(--baff-text)!important}.finance .panel,.finance .kpi,.finance .account,.finance .report-card,.proc .panel,.proc .kpi,.proc .report{background:var(--baff-surface)!important;border-color:var(--baff-border)!important;color:var(--baff-text)!important}.finance .kpi{background:var(--baff-tint-finance)!important}.proc .kpi{background:var(--baff-tint-procurement)!important}.finance .summary-item,.finance .detail,.proc .summary,.proc .detail{background:var(--baff-surface-muted)!important}.finance .finance-nav a,.proc .local-nav a{background:var(--baff-surface-raised)!important;color:var(--baff-text)!important;border-color:var(--baff-border)!important}.finance .panel-sub,.finance .kpi-note,.proc .muted{color:var(--baff-text-muted)!important}
.identity-details div,.identity-metrics div{background:var(--baff-tint-staff);color:var(--baff-text)}.identity-details span,.identity-metrics span,.profile-form small{color:var(--baff-text-muted)}
@media(max-width:800px){.header{position:static}.sidebar{overflow:visible}.sidebar nav{display:block}.nav-section{margin-top:16px}.content{overflow-x:hidden}.appearance-options{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* BAFF Business Suite v1.6.3.0 — master visual token foundation. */
:root{
 --baff-nav-bg:#11182c;--baff-nav-bg-deep:#0b1225;--baff-nav-bg-hover:#202a49;--baff-nav-text:#f8f5ef;--baff-nav-text-muted:#c9cbd6;--baff-nav-active-bg:#28375f;--baff-nav-active-text:#fff;
 --baff-profile-surface:#fff;--baff-profile-hover:#f2f1ed;--baff-profile-selected:#eee9dd;--baff-profile-text:#222438;
 --baff-workspace-bg:#f8f7fb;--baff-surface:#fffefb;--baff-surface-soft:#f2f1f7;--baff-surface-elevated:#fff;--baff-border:#dedee9;--baff-border-strong:#c8cad8;
 --baff-text:#222438;--baff-text-secondary:#55596c;--baff-text-muted:#747789;--baff-accent-indigo:#5548a6;--baff-accent-indigo-soft:#ebe9f8;
 --baff-gold:#c29b53;--baff-gold-soft:#f2e7cf;--baff-success:#2f7650;--baff-success-soft:#e7f2eb;--baff-info:#376a9b;--baff-info-soft:#e7eef6;--baff-warning:#a97820;--baff-warning-soft:#f8eed9;--baff-danger:#8a3448;--baff-danger-soft:#f6e7ea;
 --baff-payment-cash:#2f7650;--baff-payment-momo:#c49a35;--baff-payment-card:#376a9b;--baff-payment-bank:#765080;
 --baff-bg:var(--baff-workspace-bg);--baff-bg-soft:var(--baff-surface-soft);--baff-surface-raised:var(--baff-surface-elevated);--baff-surface-muted:var(--baff-surface-soft);--baff-focus:var(--baff-accent-indigo);
 --baff-sidebar:var(--baff-nav-bg);--baff-sidebar-raised:var(--baff-nav-bg-hover);--baff-sidebar-text:var(--baff-nav-text);--baff-sidebar-muted:var(--baff-nav-text-muted);
 --baff-table-bg:var(--baff-surface);--baff-table-header:var(--baff-surface-soft);--baff-table-hover:var(--baff-accent-indigo-soft);--baff-empty-surface:var(--baff-surface-soft);
}
html[data-theme="night"]{
 --baff-nav-bg:#0c142b;--baff-nav-bg-deep:#070e20;--baff-nav-bg-hover:#1b284b;--baff-nav-text:#f5f1e9;--baff-nav-text-muted:#c4c6d2;--baff-nav-active-bg:#24365f;--baff-nav-active-text:#fff;
 --baff-profile-surface:#292c3d;--baff-profile-hover:#343849;--baff-profile-selected:#3b382f;--baff-profile-text:#f2eff6;
 --baff-workspace-bg:#171a29;--baff-surface:#232635;--baff-surface-soft:#2d3041;--baff-surface-elevated:#292c3d;--baff-border:#42465a;--baff-border-strong:#585d73;
 --baff-text:#f2eff6;--baff-text-secondary:#cbc8d3;--baff-text-muted:#aaa8b7;--baff-accent-indigo:#a69bea;--baff-accent-indigo-soft:#353250;
 --baff-gold:#d0ae6d;--baff-gold-soft:#493f2e;--baff-success:#79aa88;--baff-success-soft:#25382c;--baff-info:#7fa3c6;--baff-info-soft:#273747;--baff-warning:#d3ad61;--baff-warning-soft:#413821;--baff-danger:#d47b86;--baff-danger-soft:#442b32;
 --baff-payment-cash:#79aa88;--baff-payment-momo:#d3ad61;--baff-payment-card:#7fa3c6;--baff-payment-bank:#b493bc;
 --baff-shadow-card:0 8px 24px rgba(4,7,20,.24);--baff-shadow-elevated:0 15px 38px rgba(4,7,20,.34);
}
@media(prefers-color-scheme:dark){html[data-theme="system"]{
 --baff-nav-bg:#0c142b;--baff-nav-bg-deep:#070e20;--baff-nav-bg-hover:#1b284b;--baff-nav-text:#f5f1e9;--baff-nav-text-muted:#c4c6d2;--baff-nav-active-bg:#24365f;--baff-nav-active-text:#fff;
 --baff-profile-surface:#292c3d;--baff-profile-hover:#343849;--baff-profile-selected:#3b382f;--baff-profile-text:#f2eff6;
 --baff-workspace-bg:#171a29;--baff-surface:#232635;--baff-surface-soft:#2d3041;--baff-surface-elevated:#292c3d;--baff-border:#42465a;--baff-border-strong:#585d73;
 --baff-text:#f2eff6;--baff-text-secondary:#cbc8d3;--baff-text-muted:#aaa8b7;--baff-accent-indigo:#a69bea;--baff-accent-indigo-soft:#353250;--baff-gold:#d0ae6d;--baff-gold-soft:#493f2e;
 --baff-success:#79aa88;--baff-success-soft:#25382c;--baff-info:#7fa3c6;--baff-info-soft:#273747;--baff-warning:#d3ad61;--baff-warning-soft:#413821;--baff-danger:#d47b86;--baff-danger-soft:#442b32;
 --baff-payment-cash:#79aa88;--baff-payment-momo:#d3ad61;--baff-payment-card:#7fa3c6;--baff-payment-bank:#b493bc;--baff-shadow-card:0 8px 24px rgba(4,7,20,.24);--baff-shadow-elevated:0 15px 38px rgba(4,7,20,.34);
}}
html,body,.shell,.main{background:var(--baff-workspace-bg);color:var(--baff-text)}
.sidebar{background:linear-gradient(180deg,var(--baff-nav-bg),var(--baff-nav-bg-deep));color:var(--baff-nav-text);border-right:1px solid color-mix(in srgb,var(--baff-nav-text) 14%,transparent);scrollbar-color:#485474 transparent}
.sidebar .brand{color:var(--baff-nav-text)}.sidebar>.sub{color:var(--baff-gold)}
.nav-group-toggle{color:var(--baff-nav-text-muted);opacity:1}.nav-group-chevron{color:var(--baff-nav-text-muted);opacity:1}
.sidebar :is(a,.nav-button){color:var(--baff-nav-text);opacity:1}
.nav-group-toggle:hover,.sidebar :is(a,.nav-button):hover{background:var(--baff-nav-bg-hover);color:var(--baff-nav-text);border-color:color-mix(in srgb,var(--baff-gold) 18%,transparent)}
.sidebar .nav-group-toggle:focus-visible,.sidebar .nav-group-panel a:focus-visible,.sidebar .nav-button:focus-visible{background:var(--baff-nav-bg-hover);color:var(--baff-nav-text);border-color:color-mix(in srgb,var(--baff-gold) 34%,transparent);outline:3px solid var(--baff-focus)!important;outline-offset:2px;box-shadow:none}
.nav-group-panel a.active,.sidebar a.active,.sidebar a[aria-current="page"]{background:var(--baff-nav-active-bg);color:var(--baff-nav-active-text);border-color:color-mix(in srgb,var(--baff-accent-indigo) 72%,var(--baff-border));box-shadow:inset 3px 0 var(--baff-gold)}
.nav-note{color:#e2c680}.nav-group-toggle>span:first-child{display:flex;align-items:center;gap:9px}
.nav-group-toggle>span:first-child:before{display:grid;width:21px;height:21px;flex:0 0 21px;place-items:center;border:1px solid color-mix(in srgb,var(--baff-nav-text) 18%,transparent);border-radius:6px;color:color-mix(in srgb,var(--baff-nav-text) 88%,var(--baff-accent-indigo));font-size:.72rem;line-height:1}
.nav-group-toggle>span:first-child:before{content:""}
.header{background:color-mix(in srgb,var(--baff-surface) 95%,transparent);border-color:var(--baff-border)}
.card,.baff-card{background:var(--baff-surface);border-color:var(--baff-border);color:var(--baff-text);box-shadow:var(--baff-shadow-card)}
.identity-dropdown{background:var(--baff-profile-surface);border-color:var(--baff-border)}.identity-dropdown :is(a,button){color:var(--baff-profile-text)}
.identity-dropdown :is(a,button):hover{background:var(--baff-profile-hover);color:var(--baff-profile-text)}
.identity-dropdown :is(a,button):focus-visible{outline:2px solid var(--baff-gold);outline-offset:-2px}
.identity-dropdown form{margin-top:6px;padding-top:6px;border-top:1px solid var(--baff-border)}
.appearance-option[aria-checked="true"]{background:var(--baff-profile-selected);border-color:var(--baff-gold);box-shadow:inset 0 -2px var(--baff-gold);color:var(--baff-profile-text)}
.btn-primary,.baff-btn-primary{background:var(--baff-accent-indigo);color:#fff;border-color:color-mix(in srgb,var(--baff-accent-indigo) 72%,var(--baff-gold))}
body:not([data-module="visual_pos"]) :is(table,.table){--bs-table-bg:var(--baff-table-bg);--bs-table-hover-bg:var(--baff-table-hover)}
body:not([data-module="visual_pos"]) :is(th,.table th){background:var(--baff-table-header)!important}
.empty-state,.baff-empty{background:var(--baff-empty-surface);color:var(--baff-text-muted);border-color:var(--baff-border-strong)}

/* v1.6.3.1 — actual shared navigation presentation. */
.shell{grid-template-columns:250px minmax(0,1fr)}
.sidebar{background:linear-gradient(180deg,#0f1830 0%,var(--baff-nav-bg) 48%,var(--baff-nav-bg-deep) 100%);color:var(--baff-nav-text);padding:22px 15px 18px;border-right:1px solid rgba(194,155,83,.2);box-shadow:10px 0 34px rgba(8,14,31,.12)}
.sidebar .brand{position:relative;padding-left:34px;color:#fffaf1;font-size:1.28rem;line-height:1.25;letter-spacing:.075em}
.sidebar .brand:before{content:"";position:absolute;left:0;top:50%;width:23px;height:23px;transform:translateY(-50%);background:var(--baff-gold);-webkit-mask:var(--baff-nav-brand-mark) center/contain no-repeat;mask:var(--baff-nav-brand-mark) center/contain no-repeat}
.sidebar>.sub{margin:5px 0 19px;padding-left:34px;color:var(--baff-gold);font-weight:650;letter-spacing:.025em}
.sidebar nav{display:block}
.nav-group-toggle>span:first-child{display:flex;align-items:center;min-width:0;gap:10px}
.nav-group-toggle>span:first-child:before,.nav-group-panel a:before{content:"";display:block;width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask:var(--nav-icon,var(--baff-nav-icon-grid)) center/19px 19px no-repeat;mask:var(--nav-icon,var(--baff-nav-icon-grid)) center/19px 19px no-repeat}
.nav-group-toggle>span:first-child:before{border:0;border-radius:0;color:inherit}
.nav-group-panel a:before{position:absolute;left:.72rem;top:50%;width:17px;height:17px;transform:translateY(-50%);opacity:.78;-webkit-mask-size:16px;mask-size:16px}
.nav-group-panel a:hover:before,.nav-group-panel a.active:before,.nav-group-panel a[aria-current="page"]:before{opacity:1}
.nav-group-toggle{color:#d6d3d0;opacity:1}.nav-group-toggle[aria-expanded="true"]{color:#f1eee8}
.nav-group-panel a{color:#d8d9e2;opacity:1}.nav-group-panel a:hover{color:#fffaf1}
.nav-group-panel a.active,.nav-group-panel a[aria-current="page"]{background:var(--baff-nav-active-bg);color:var(--baff-nav-active-text);border-color:color-mix(in srgb,var(--baff-gold) 34%,var(--baff-nav-active-bg));box-shadow:inset 3px 0 var(--baff-gold),0 5px 14px rgba(7,10,30,.2)}
.nav-group-chevron{color:#c9cbd6;opacity:1}.nav-note{color:#edce8e}.nav-subsection{color:#aaaec0}

/* One dependency-free SVG line-icon family. */
:root{
 --baff-nav-brand-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M12 2 3.5 7v10L12 22l8.5-5V7L12 2Z'/%3E%3Cpath d='m8 12 2.5 2.5L16 9'/%3E%3C/svg%3E");
 --baff-nav-icon-grid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");
 --baff-nav-icon-chart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M4 20V10m6 10V4m6 16v-7m4 7H2'/%3E%3C/svg%3E");
 --baff-nav-icon-wallet:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M4 6h14a2 2 0 0 1 2 2v11H4a2 2 0 0 1-2-2V6a3 3 0 0 1 3-3h12'/%3E%3Cpath d='M16 11h6v4h-6a2 2 0 0 1 0-4Z'/%3E%3C/svg%3E");
 --baff-nav-icon-bag:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M5 8h14l1 13H4L5 8Z'/%3E%3Cpath d='M9 10V6a3 3 0 0 1 6 0v4'/%3E%3C/svg%3E");
 --baff-nav-icon-users:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='9' cy='8' r='3'/%3E%3Cpath d='M3 20v-2a5 5 0 0 1 10 0v2m2-15a3 3 0 0 1 0 6m2 3a5 5 0 0 1 4 4v2'/%3E%3C/svg%3E");
 --baff-nav-icon-megaphone:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='m3 11 16-7v16L3 13v-2Z'/%3E%3Cpath d='m7 14 2 6h4l-2-5'/%3E%3C/svg%3E");
 --baff-nav-icon-gear:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M19 12a7 7 0 0 0-.1-1l2-1.5-2-3.4-2.4 1A8 8 0 0 0 15 6l-.3-2.6h-4L10.4 6A8 8 0 0 0 8 7.1l-2.4-1-2 3.4 2 1.5a7 7 0 0 0 0 2l-2 1.5 2 3.4 2.4-1A8 8 0 0 0 10 18l.3 2.6h4L15 18a8 8 0 0 0 1.5-1.1l2.4 1 2-3.4-2-1.5c.1-.3.1-.7.1-1Z'/%3E%3C/svg%3E");
 --baff-nav-icon-cart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M3 4h2l2 11h11l2-7H6'/%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3C/svg%3E");
 --baff-nav-icon-box:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='m3 7 9-4 9 4-9 4-9-4Zm0 0v10l9 4 9-4V7M12 11v10'/%3E%3C/svg%3E");
 --baff-nav-icon-cash:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M6 9H4v2m14 4h2v-2'/%3E%3C/svg%3E");
 --baff-nav-icon-person:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
 --baff-nav-icon-sliders:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M4 6h16M4 18h16M4 12h16'/%3E%3Ccircle cx='9' cy='6' r='2' fill='white'/%3E%3Ccircle cx='15' cy='12' r='2' fill='white'/%3E%3Ccircle cx='11' cy='18' r='2' fill='white'/%3E%3C/svg%3E");
 --baff-nav-icon-spark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='m12 2 1.8 6.2L20 10l-6.2 1.8L12 18l-1.8-6.2L4 10l6.2-1.8L12 2Z'/%3E%3C/svg%3E")
}
.nav-group[data-nav-group="overview"]{--nav-icon:var(--baff-nav-icon-grid)}
.nav-group[data-nav-group="accountant"]{--nav-icon:var(--baff-nav-icon-chart)}
.nav-group[data-nav-group="finance"]{--nav-icon:var(--baff-nav-icon-wallet)}
.nav-group[data-nav-group="procurement"]{--nav-icon:var(--baff-nav-icon-bag)}
.nav-group[data-nav-group="crm"]{--nav-icon:var(--baff-nav-icon-users)}
.nav-group[data-nav-group="marketing"]{--nav-icon:var(--baff-nav-icon-megaphone)}
.nav-group[data-nav-group="operations"]{--nav-icon:var(--baff-nav-icon-gear)}
.nav-group[data-nav-group="sales"]{--nav-icon:var(--baff-nav-icon-cart)}
.nav-group[data-nav-group="inventory"]{--nav-icon:var(--baff-nav-icon-box)}
.nav-group[data-nav-group="cash-control"]{--nav-icon:var(--baff-nav-icon-cash)}
.nav-group[data-nav-group="staff-hr"]{--nav-icon:var(--baff-nav-icon-person)}
.nav-group[data-nav-group="system"]{--nav-icon:var(--baff-nav-icon-sliders)}
.nav-group-panel a[href$="/executive/dashboard"],.nav-group-panel a.executive-intelligence-link{--nav-icon:var(--baff-nav-icon-spark)}
.nav-group-panel a[href$="/sales/visual-pos"],.nav-group-panel a[title="Point of Sale"]{--nav-icon:var(--baff-nav-icon-cart)}
html[data-theme="night"] .sidebar{background:linear-gradient(180deg,#0c142b,var(--baff-nav-bg-deep))}
@media(prefers-color-scheme:dark){html[data-theme="system"] .sidebar{background:linear-gradient(180deg,#0c142b,var(--baff-nav-bg-deep))}}
@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{box-shadow:0 8px 28px rgba(8,14,31,.16)}.sidebar .brand,.sidebar>.sub{padding-left:32px}}