.staff-app{--primary:#143c78;--yellow:#f4c62b;--foreground:#172d48;--border:#dbe2eb;background:#f2f5f9;color:var(--foreground);min-height:100dvh}.staff-app .staff-header{padding:20px 32px;border-top:4px solid var(--yellow);border-bottom:1px solid var(--border);background:white;gap:24px}.staff-app .staff-header .brand-lockup{flex-direction:row;align-items:center;gap:20px}.staff-app .staff-header .brand-wordmark{font-size:34px}.staff-app .staff-header .brand-caption{padding-left:20px;margin:0;border-left:1px solid #cbd7e5;font-size:12px;font-weight:650;letter-spacing:.01em}.staff-app .staff-badge{font-size:12px;color:var(--muted)}.staff-app .staff-header>div{gap:18px;font-size:12px}.staff-app .staff-header>div>a{color:var(--primary);text-underline-offset:4px}.staff-app .staff-header>div>a:hover{text-decoration:underline}.staff-app .staff-header button{color:var(--primary);min-height:40px;border-color:#cbd7e5;border-radius:6px;font-size:12px}.staff-app .staff-main{max-width:1640px;padding:28px 32px 48px}.staff-app .staff-layout[data-slot=tabs]{grid-template-columns:224px minmax(0,1fr);gap:28px}.staff-app .staff-sidebar{top:24px;max-height:calc(100dvh - 48px);padding:20px 12px;border-radius:8px;background:var(--navy);border:1px solid var(--navy);scrollbar-width:thin;scrollbar-color:#536d8c transparent}.staff-app .staff-sidebar-title{padding:0 12px 18px;margin-bottom:14px;font-size:15px;letter-spacing:-.025em;border-bottom-color:#ffffff26}.staff-app .staff-nav-label{padding-inline:12px;color:#b1c5df;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.staff-app .staff-nav-group{gap:3px}.staff-app .staff-department-nav[role=tablist]{gap:18px}.staff-app .staff-department-nav [role=tab]{min-height:44px;padding:11px 12px;font-size:12px;font-weight:500;gap:10px;color:#d8e3f0;border-radius:5px}.staff-app .staff-department-nav [role=tab] svg{width:17px;height:17px}.staff-app .staff-department-nav [role=tab][data-state=active]{color:var(--navy);background:#fff;box-shadow:inset 3px 0 var(--yellow);font-weight:700}.staff-app .staff-nav-count{background:var(--yellow);color:var(--navy);font-size:10px;padding:2px 6px}.staff-app .staff-sidebar-note{padding-inline:12px;color:#b1c5df;font-size:11px;line-height:1.7}.staff-app .staff-work-area{min-width:0;padding:30px;border:1px solid var(--border);border-radius:8px;background:white}.staff-app .staff-heading{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #e1e8f1}.staff-app .staff-heading .eyebrow{font-size:9px;font-weight:750;letter-spacing:.14em;color:#586e8b}.staff-app .staff-heading h1{color:var(--primary);font-size:34px;font-weight:800;letter-spacing:-.045em;margin:6px 0 0}.staff-app .staff-refresh{min-height:40px;padding:9px 12px;font-size:12px;border-color:#cbd7e5}.staff-app .staff-work-area .staff-toolbar{margin-bottom:24px}.staff-app .staff-work-area .staff-search{max-width:680px;min-height:48px;padding:12px 14px;border:1px solid #bdccdf;border-radius:6px;background:#f8fafc}.staff-app .staff-search input{font-size:14px}.staff-app .staff-search:focus-within{outline:2px solid var(--primary);outline-offset:2px;background:white}.staff-app .staff-tool-nav[data-slot=tabs-list]{gap:20px;padding:0;margin-bottom:26px;background:white;border:0;border-bottom:1px solid var(--border);border-radius:0;scroll-padding-inline:8px}.staff-app .staff-tool-nav [role=tab]{min-height:46px;padding:10px 1px 13px;border:0;border-bottom:3px solid transparent;border-radius:0;color:#5c6f88;font-size:12px;font-weight:550;box-shadow:none}.staff-app .staff-tool-nav [role=tab][data-state=active]{color:var(--primary);background:transparent;border-bottom-color:var(--yellow);box-shadow:none;font-weight:700}.staff-app .staff-tool-nav [role=tab]:hover{color:var(--primary)}.staff-app .staff-work-area h2{color:var(--primary);font-size:21px;letter-spacing:-.035em}.staff-app .staff-work-area h3{color:var(--primary);font-size:16px}.staff-app .staff-work-area :is(.primary,.secondary){min-height:42px;font-size:13px;border-radius:6px}.staff-app .staff-work-area :is(input.field,select.field,textarea.field){min-height:44px;padding:11px 12px;border-radius:6px;border-color:#bfccdc;font-size:14px}.staff-app .staff-work-area label{font-size:13px}.staff-app .staff-work-area :is(.muted,.fine-print){color:#61748e;font-size:13px}.staff-app .staff-work-area .staff-metrics{gap:14px;margin-bottom:26px}.staff-app .staff-work-area .staff-metric{padding:18px;background:#f5f8fc;border:1px solid #dbe4ef;border-radius:7px}.staff-app .staff-work-area .staff-metric:first-child{border-top:3px solid var(--yellow)}.staff-app .staff-work-area .staff-metric strong{color:var(--primary);font-size:30px;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.staff-app .staff-work-area .staff-metric span{font-size:12px}.staff-app .staff-work-area .staff-metric>svg{color:#586e8b}.staff-app .staff-work-area .staff-order{padding:20px;border-color:#d8e2ee;border-radius:7px}.staff-app .staff-work-area .staff-order:hover{border-color:#99b0cf;background:#fbfcfe}.staff-app .staff-work-area .staff-order header{padding-bottom:14px;border-bottom:1px solid #e8edf5}.staff-app .staff-work-area .staff-order section{border-radius:5px;background:#f2f6fb}.staff-app .staff-work-area .staff-order :is(p,small,footer){font-size:13px}.staff-app .status{border-radius:4px;font-size:11px}.staff-app .staff-work-area :is(.catalogue-import,.quick-products,.product-management-filters,.sales-report-controls,.supplier-form){border-color:#dbe4ef;border-radius:7px}.staff-app .staff-work-area :is(.catalogue-import,.quick-products) summary{color:var(--primary);font-size:13px}.staff-app .staff-work-area :is(.catalogue-import,.quick-products)[open]{background:#f6f9fc}.staff-app .catalogue-bulk{background:#edf3fa;border-color:#cbd9e9}.staff-app .staff-work-area :is(.stock-table,.sales-table-scroll){border-color:#dbe4ef;border-radius:7px}.staff-app .staff-insights th,.staff-app .staff-variant-table th,.staff-app .staff-work-area .sales-table th{background:#f1f5fa;color:#5b6f89;font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.065em;font-weight:700;padding:12px}.staff-app .staff-work-area .sales-table td{font-size:13px;padding:13px 12px;border-color:#e5ebf4}.staff-app .staff-work-area :is(.sales-table,.staff-variant-table,.staff-insights table) tbody tr:hover{background:#f9fbfe}.staff-app .staff-variant-table td{padding-block:12px}.staff-app .staff-work-area .supplier-list .wallet-entry{padding:18px;border-color:#dbe4ef;border-radius:7px}.staff-app .staff-work-area .wallet-entry small{font-size:13px}.staff-app .staff-work-area .customer-list>button{border-color:#dbe4ef;border-radius:7px;padding:18px}.staff-app .staff-category-row{border-radius:7px;border-color:#dbe4ef}.staff-app .staff-category-row h3{letter-spacing:-.025em}.staff-app .staff-category-row small{font-size:12px}.staff-app .category-order-controls button{border-radius:5px;border-color:#d0dceb}.staff-app .category-order-toolbar{border-bottom-color:#dbe4ef}.staff-app .featured-star{border-radius:5px}.staff-app .featured-star[aria-pressed=true]{background:#fff6d6;border-color:#d9bc54;color:#846300}.staff-app .staff-insights .journey-funnel>div{background:#f3f7fc;border:1px solid #dbe4ef;border-radius:7px}.staff-app .staff-insights .journey-funnel>div:first-child{border-left:3px solid var(--yellow)}.staff-app .staff-insights progress{accent-color:var(--primary);height:9px}.staff-app .staff-insights .health-readiness{background:#f1f5fa;border-radius:7px}.staff-app .staff-insights .health-issue{border-color:#dbe4ef;border-radius:7px}.staff-app .staff-login{max-width:480px;margin:54px auto;padding:38px;border:1px solid var(--border);border-top:4px solid var(--yellow);border-radius:10px;background:white;box-shadow:0 10px 30px #102d5005}.staff-app .staff-login .login-icon{width:56px;height:56px;border-radius:8px;color:var(--primary);background:#edf2f8}.staff-app .staff-login h1{color:var(--primary);font-size:32px;font-weight:800;letter-spacing:-.04em}.staff-app .staff-login .eyebrow{color:var(--primary);font-size:9px}.staff-app .staff-login-form label{font-size:13px;color:var(--primary)}.staff-app .staff-login-form input{min-height:48px;font-size:16px;border-radius:6px}.staff-app .staff-login .muted{font-size:12px;line-height:1.7}.staff-app .staff-footnote{margin-left:252px;font-size:11px;color:#586e8b}.staff-sheet{color:var(--foreground);background:white}.staff-sheet [data-slot=sheet-header]{border-top:4px solid var(--yellow);border-bottom:1px solid var(--border);padding-block:24px;background:#f6f9fc}.staff-sheet [data-slot=sheet-title]{color:var(--primary);font-size:24px}.staff-sheet .field{border-color:#bdccdf;border-radius:6px}.staff-app :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--primary);outline-offset:3px}.staff-app .staff-sidebar button:focus-visible{outline-color:var(--yellow);box-shadow:none}@media (max-width:1150px){.staff-app .staff-main{padding:24px}.staff-app .staff-layout[data-slot=tabs]{grid-template-columns:200px minmax(0,1fr);gap:22px}.staff-app .staff-work-area{padding:24px}.staff-app .staff-footnote{margin-left:222px}}@media (max-width:900px){.staff-app .staff-layout[data-slot=tabs]{display:block}.staff-app .staff-sidebar{display:none}.staff-app .staff-header{padding:16px 22px;gap:18px}.staff-app .staff-mobile-department{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#627793}.staff-app .staff-mobile-department select{border-radius:6px;text-transform:none;letter-spacing:0;font-weight:550;border-color:#bfccdf;color:var(--primary)}.staff-app .staff-footnote{margin-left:0}}@media (max-width:600px){.staff-app .staff-main{padding:20px 12px 32px}.staff-app .staff-header{padding:15px 16px;gap:14px}.staff-app .staff-header .brand-wordmark{font-size:29px}.staff-app .staff-header .brand-lockup{gap:12px}.staff-app .staff-header .brand-caption{font-size:11px;padding-left:12px}.staff-app .staff-header>div{gap:12px;flex-wrap:wrap}.staff-app .staff-work-area{padding:22px 16px;border-radius:7px}.staff-app .staff-heading{padding-bottom:20px;gap:12px}.staff-app .staff-heading h1{font-size:29px}.staff-app .staff-tool-nav[data-slot=tabs-list]{gap:20px;margin-bottom:22px}.staff-app .staff-work-area .staff-metric{padding:14px}.staff-app .staff-work-area .staff-metric strong{font-size:26px}.staff-app .staff-work-area .staff-metric span{font-size:11px}.staff-app .staff-login{padding:28px 24px;margin-block:24px}.staff-app .staff-work-area :is(input.field,select.field,textarea.field){font-size:16px}}.customer-profile-sheet.commerce-sheet{max-width:760px!important;height:100dvh;overflow:hidden!important}.customer-profile-sheet [data-slot=sheet-header]{padding:24px 76px 22px 28px}.customer-profile-sheet [data-slot=sheet-close]{display:grid;place-items:center;top:16px;right:16px;width:44px;height:44px;border:1px solid #dbe2eb;border-radius:8px;background:#fff;opacity:1}.customer-profile-sheet [data-slot=sheet-close] svg{width:19px;height:19px}.customer-profile-sheet :is(button,input,select,textarea,summary):focus-visible{outline:3px solid #143c78;outline-offset:3px}.customer-profile-sheet .customer-profile{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:26px 28px max(28px,env(safe-area-inset-bottom));scrollbar-gutter:stable}.customer-profile-identity{padding:22px;border:1px solid #dbe2eb;border-radius:10px;background:#f6f9fc}.customer-profile .customer-profile-title{display:flex;align-items:flex-start;gap:15px}.customer-profile-title>div{min-width:0}.customer-profile .customer-profile-title h2{margin:3px 0 10px;color:#102d50;font-size:26px;font-weight:750;line-height:1.2;letter-spacing:-.035em;overflow-wrap:anywhere}.customer-profile .customer-profile-type{margin:0;color:#596b80;font-size:12px;line-height:1.5}.customer-profile-avatar{display:grid;place-items:center;flex:none;width:50px;height:50px;border:1px solid #e5dba9;border-radius:50%;background:#fff5cf;color:#143c78}.customer-profile-badges{display:flex;gap:6px;flex-wrap:wrap}.customer-profile-badges span{padding:4px 8px;border:1px solid #d8e3ef;border-radius:5px;background:#fff;font-size:11px;line-height:1.5;color:#365571}.customer-profile-badges [data-status=active]{border-color:#c4dfd2;background:#eef8f2;color:#225a3c}.customer-profile-badges [data-status=paused]{border-color:#ead496;background:#fff8e4;color:#755314}.customer-profile-contacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0 0;padding-top:18px;border-top:1px solid #dbe2eb}.customer-profile-contacts>div{min-width:0}.customer-profile-contacts dt,.customer-profile-preferences dt{font-size:11px;line-height:1.5;color:#596b80}.customer-profile-contacts dd{margin:5px 0 0;color:#172d48;font-size:14px;line-height:1.6;overflow-wrap:anywhere}.customer-profile-reference{grid-column:1/-1}.customer-profile-reference dd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.customer-profile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0}.customer-profile-toolbar small{color:#596b80;font-size:11px;line-height:1.6}.customer-profile-toolbar .secondary{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;font-size:12px}.customer-profile .customer-profile-workspace[data-slot=tabs]{display:block}.customer-profile .customer-profile-tabs[role=tablist]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;height:auto;gap:5px;padding:6px;margin:0 0 24px;border:1px solid #dbe2eb;border-radius:9px;background:#f3f6fa}.customer-profile .customer-profile-tabs [role=tab]{flex:none;width:100%;height:auto;min-height:42px;padding:9px 8px;border:0;border-radius:5px;background:transparent;color:#365571;font-size:12px;line-height:1.45;white-space:normal;box-shadow:none}.customer-profile .customer-profile-tabs [role=tab]:hover{background:#e5edf6}.customer-profile .customer-profile-tabs [role=tab][data-state=active]{background:#143c78;color:#fff;box-shadow:inset 0 -3px #f4c62b}.customer-profile-panel[hidden]{display:none!important}.customer-profile .customer-profile-block{margin:0 0 20px;padding:22px;border:1px solid #dbe2eb;border-radius:9px;background:#fff}.customer-profile .customer-profile-block h3{margin:0 0 18px;color:#102d50;font-size:16px;font-weight:700}.customer-profile .customer-dates{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0}.customer-profile .customer-dates>div{min-width:0}.customer-profile .customer-dates dt{font-size:11px;line-height:1.5}.customer-profile .customer-dates dd{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.customer-profile .customer-profile-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.customer-profile .customer-profile-metrics article{padding:16px 14px;border-radius:7px;gap:10px}.customer-profile .customer-profile-metrics b{font-size:23px;line-height:1.2;font-variant-numeric:tabular-nums}.customer-profile .customer-profile-metrics span{font-size:11px;line-height:1.5}.customer-profile .fine-print{color:#596b80;font-size:12px;line-height:1.7}.customer-profile-calculation{margin-top:18px}.customer-profile-calculation summary{cursor:pointer;color:#365571;font-size:12px;line-height:1.7}.customer-profile-calculation .fine-print{margin:10px 0 0}.customer-profile-preferences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 15px}.customer-profile-preferences>div{padding:12px 14px;border-radius:6px;background:#f3f6fa}.customer-profile-preferences dd{margin:4px 0 0;color:#143c78;font-size:14px;font-weight:650}.customer-profile .customer-profile-wallet{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 16px;color:#365571;font-size:13px}.customer-profile-wallet strong{color:#102d50;font-size:23px;font-variant-numeric:tabular-nums}.customer-profile-wallet small{flex-basis:100%;font-size:12px;color:#596b80}.customer-profile .customer-profile-editor{margin:12px 0 0;padding:16px;border-radius:7px}.customer-profile .customer-profile-editor summary{line-height:1.6}.customer-profile .customer-profile-history{margin:0}.customer-profile .customer-profile-history-title{margin:0 0 8px;font-size:18px}.customer-profile .customer-history-item{padding:18px 0;gap:16px}.customer-profile .customer-history-item>div{min-width:0}.customer-profile .customer-history-item strong{overflow-wrap:anywhere}.customer-profile .customer-history-item p{font-size:13px}@media(max-width:600px){.customer-profile-sheet [data-slot=sheet-header]{padding:22px 72px 20px 18px}.customer-profile-sheet .customer-profile{padding:20px 18px max(24px,env(safe-area-inset-bottom))}.customer-profile-identity{padding:18px}.customer-profile .customer-profile-title h2{font-size:23px}.customer-profile-avatar{width:42px;height:42px}.customer-profile-contacts{grid-template-columns:minmax(0,1fr);gap:12px}.customer-profile .customer-profile-tabs[role=tablist]{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.customer-profile .customer-profile-block{padding:18px}.customer-profile .customer-dates{gap:18px}.customer-profile .customer-profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-profile .customer-profile-metrics b{font-size:21px}.customer-profile .customer-history-item{flex-wrap:wrap}}@media(max-width:360px){.customer-profile .customer-dates{grid-template-columns:1fr}}.cash-desk .cash-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;align-items:start}.cash-desk .staff-panel{min-width:0;margin-block:1rem;padding:1.2rem;border:1px solid #d5dfec;border-radius:14px;background:white}.cash-desk form{display:grid;gap:.8rem}.cash-desk label{display:grid;gap:.4rem}.cash-desk .inline-check{display:flex;align-items:flex-start;gap:.6rem}.cash-desk .inline-check input{flex:0 0 auto;margin-top:.3rem}.cash-desk details>summary{cursor:pointer;font-weight:700;padding-block:.5rem}.cash-confirm{border-top:4px solid #f5cb24;padding-top:1rem}.cash-list-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #d5dfec}.cash-list-row>div{min-width:0;flex:1 1 240px}.cash-list-row code{overflow-wrap:anywhere}.cash-list-row details{flex-basis:100%}.cash-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-block:1rem}.cash-scan video{max-width:100%;max-height:280px}@media(max-width:760px){.cash-desk .cash-grid{grid-template-columns:1fr}.cash-desk .staff-panel{padding:1rem}.cash-desk .cash-actions>button{min-height:44px}}.markdown-title,.markdown-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}.markdown-title h2{margin:4px 0}.markdown-title p{max-width:680px}.sale-chip{display:inline-block;background:#f9cc28;color:#12345c;font-size:12px;font-weight:800;padding:5px 9px;border-radius:4px;white-space:nowrap}.markdown-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0}.markdown-filters label{display:grid;gap:6px;min-width:0}.markdown-toolbar{justify-content:flex-start;margin:18px 0}.markdown-product{display:flex;align-items:center;gap:10px;min-width:260px}.markdown-product small{display:block;color:#52677f;font-size:11px;line-height:1.6}.markdown-product img{object-fit:contain;background:white;border:1px solid #dce4ee;border-radius:4px;flex-shrink:0}.markdown-table td{vertical-align:middle}.markdown-editor{padding:24px;border:1px solid #dce4ee;border-top:3px solid #f9cc28;border-radius:8px;margin-top:28px;background:#f6f8fc}.markdown-editor input[type=range]{width:100%;accent-color:#12345c;margin:18px 0}.markdown-editor .inline-check{margin:20px 0}@media(max-width:800px){.markdown-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.markdown-editor{padding:16px}}@media(max-width:480px){.markdown-filters{grid-template-columns:1fr}.markdown-product{min-width:210px}}