.portal-shell .nav-count{min-width:20px;height:20px;color:var(--theme-sidebar,#0d1512);background:#fff;border-radius:999px;place-items:center;margin-left:auto;padding:0 6px;font:800 11px Manrope,sans-serif;display:grid}.portal-shell .portal-help{background:#ffffff0d;border:1px solid #ffffff12;border-radius:12px;margin:0 4px 6px;padding:12px 14px}.portal-shell .portal-help small{color:#ffffff80;font-size:11px;display:block}.portal-shell .portal-help b{color:#fff;margin-top:2px;font-size:13.5px;display:block}.portal-greeting{color:var(--muted);font-size:14px}.portal-greeting b{color:var(--ink)}.portal-shell main>header .icon-btn{margin-left:auto}.portal-shell .cart-button{position:relative;display:inline-flex!important}.portal-shell .cart-button em{min-width:20px;height:20px;color:var(--accent);background:#fff;border-radius:999px;place-items:center;margin-left:2px;padding:0 6px;font:800 11px Manrope,sans-serif;display:grid}.portal-shell .portal-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-chips{flex-wrap:wrap;gap:8px;margin:2px 0 18px;display:flex}.portal-chips button{border:1px solid var(--line);height:36px;color:var(--ink-2);cursor:pointer;background:#fff;border-radius:999px;padding:0 16px;font:600 13px DM Sans,sans-serif;transition:all .15s}.portal-chips button:hover{border-color:var(--accent-line);color:var(--accent)}.portal-chips button.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 6px 14px -8px var(--violet)}.portal-catalog{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));align-items:start;gap:18px;display:grid}.portal-product{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;transition:box-shadow .18s,transform .18s;overflow:hidden}.portal-product:hover{box-shadow:0 2px 4px #1018280d,0 18px 36px -18px #10182833}.portal-product>header{align-items:center;gap:14px;padding:18px 18px 14px;display:flex}.portal-product-icon{background:linear-gradient(140deg, var(--accent-soft), color-mix(in srgb, var(--violet) 18%, #fff));width:46px;height:46px;color:var(--accent);border-radius:13px;flex:none;place-items:center;display:grid}.portal-product-icon svg{width:22px}.portal-product>header>div:nth-child(2){flex:1;min-width:0}.portal-product h3{color:var(--ink);letter-spacing:-.2px;margin:0;font:800 15.5px Manrope,sans-serif}.portal-product header small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.portal-product>header>strong{color:var(--accent-ink);white-space:nowrap;font:800 15px Manrope,sans-serif}.portal-variants{background:var(--line-2);border-top:1px solid var(--line-2);gap:1px;display:grid}.portal-variant{background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:11px 18px;transition:background .12s;display:flex}.portal-variant b{color:var(--ink);font-size:13.5px;font-weight:650;display:block}.portal-variant small{color:var(--muted-2);margin-top:2px;font-size:12px;display:block}.portal-variant.selected{background:var(--accent-softer)}.portal-variant.out b{color:var(--muted-2)}.portal-variant.out small{color:var(--bad)}.portal-product>footer{background:var(--accent-soft);color:var(--accent-ink);align-items:center;gap:7px;padding:10px 18px;font-size:12.5px;font-weight:700;display:flex}.portal-product>footer svg{width:16px}.qty-stepper{border:1px solid var(--line);background:#fff;border-radius:10px;flex:none;align-items:center;height:36px;display:inline-flex;overflow:hidden}.qty-stepper button{width:34px;height:100%;color:var(--ink-2);cursor:pointer;background:0 0;border:0;place-items:center;transition:background .12s;display:grid}.qty-stepper button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.qty-stepper button:disabled{color:#c9ced6;cursor:default}.qty-stepper button svg{width:15px}.functional-shell .qty-stepper input{text-align:center;border:0!important;border-left:1px solid var(--line-2)!important;border-right:1px solid var(--line-2)!important;width:44px!important;height:100%!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0!important;font:700 13.5px Manrope,sans-serif!important}.portal-orders{gap:16px;display:grid}.portal-order{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;overflow:hidden}.portal-order>header{border-bottom:1px solid var(--line-2);align-items:center;gap:14px;padding:18px 20px;display:flex}.portal-order>header>div{flex:1}.portal-order h3{color:var(--ink);margin:0;font:800 16px Manrope,sans-serif}.portal-order header small{color:var(--muted);margin-top:3px;font-size:12.5px;display:block}.portal-order>header>strong{color:var(--ink);white-space:nowrap;font:800 17px Manrope,sans-serif}.portal-order ul{margin:0;padding:6px 20px;list-style:none}.portal-order li{color:var(--muted);border-bottom:1px dashed var(--line-2);grid-template-columns:minmax(0,1fr) auto 120px;align-items:center;gap:14px;padding:9px 0;font-size:13.5px;display:grid}.portal-order li:last-child{border-bottom:0}.portal-order li b{color:var(--ink);font-weight:650}.portal-order li>b{text-align:right}.portal-note{background:var(--surface-2);color:var(--ink-2);border-radius:10px;margin:0 20px 12px;padding:10px 12px;font-size:13px;font-style:italic}.portal-alert{background:var(--bad-bg);color:var(--bad);border-radius:10px;align-items:center;gap:8px;margin:0 20px 12px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.portal-alert svg{width:16px}.portal-order>footer{flex-wrap:wrap;align-items:center;gap:10px;padding:12px 20px 16px;display:flex}.portal-order>footer:empty{display:none}.portal-order>footer small{color:var(--muted);margin-left:auto;font-size:12.5px}.functional-shell a.outline{text-decoration:none}.functional-shell .danger-outline{color:var(--bad);border-color:#f3c9cd}.functional-shell .danger-outline:hover{background:var(--bad-bg)}.portal-shell .empty-state .primary{margin-top:14px}.cart-backdrop{z-index:60;background:#0a0e168c;justify-content:flex-end;animation:.18s ease-out wals-fade;display:flex;position:fixed;inset:0}.cart-drawer{background:#fff;flex-direction:column;width:min(460px,100%);height:100%;animation:.24s cubic-bezier(.2,.9,.3,1) cart-in;display:flex;box-shadow:-24px 0 60px -20px #10182859}@keyframes cart-in{0%{opacity:0;transform:translate(40px)}}.cart-drawer>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:22px 24px;display:flex}.cart-drawer>header small{background:var(--accent-soft);color:var(--accent-ink);letter-spacing:1px;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.cart-drawer>header h2{color:var(--ink);margin:8px 0 0;font:800 20px Manrope,sans-serif}.cart-drawer>header button{border:1px solid var(--line);background:var(--surface-2);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:11px;place-items:center;display:grid}.cart-drawer>header button svg{width:17px}.cart-lines{flex:1;padding:8px 24px;overflow:auto}.cart-line{border-bottom:1px solid var(--line-2);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"info remove""qty total";gap:10px 12px;padding:14px 0;display:grid}.cart-line>div:first-child{grid-area:info}.cart-line b{color:var(--ink);font-size:14px;display:block}.cart-line small{color:var(--muted);margin-top:2px;font-size:12.5px;display:block}.cart-line .qty-stepper{grid-area:qty;justify-self:start}.cart-line>strong{color:var(--ink);text-align:right;grid-area:total;align-self:center;font:800 14.5px Manrope,sans-serif}.cart-remove{width:32px;height:32px;color:var(--muted-2);cursor:pointer;background:0 0;border:0;border-radius:9px;grid-area:remove;justify-self:end;place-items:center;display:grid}.cart-remove:hover{background:var(--bad-bg);color:var(--bad)}.cart-remove svg{width:16px}.cart-drawer>footer{border-top:1px solid var(--line);background:var(--surface-2);gap:14px;padding:18px 24px 22px;display:grid}.cart-drawer label{color:var(--ink-2);gap:7px;font-size:12.5px;font-weight:700;display:grid}.cart-drawer label em{color:var(--muted-2);font-style:normal;font-weight:500}.cart-drawer textarea{resize:none;box-sizing:border-box;border:1px solid #dfe2e7;border-radius:11px;outline:none;width:100%;height:70px;padding:10px 12px;font:500 13.5px DM Sans,sans-serif}.cart-drawer textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--violet) 13%, transparent)}.cart-total{justify-content:space-between;align-items:center;display:flex}.cart-total span{color:var(--ink-2);font-size:14px;font-weight:700}.cart-total small{color:var(--muted-2);font-size:11.5px;font-weight:500;display:block}.cart-total strong{color:var(--ink);letter-spacing:-.5px;font:800 24px Manrope,sans-serif}.cart-drawer .primary{background:var(--accent);color:#fff;cursor:pointer;height:50px;box-shadow:0 10px 22px -10px var(--violet);border:0;border-radius:13px;font:700 15px DM Sans,sans-serif}.cart-drawer .primary:disabled{opacity:.7;cursor:wait}.cart-hint{color:var(--muted);text-align:center;font-size:12px;line-height:1.5}.cart-drawer .empty-state{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.cart-drawer .empty-state svg{width:56px;height:56px;color:var(--accent);background:var(--accent-soft);box-sizing:border-box;border-radius:16px;margin-bottom:8px;padding:15px}.cart-drawer .empty-state h3{color:var(--ink);margin:6px 0 2px;font:800 16px Manrope,sans-serif}@media (max-width:760px){.portal-shell .portal-stats,.portal-catalog{grid-template-columns:1fr}.portal-shell .cart-button{padding:0 12px!important}.portal-greeting{display:none}.portal-order li{grid-template-columns:1fr auto}.portal-order li>span:nth-child(2){display:none}}.functional-shell .portal-access{border:1px solid var(--accent-line);background:var(--accent-softer);border-radius:14px;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:14px 16px;margin:4px 0 0;padding:16px 18px 18px;display:grid}.functional-shell .portal-access legend{color:var(--accent-ink);align-items:center;gap:7px;padding:0 8px;font:800 13.5px Manrope,sans-serif;display:inline-flex}.functional-shell .portal-access legend svg{width:16px}.functional-shell .portal-access p{color:var(--muted);grid-column:1/-1;margin:0;font-size:12.5px;line-height:1.5}.functional-shell .portal-access label{color:var(--ink-2);flex-direction:column;gap:7px;font-size:12.5px;font-weight:700;display:flex}.functional-shell .portal-access .portal-access-toggle{flex-direction:row;grid-column:1/-1;align-items:center;gap:9px}@media (max-width:760px){.functional-shell .portal-access{grid-template-columns:1fr}}.portal-catalog{grid-template-columns:repeat(auto-fill,minmax(560px,1fr))}.portal-variants{background:#fff;border-top:0;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;padding:4px 18px 16px;display:grid}.portal-variant{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 12px}.portal-variant.selected{border-color:var(--accent);background:var(--accent-softer);box-shadow:0 0 0 1px var(--accent) inset}.portal-variant.out{background:var(--surface-2);border-style:dashed}.portal-soldout{background:var(--surface-2);color:var(--muted);text-align:center;border-radius:11px;margin:0 18px 14px;padding:12px;font-size:13px}.portal-more{border:1px dashed var(--line);width:calc(100% - 36px);height:38px;color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;margin:0 18px 14px;font:600 12.5px DM Sans,sans-serif;transition:all .15s;display:block}.portal-more:hover{border-color:var(--accent-line);color:var(--accent);background:var(--accent-softer)}@media (max-width:760px){.portal-catalog,.portal-variants{grid-template-columns:1fr}}.credit-banner{background:var(--warn-bg);color:var(--warn);border:1px solid #f5d9ae;border-radius:14px;align-items:center;gap:14px;margin:0 0 18px;padding:14px 18px;display:flex}.credit-banner.blocked{background:var(--bad-bg);color:var(--bad);border-color:#f3c3c7}.credit-banner>svg{flex:none;width:22px;height:22px}.credit-banner>div{flex:1}.credit-banner b{font-size:14px;display:block}.credit-banner p{color:var(--ink-2);margin:3px 0 0;font-size:13px;line-height:1.45}.credit-banner .outline{flex:none}.cart-credit{border:1px solid var(--line);color:var(--ok);background:#fff;border-radius:10px;padding:10px 12px;font-size:12.5px;font-weight:600}.cart-credit.over{background:var(--bad-bg);color:var(--bad);border-color:#f3c3c7}@media (max-width:760px){.credit-banner{flex-direction:column;align-items:stretch}}
html{-webkit-tap-highlight-color:transparent}button,a,summary,label,select,input{touch-action:manipulation}body{overscroll-behavior-y:none}.install-app{margin:0 4px 8px}.install-app>button{cursor:pointer;color:#fff;background:#ffffff0f;border:1px dashed #ffffff47;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;font:600 13px DM Sans,sans-serif;transition:background .15s,border-color .15s;display:flex}.install-app>button:hover{background:#ffffff1f;border-color:#ffffff73}.install-app>button svg{width:16px;height:16px}.install-help{color:#0f1218;background:#fff;border-radius:12px;margin-top:8px;padding:12px 14px;font-size:12.5px;line-height:1.5;position:relative}.install-help p{margin:0 22px 6px 0;font-weight:700}.install-help ol{margin:0;padding-left:18px}.install-help li{margin:3px 0}.install-help li svg{vertical-align:-2px;width:14px;height:14px;color:var(--violet,#107555)}.install-help>button{color:#6b7280;cursor:pointer;background:0 0;border:0;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:6px;right:6px}.install-help>button svg{width:14px;height:14px}@media (max-width:760px){input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea,.functional-shell .qty-stepper input,.login-form input,.order-form input,.order-form select{font-size:16px!important}}@supports (padding:max(0px)){.toast{bottom:calc(28px + env(safe-area-inset-bottom))!important}.functional-shell .resource-form .form-actions{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.cart-drawer>footer{padding-bottom:calc(22px + env(safe-area-inset-bottom))}.functional-shell .sidebar{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.functional-shell .content{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}@media (display-mode:standalone){.functional-shell main>header{padding-top:env(safe-area-inset-top);height:calc(68px + env(safe-area-inset-top))}}
.stats-page{gap:18px;display:grid}.stats-loading{opacity:.55;pointer-events:none;transition:opacity .15s}.stats-period{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.stats-period .portal-chips{flex:100%;margin:0}.stats-period label{color:var(--muted);gap:4px;font-size:12px;font-weight:600;display:grid}.stats-period input{border:1px solid var(--line);border-radius:var(--radius-sm,10px);background:var(--surface);min-height:38px;color:var(--ink);padding:6px 10px}.stats-kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.stats-kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius,16px);box-shadow:var(--shadow-sm);gap:4px;min-width:0;padding:16px 18px;display:grid}.stats-kpi span{letter-spacing:.6px;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.stats-kpi strong{color:var(--ink);overflow-wrap:anywhere;font:800 22px Manrope,sans-serif}.stats-kpi small{color:var(--muted);font-size:12px;line-height:1.35}.stats-kpi.accent{border-color:var(--accent-line);background:var(--accent-softer,var(--surface))}.stats-kpi.good strong{color:var(--ok)}.stats-kpi.bad strong{color:var(--bad)}.stats-panel{gap:14px;min-width:0;padding:18px 20px;display:grid}.stats-panel .panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.stats-panel .panel-head h2{align-items:center;gap:8px;margin:0;font:800 16px Manrope,sans-serif;display:inline-flex}.stats-panel .panel-head h2 svg{width:16px;height:16px;color:var(--warn)}.stats-panel .panel-head p{color:var(--muted);margin:2px 0 0;font-size:12px}.stats-panel .panel-head .portal-chips{margin:0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:18px;display:grid}.tone-accent{background:var(--accent)}.tone-gold{background:#d4a017}.tone-good{background:var(--ok)}.tone-bad{background:var(--bad)}.tone-muted{background:color-mix(in srgb, var(--muted) 45%, transparent)}.stats-chart{gap:10px;display:grid}.stats-legend,.stats-legend-list{color:var(--muted);flex-wrap:wrap;gap:14px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.stats-legend i,.stats-legend-list i{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}.stats-bars{align-items:stretch;gap:3px;height:200px;padding-top:6px;display:flex;overflow-x:auto}.stats-bar{flex:1 0 10px;grid-template-rows:1fr 18px;gap:4px;min-width:10px;display:grid}.stats-stack{border-radius:4px 4px 0 0;flex-direction:column-reverse;align-self:end;min-height:0;display:flex;overflow:hidden}.stats-stack span{min-height:2px;display:block}.stats-bar small{color:var(--muted);text-align:center;white-space:nowrap;font-size:10px;overflow:visible}.stats-bar:hover .stats-stack{filter:brightness(1.1)}.stats-share{background:var(--line);border-radius:999px;height:14px;display:flex;overflow:hidden}.stats-share.empty{opacity:.5}.stats-note{color:var(--muted);margin:0;font-size:13px}.stats-table{border-collapse:collapse;width:100%;font-size:13px}.stats-table th{text-align:left;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:700}.stats-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:9px 10px}.stats-table td small{color:var(--muted);font-size:11px;display:block}.stats-table tr:last-child td{border-bottom:0}.stats-warn{color:var(--bad);font-weight:700}.stats-empty{text-align:center;color:var(--muted);margin:0;padding:14px 0;font-size:13px}.vip-account-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.vip-account-tools .portal-chips{margin:0}.amount-debit{color:var(--bad)}.amount-credit{color:var(--ok)}.print-only{display:none}@media print{.portal-shell .sidebar,.portal-shell main>header,.portal-shell .page-title,.no-print,.toast{display:none!important}.print-only{display:block}.portal-shell,.portal-shell main,.portal-shell .content{background:#fff!important;margin:0!important;padding:0!important}.vip-account .stats-kpi{box-shadow:none}.vip-account table.card-table{font-size:11px}}.vip-products{gap:14px;padding:18px 26px 22px;display:grid}.vip-products-hint{color:var(--muted);margin:0;font-size:13px}.vip-products-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.vip-products-tools .search{flex:260px}.vip-products-tools>label{align-items:center;gap:8px;font-size:13px;display:inline-flex}.vip-products-list{gap:10px;max-height:52vh;padding-right:4px;display:grid;overflow:auto}.vip-products-list section{border:1px solid var(--line);border-radius:var(--radius-sm,10px);padding:10px 12px}.vip-products-list header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.vip-products-list header label{align-items:center;gap:8px;display:inline-flex}.vip-products-list header small{color:var(--muted);font-size:12px}.vip-products-list ul{gap:4px;margin:8px 0 0;padding:0 0 0 24px;list-style:none;display:grid}.vip-products-list li{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;font-size:13px;display:grid}.vip-products-list li label{align-items:center;gap:8px;display:inline-flex}.vip-products-list li small{color:var(--muted);white-space:nowrap;font-size:12px}.vip-products-list li small.vip-price{color:var(--accent-ink,var(--accent));font-weight:700}.vip-products-empty{text-align:center;color:var(--muted);margin:0;padding:20px}.vip-products .form-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.vip-products .form-actions span{color:var(--muted);font-size:13px}.pickup-fields{border:1px dashed var(--accent-line);border-radius:var(--radius-sm,10px);background:var(--accent-softer,transparent);gap:8px;padding:12px 14px;display:grid}.pickup-fields label{align-items:flex-start;gap:10px;display:flex}.pickup-fields label input{margin-top:3px}.pickup-fields span{gap:2px;display:grid}.pickup-fields small{color:var(--muted);font-size:12px}@media (max-width:640px){.vip-products{padding:14px 16px 18px}.vip-products-list li{grid-template-columns:minmax(0,1fr);gap:2px}.stats-bars{height:160px}.stats-kpi strong{font-size:19px}}.stats-panel{overflow-x:auto}.vip-products .form-actions button{flex:none;width:auto;min-width:160px}.vip-products-list .vip-product,.vip-products-all{border:1px solid var(--line);border-radius:var(--radius-sm,10px);cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.vip-products-all{border-style:dashed;grid-template-columns:auto 1fr;font-size:13px;font-weight:600}.vip-products-list .vip-product.selected{border-color:var(--accent);background:var(--accent-softer,transparent)}.vip-products-list .vip-product span{gap:2px;display:grid}.vip-products-list .vip-product small{color:var(--muted);font-size:12px}.vip-products-list .vip-product>small{white-space:nowrap}.vip-products-list .vip-product>small.vip-price{color:var(--accent-ink,var(--accent));font-weight:700}@media (max-width:640px){.vip-products-list .vip-product{grid-template-columns:auto minmax(0,1fr)}.vip-products-list .vip-product>small{white-space:normal;grid-column:2}}.client-payment{gap:14px;padding:18px 26px 22px;display:grid}.client-payment label{gap:6px;font-size:13px;font-weight:600;display:grid}.client-payment label em{color:var(--muted);font-style:normal;font-weight:500}.client-payment input,.client-payment select{border:1px solid var(--line);border-radius:var(--radius-sm,10px);background:var(--surface);min-height:40px;color:var(--ink);padding:8px 12px}.client-payment .search input{border:0;min-height:0;padding:0}.client-payment-head{border-radius:var(--radius-sm,10px);background:var(--accent-softer,var(--surface));border:1px solid var(--accent-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding:12px 14px;display:flex}.client-payment-head>div{gap:2px;display:grid}.client-payment-head small{color:var(--muted);font-size:11px}.client-payment-head b{font-size:16px}.client-payment-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.client-payment-grid .wide{grid-column:1/-1}.client-payment-plan{border:1px dashed var(--line);border-radius:var(--radius-sm,10px);gap:8px;padding:12px 14px;display:grid}.client-payment-plan p,.client-payment-plan>small{color:var(--muted);margin:0;font-size:12px}.client-payment-plan ul{gap:6px;max-height:240px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.client-payment-plan li{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.client-payment-plan li span{gap:1px;display:grid}.client-payment-plan li span svg{vertical-align:-2px;width:14px;height:14px;color:var(--ok)}.client-payment-plan li small{color:var(--muted);font-size:11px}.client-payment-plan li.advance{border-top:1px solid var(--line);color:var(--accent-ink,var(--accent));padding-top:6px}.client-payment .form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.client-payment-plan .plan-doc{align-items:center;gap:6px;font-style:normal;display:inline-flex}.product-import{gap:14px;padding:18px 26px 22px;display:grid}.product-import-steps{gap:10px;margin:0;padding:0;list-style:none;display:grid}.product-import-steps li{border:1px solid var(--line);border-radius:var(--radius-sm,10px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.product-import-steps li>span{background:var(--accent-soft);width:26px;height:26px;color:var(--accent-ink,var(--accent));border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid}.product-import-steps li div{gap:2px;display:grid}.product-import-steps li small{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.product-import-steps a.outline,.product-import-steps button.outline{white-space:nowrap;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.product-import-wait{color:var(--muted);margin:0;font-size:13px}.product-import-summary{flex-wrap:wrap;gap:8px;display:flex}.product-import-summary span{border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-flex}.product-import-summary svg{width:15px;height:15px}.product-import-summary .ok{background:var(--ok-bg);color:var(--ok)}.product-import-summary .warn{background:var(--warn-bg);color:var(--warn)}.product-import-summary .bad{background:var(--bad-bg);color:var(--bad)}.product-import .portal-chips{margin:0}.product-import-table{border:1px solid var(--line);border-radius:var(--radius-sm,10px);max-height:42vh;overflow:auto}.product-import-table tr.import-error td:last-child b{color:var(--bad)}.product-import-table tr.import-exists td:last-child b,.product-import-table tr.import-duplicate td:last-child b{color:var(--warn)}.product-import-table tr.import-new td:last-child b{color:var(--ok)}.product-import .form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media (max-width:640px){.product-import{padding:14px 16px 18px}.product-import-steps li{grid-template-columns:auto minmax(0,1fr)}.product-import-steps li>a,.product-import-steps li>button{grid-column:2;justify-self:start}}.activity-filters{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.activity-filters .search{flex:240px}.activity-filters label{color:var(--muted);gap:4px;font-size:12px;font-weight:600;display:grid}.activity-filters select,.activity-filters input[type=date]{border:1px solid var(--line);border-radius:var(--radius-sm,10px);background:var(--surface);min-height:38px;color:var(--ink);padding:6px 10px}.auto-backups{border:1px solid var(--line);border-radius:var(--radius-sm,10px);gap:12px;margin-top:14px;padding:14px;display:grid}.auto-backups-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.auto-backups-head>div{gap:2px;display:grid}.auto-backups small{color:var(--muted);font-size:12px}.auto-backups-head button{align-items:center;gap:6px;display:inline-flex}.auto-backups-email{gap:6px;font-size:13px;font-weight:600;display:grid}.auto-backups-email em{color:var(--muted);font-style:normal;font-weight:500}.auto-backups-email input{border:1px solid var(--line);border-radius:var(--radius-sm,10px);background:var(--surface);min-height:40px;color:var(--ink);max-width:420px;padding:8px 12px}.auto-backups-list{gap:6px;max-height:260px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.auto-backups-list li{border:1px solid var(--line);border-radius:var(--radius-sm,10px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.auto-backups-list li>svg{width:16px;height:16px;color:var(--muted)}.auto-backups-list li span{gap:1px;display:grid}.auto-backups-list a{align-items:center;gap:6px;text-decoration:none;display:inline-flex}.auto-backups-list .empty{color:var(--muted);font-size:13px;display:block}.days-left{font-weight:800}.days-left.bad{color:var(--bad)}.days-left.warn{color:var(--warn)}.days-left.good{color:var(--ok)}.days-left.none{color:var(--muted)}.aging-table tfoot td{border-top:2px solid var(--line);border-bottom:0}.aging-table a.outline{align-items:center;height:30px;padding:0 10px;font-size:12px;text-decoration:none;display:inline-flex}.statement-link{border:1px dashed var(--accent-line);border-radius:var(--radius-sm,10px);background:var(--accent-softer,transparent);flex-wrap:wrap;align-items:end;gap:10px;margin:12px 0;padding:12px 14px;display:flex}.statement-link>b{flex:100%;font-size:13px}.statement-link label{color:var(--muted);gap:4px;font-size:12px;font-weight:600;display:grid}.statement-link input{border:1px solid var(--line);border-radius:var(--radius-sm,10px);background:var(--surface);min-height:36px;color:var(--ink);padding:6px 10px}.statement-link a{align-items:center;gap:6px;height:36px;text-decoration:none;display:inline-flex}
.ov{--b2b:#2a78d6;--vip:#eb6834;gap:18px;display:grid}.ov-refreshing{opacity:.7;transition:opacity .2s}.ov-empty{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:80px 0;display:flex}.ov-empty svg{width:18px}@keyframes ov-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ov>section{animation:.5s cubic-bezier(.2,.8,.2,1) both ov-rise}.ov>section:nth-child(2){animation-delay:60ms}.ov>section:nth-child(3){animation-delay:.12s}.ov>section:nth-child(4){animation-delay:.18s}.ov>section:nth-child(5){animation-delay:.24s}@media (prefers-reduced-motion:reduce){.ov>section{animation:none}}.ov header,.functional-shell .ov header{z-index:auto;height:auto;min-height:0;box-shadow:none;background:0 0;border:0;flex-wrap:nowrap;padding:0;position:static}.ov-hero{color:#fff;background:radial-gradient(circle at 92% -10%, color-mix(in srgb, var(--accent) 45%, #fff) 0, transparent 42%), radial-gradient(circle at -5% 120%, color-mix(in srgb, var(--accent) 70%, #000) 0, transparent 45%), linear-gradient(135deg, color-mix(in srgb, var(--accent) 55%, #000) 0%, var(--accent) 100%);box-shadow:0 24px 50px -28px color-mix(in srgb, var(--accent) 80%, #000);border-radius:24px;grid-template-columns:minmax(0,1.15fr) minmax(300px,1fr);align-items:stretch;gap:28px;padding:30px;display:grid;position:relative;overflow:hidden}.ov-hero:before,.ov-hero:after{content:"";pointer-events:none;border:1px solid #ffffff1f;border-radius:50%;position:absolute}.ov-hero:before{width:420px;height:420px;top:-220px;right:-120px}.ov-hero:after{width:260px;height:260px;bottom:-190px;left:32%}.ov-hero-text{flex-direction:column;justify-content:center;gap:10px;min-width:0;display:flex;position:relative}.ov-eyebrow{text-transform:capitalize;background:#ffffff24;border-radius:999px;align-items:center;gap:7px;width:fit-content;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.ov-eyebrow svg{width:14px;height:14px}.ov-hero h1{letter-spacing:-.8px;color:#fff;margin:4px 0 0;font:800 clamp(28px,3.4vw,40px)/1.1 Manrope,sans-serif}.ov-hero-text p{color:#ffffffd9;max-width:520px;margin:0;font-size:15px;line-height:1.5}.ov-hero-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.ov-hero-actions button{cursor:pointer;height:42px;color:color-mix(in srgb, var(--accent) 70%, #000);background:#fff;border:0;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 20px -10px #00000073}.ov-hero-actions button:hover{transform:translateY(-1px);box-shadow:0 12px 24px -12px #00000080}.ov-hero-actions button svg{width:17px;height:17px}.ov-hero-actions button.ghost{color:#fff;width:42px;box-shadow:none;background:#ffffff1f;border:1px solid #ffffff40;justify-content:center;padding:0}.ov-hero-figure{background:#ffffff1a;border:1px solid #fff3;border-radius:18px;align-content:start;gap:8px;min-width:0;padding:20px 22px 0;display:grid;position:relative;overflow:hidden}.ov-hero-figure>span{letter-spacing:.8px;text-transform:uppercase;color:#fffc;font-size:12px;font-weight:700}.ov-hero-figure>strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;font:800 clamp(30px,3.6vw,44px)/1 Manrope,sans-serif}.ov-hero-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ov-hero-meta small{color:#ffffffbf;font-size:12px}.ov-hero .ov-delta{background:#fff}.ov-split{background:#fff3;border-radius:999px;gap:2px;height:8px;margin-top:6px;display:flex;overflow:hidden}.ov-split i{min-width:2px;display:block}.ov-split i:first-child{background:#9cc5f5}.ov-split i:last-child{background:#f7b394}.ov-split-legend{color:#ffffffd9;font-variant-numeric:tabular-nums;justify-content:space-between;gap:10px;font-size:12px;display:flex}.ov-spark{width:calc(100% + 44px);height:74px;margin:4px -22px 0;display:block}.ov-delta{font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:800;display:inline-flex}.ov-delta svg{width:14px;height:14px}.ov-delta.good{color:var(--ok);background:var(--ok-bg)}.ov-delta.bad{color:var(--bad);background:var(--bad-bg)}.ov-delta.neutral{color:var(--info);background:var(--info-bg)}.ov-kpis{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;display:grid}.ov-kpi{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;align-content:start;gap:6px;min-width:0;padding:18px;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid}.ov-kpi[role=button]{cursor:pointer}.ov-kpi[role=button]:hover{border-color:var(--accent-line);transform:translateY(-2px);box-shadow:0 14px 30px -18px #10182859}.ov-kpi-icon{border-radius:12px;place-items:center;width:38px;height:38px;margin-bottom:4px;display:grid}.ov-kpi-icon svg{width:19px;height:19px}.ov-kpi-icon.ok{background:var(--ok-bg);color:var(--ok)}.ov-kpi-icon.bad{background:var(--bad-bg);color:var(--bad)}.ov-kpi-icon.info{background:var(--info-bg);color:var(--info)}.ov-kpi-icon.accent{background:var(--accent-soft);color:var(--accent)}.ov-kpi>span{color:var(--muted);letter-spacing:.3px;font-size:12px;font-weight:700}.ov-kpi>strong{letter-spacing:-.4px;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font:800 24px Manrope,sans-serif}.ov-kpi-foot{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ov-kpi-foot small{color:var(--muted);font-size:12px}.ov-aging{background:var(--line-2);border-radius:999px;gap:2px;height:7px;display:flex;overflow:hidden}.ov-aging i{min-width:3px;display:block}.ov-aging .d30{background:#f4b8bb}.ov-aging .d60{background:#e57f84}.ov-aging .d90{background:#cc4850}.ov-aging .older{background:#8f1d25}.ov-aging .none{background:var(--ok-bg);flex:1}.ov-row{gap:18px;display:grid}.ov-row-main{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)}.ov-row-three{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) minmax(0,1fr)}.ov-row-bottom{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.ov-row-bottom>:only-child{grid-column:1/-1}.ov-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:16px;min-width:0;padding:20px 22px;display:flex}.ov-card>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ov-card h2{color:var(--ink);margin:0;font:800 16px Manrope,sans-serif}.ov-card header p{color:var(--muted);margin:3px 0 0;font-size:12.5px}.ov-link{border:1px solid var(--line);background:var(--surface-2);height:32px;color:var(--ink-2);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:700;display:inline-flex}.ov-link:hover{border-color:var(--accent-line);color:var(--accent-ink);background:var(--accent-softer)}.ov-link svg{width:15px;height:15px}.ov-none{text-align:center;color:var(--muted);margin:0;padding:26px 0;font-size:13px}.ov-chart{gap:14px;display:grid}.ov-chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ov-legend{color:var(--muted);flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.ov-legend span{align-items:center;gap:6px;display:inline-flex}.ov-legend b{color:var(--ink);font-variant-numeric:tabular-nums}.ov-legend i,.ov-tip i{border-radius:3px;width:10px;height:10px;display:inline-block}i.b2b,.ov-stack .b2b{background:var(--b2b)}i.vip,.ov-stack .vip{background:var(--vip)}.ov-toggle{background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:3px;display:inline-flex}.ov-toggle button{height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:12.5px;font-weight:700}.ov-toggle button.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.ov-plot{height:250px;padding:8px 0 0 40px;position:relative}.ov-grid{pointer-events:none;position:absolute;inset:8px 0 22px 40px}.ov-grid span{border-top:1px dashed var(--line);position:absolute;left:0;right:0}.ov-grid span:last-child{border-top:1px solid var(--line)}.ov-grid em{text-align:right;width:34px;color:var(--muted-2);font-variant-numeric:tabular-nums;font-size:11px;font-style:normal;position:absolute;top:-8px;left:-40px}.ov-bars{align-items:stretch;gap:3px;height:100%;display:flex;position:relative}.ov-bar{cursor:pointer;outline:none;flex:1 1 0;grid-template-rows:minmax(0,1fr) 22px;min-width:0;display:grid}.ov-stack{flex-direction:column;align-self:end;gap:2px;min-height:0;transition:filter .15s,opacity .15s;display:flex}.ov-stack span{min-height:2px;display:block}.ov-stack span:first-child{border-radius:4px 4px 0 0}.ov-bars:hover .ov-bar:not(.hover) .ov-stack{opacity:.45}.ov-bar small{color:var(--muted-2);text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;padding-top:6px;font-size:10.5px;overflow:visible}.ov-bar:focus-visible .ov-stack{outline:2px solid var(--accent);outline-offset:2px}.ov-tip{z-index:3;background:var(--ink);color:#fff;min-width:170px;box-shadow:var(--shadow-lg);pointer-events:none;border-radius:12px;gap:4px;padding:10px 12px;font-size:12px;display:grid;position:absolute;top:0;transform:translate(-50%)}.ov-tip b{text-transform:capitalize;margin-bottom:2px;font-size:12.5px}.ov-tip span{color:#fffc;align-items:center;gap:6px;display:flex}.ov-tip em{color:#fff;font-variant-numeric:tabular-nums;margin-left:auto;font-style:normal;font-weight:700}.ov-tip .total{border-top:1px solid #ffffff26;margin-top:2px;padding-top:4px}.ov-todo ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ov-todo li button{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;width:100%;color:var(--ink-2);border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;font-size:13.5px;font-weight:600;transition:border-color .15s,background .15s,transform .15s;display:grid}.ov-todo li button:hover{border-color:var(--accent-line);background:var(--accent-softer);transform:translate(2px)}.ov-todo li button>svg{width:16px;height:16px;color:var(--muted-2)}.ov-todo li i{border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.ov-todo li i svg{width:16px;height:16px}.ov-todo i.accent{background:var(--accent-soft);color:var(--accent)}.ov-todo i.bad{background:var(--bad-bg);color:var(--bad)}.ov-todo i.warn{background:var(--warn-bg);color:var(--warn)}.ov-todo i.muted{background:var(--surface-2);color:var(--muted)}.ov-clear{text-align:center;background:var(--ok-bg);color:var(--ok);border-radius:14px;flex:1;align-content:center;place-items:center;gap:6px;padding:24px;display:grid}.ov-clear svg{width:34px;height:34px}.ov-clear b{font-size:15px}.ov-clear small{color:var(--ink-2);font-size:12.5px}.ov-ring{flex:none;width:74px;height:74px;position:relative}.ov-ring svg{width:100%;height:100%}.ov-ring circle{fill:none;stroke-width:8px}.ov-ring .track{stroke:var(--line-2)}.ov-ring .value{stroke:var(--ok);stroke-linecap:round}.ov-ring div{align-content:center;place-items:center;line-height:1.1;display:grid;position:absolute;inset:0}.ov-ring b{color:var(--ink);font-variant-numeric:tabular-nums;font:800 16px Manrope,sans-serif}.ov-ring small{color:var(--muted);font-size:10px}.ov-pipeline ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.ov-pipeline li{background:var(--surface-2);text-align:center;border-radius:14px;justify-items:center;gap:4px;padding:12px 4px 10px;display:grid;position:relative;overflow:hidden}.ov-pipeline li i{background:var(--surface);width:34px;height:34px;color:var(--info);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:grid}.ov-pipeline li i svg{width:16px;height:16px}.ov-pipeline li b{color:var(--ink);font-variant-numeric:tabular-nums;font:800 20px Manrope,sans-serif}.ov-pipeline li span{color:var(--muted);font-size:11.5px;font-weight:600}.ov-pipeline .ov-track{background:var(--line);border-radius:999px;width:calc(100% - 20px);height:5px;margin-top:4px;text-decoration:none;display:block;overflow:hidden}.ov-pipeline li em{background:var(--info);border-radius:999px;min-width:0;height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1);display:block}.ov-pipeline li.delivered i{color:var(--ok)}.ov-pipeline li.delivered em{background:var(--ok)}.ov-pipeline li.returned i{color:var(--bad)}.ov-pipeline li.returned em{background:var(--bad)}.ov-pipeline li:not(:last-child):after{content:"";background:var(--line);width:10px;height:2px;position:absolute;top:28px;right:-9px}.ov-rank{gap:12px;margin:0;padding:0;list-style:none;display:grid}.ov-rank li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.ov-rank-n{background:var(--surface-2);width:26px;height:26px;color:var(--muted);border-radius:9px;place-items:center;font-size:12px;font-weight:800;display:grid}.ov-rank li:first-child .ov-rank-n{background:var(--accent-soft);color:var(--accent-ink)}.ov-rank div{gap:2px;min-width:0;display:grid}.ov-rank div b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:13.5px;display:flex;overflow:hidden}.ov-rank div small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.ov-rank div em{background:var(--accent);border-radius:4px;min-width:4px;height:4px;margin-top:4px;display:block}.ov-rank div em.b2b{background:var(--b2b)}.ov-rank div em.vip{background:var(--vip)}.ov-rank strong{color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px}.ov-crown{color:#c98500;flex:none;width:14px;height:14px}.ov-activity ul{margin:0;padding:0;list-style:none;display:grid}.ov-activity li{border-bottom:1px solid var(--line-2);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.ov-activity li:last-child{border-bottom:0}.ov-avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-ink);border-radius:11px;place-items:center;font-size:12px;font-weight:800;display:grid}.ov-activity div{gap:2px;min-width:0;display:grid}.ov-activity b{color:var(--ink);font-size:13.5px}.ov-activity small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ov-activity time{color:var(--muted-2);white-space:nowrap;font-size:11.5px}.ov-quick>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ov-quick button{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;text-align:left;border-radius:14px;justify-items:start;gap:4px;padding:14px;transition:transform .15s,border-color .15s,background .15s;display:grid}.ov-quick button:hover{border-color:var(--accent-line);background:var(--accent-softer);transform:translateY(-2px)}.ov-quick button svg{width:20px;height:20px;color:var(--accent);margin-bottom:4px}.ov-quick button b{color:var(--ink);font-size:13px}.ov-quick button small{color:var(--muted);font-size:11.5px}@media (max-width:1200px){.ov-kpis,.ov-row-three{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-row-three>.ov-pipeline{grid-column:1/-1}}@media (max-width:900px){.ov-hero{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px}.ov-row-main,.ov-row-bottom,.ov-row-three{grid-template-columns:minmax(0,1fr)}.ov-plot{height:210px}}@media (max-width:560px){.ov{gap:14px}.ov-hero{border-radius:20px;padding:20px 18px}.ov-kpis{grid-template-columns:minmax(0,1fr);gap:10px}.ov-card{padding:16px}.ov-pipeline ol{grid-template-columns:repeat(3,minmax(0,1fr))}.ov-pipeline li:nth-child(3):after{display:none}.ov-quick>div{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-bars{gap:2px}}.functional-shell .dashboard-content>.page-title{display:none}.ov .ov-card>header{flex-wrap:nowrap}.ov .ov-card>header>div:first-child{flex:1;min-width:0}.ov-bar{grid-template-columns:minmax(0,1fr)}.ov-bar small{justify-content:center;justify-self:center;width:0;min-width:0;display:flex}.ov-restock>header{align-items:center}.ov-restock-total{background:var(--accent-soft);color:var(--accent-ink);border-radius:12px;justify-items:center;padding:6px 14px;line-height:1.1;display:grid}.ov-restock-total b{font-variant-numeric:tabular-nums;font:800 20px Manrope,sans-serif}.ov-restock-total small{text-transform:uppercase;letter-spacing:.4px;font-size:10.5px;font-weight:700}.ov-restock ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.ov-restock li{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.ov-restock li.bad{border-color:color-mix(in srgb, var(--bad) 28%, #fff);background:color-mix(in srgb, var(--bad) 4%, #fff)}.ov-cal{color:#fff;text-align:center;border-radius:12px;align-content:center;justify-items:center;gap:1px;width:54px;min-height:58px;line-height:1.1;display:grid}.ov-cal small{text-transform:uppercase;letter-spacing:.4px;opacity:.9;font-size:10px;font-weight:700}.ov-cal b{font-variant-numeric:tabular-nums;font:800 22px Manrope,sans-serif}.ov-cal b.out{letter-spacing:.3px;text-transform:uppercase;font-size:11px}li.bad .ov-cal{background:var(--bad)}li.warn .ov-cal{background:var(--warn)}li.info .ov-cal{background:var(--info)}.ov-restock-body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 10px;min-width:0;display:grid}.ov-restock-body>b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:13.5px;overflow:hidden}.ov-restock-body>small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:11.5px;overflow:hidden}.ov-runway{background:var(--line-2);border-radius:999px;height:6px;margin-top:4px;overflow:hidden}.ov-runway i{border-radius:999px;height:100%;transition:width .8s cubic-bezier(.2,.8,.2,1);display:block}li.bad .ov-runway i{background:var(--bad)}li.warn .ov-runway i{background:var(--warn)}li.info .ov-runway i{background:var(--info)}.ov-left{white-space:nowrap;margin-top:4px;font-size:11.5px;font-weight:700}li.bad .ov-left{color:var(--bad)}li.warn .ov-left{color:var(--warn)}li.info .ov-left{color:var(--info)}.ov-produce{justify-items:end;line-height:1.1;display:grid}.ov-produce b{color:var(--ink);font-variant-numeric:tabular-nums;font:800 20px Manrope,sans-serif}.ov-produce small{color:var(--muted);font-size:11px}.ov-more{border:1px dashed var(--line);height:34px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:10px;align-self:center;align-items:center;gap:6px;padding:0 14px;font-size:12.5px;font-weight:700;display:inline-flex}.ov-more:hover{border-color:var(--accent-line);color:var(--accent-ink)}.ov-more svg{width:15px;height:15px}@media (max-width:900px){.ov-restock ul{grid-template-columns:minmax(0,1fr)}}@media (max-width:560px){.ov-restock>header{flex-wrap:wrap}.ov-restock li{gap:10px;padding:10px}.ov-cal{width:46px;min-height:52px}}.ag-figures{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid;position:relative}.ag-figure{text-align:left;color:#fff;font:inherit;cursor:pointer;gap:6px;padding:18px 20px;transition:background .15s}.ag-figure:hover{background:#ffffff29}.ag-figure>span{letter-spacing:.6px;text-transform:uppercase;color:#fffc;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.ag-figure>span svg{width:15px;height:15px}.ag-figure>strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;font:800 clamp(30px,3.6vw,44px)/1 Manrope,sans-serif}.ag-figure>small{color:#fffc;font-variant-numeric:tabular-nums;font-size:12.5px}.ag-shops{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ag-shops button{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;width:100%;color:var(--ink-2);border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:12px;padding:11px 12px;transition:border-color .15s,background .15s;display:grid}.ag-shops button:hover{border-color:var(--accent-line);background:var(--accent-softer)}.ag-shops i{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.ag-shops i svg{width:16px;height:16px}.ag-shops i.vip{background:color-mix(in srgb, var(--vip) 14%, #fff);color:var(--vip)}.ag-shops i.b2b{background:color-mix(in srgb, var(--b2b) 14%, #fff);color:var(--b2b)}.ag-shops div{gap:2px;min-width:0;display:grid}.ag-shops b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.ag-shops small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ag-count{background:var(--surface-2);min-width:46px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:4px 8px;font-size:12.5px;font-weight:800;display:inline-flex}.ag-count svg{width:13px;height:13px;color:var(--muted)}.ag-go{width:16px;height:16px;color:var(--muted-2)}@media (max-width:560px){.ag-figures{gap:10px}.ag-figure{padding:14px}.ag-figure>span{letter-spacing:.3px;font-size:10.5px}.ag-shops button{grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px}.ag-go{display:none}.ov-quick.ov-card>div{grid-template-columns:repeat(3,minmax(0,1fr))}.ov-quick button{padding:12px 10px}.ov-quick button small{display:none}}
.sg-switch{background:#eceef2;border-radius:12px;gap:4px;margin:0 0 14px;padding:4px;display:inline-flex}.sg-switch button{height:34px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.sg-switch button svg{width:16px;height:16px}.sg-switch button.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #1018281a}.sg{--sg-ok:#12805c;--sg-ok-bg:#e9f6ef;--sg-low:#a85a06;--sg-low-bg:#fff1dc;--sg-out:#c2353f;--sg-out-bg:#fde8ea;gap:14px;display:grid}.sg-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sg-summary button{text-align:left;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.sg-summary button:hover{border-color:var(--accent-line)}.sg-summary button:active{transform:scale(.98)}.sg-summary button>svg{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;flex:none;padding:10px}.sg-summary button.out>svg{background:var(--sg-out-bg);color:var(--sg-out)}.sg-summary button.low>svg{background:var(--sg-low-bg);color:var(--sg-low)}.sg-summary span{min-width:0;line-height:1.15;display:grid}.sg-summary b{font-variant-numeric:tabular-nums;font:800 22px Manrope,sans-serif}.sg-summary small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sg-summary button.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-softer)}.sg-summary button.out.active{border-color:var(--sg-out);box-shadow:0 0 0 3px var(--sg-out-bg)}.sg-summary button.low.active{border-color:var(--sg-low);box-shadow:0 0 0 3px var(--sg-low-bg)}.sg-tools{align-items:center;gap:10px;display:flex}.sg-search{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex:1;align-items:center;gap:8px;height:44px;padding:0 14px;display:flex}.sg-search:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 3px var(--accent-softer)}.sg-search svg{width:17px;color:var(--muted-2);flex:none}.sg-search input{min-width:0;height:100%;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.sg-tools select{border:1px solid var(--line);background:var(--surface);max-width:240px;height:44px;font:inherit;color:var(--ink);border-radius:12px;padding:0 12px}.sg-refresh{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--ink-2);cursor:pointer;border-radius:12px;flex:none;place-items:center;display:grid}.sg-refresh svg{width:17px}.sg-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:12px;display:flex}.sg-legend span{align-items:center;gap:6px;display:inline-flex}.sg-legend i{border-radius:4px;width:12px;height:12px}.sg-legend i.ok{background:var(--sg-ok-bg);border:1px solid #b9e2cc}.sg-legend i.low{background:var(--sg-low-bg);border:1px solid #f3cf97}.sg-legend i.out{background:var(--sg-out-bg);border:1px solid #f3b9be}.sg-legend i.none{border:1px solid var(--line);background:repeating-linear-gradient(45deg,#f1f2f5 0 3px,#fff 3px 6px)}.sg-legend em{margin-left:auto;font-style:normal}.sg-empty{background:var(--surface);border:1px dashed var(--line);color:var(--muted);border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:48px 20px;display:flex}.sg-empty svg{width:18px}.sg-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));align-items:start;gap:14px;display:grid}.sg-card{border:1px solid var(--line-2);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);border-radius:18px;padding:16px}.sg-card>header{all:unset;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sg-card h3{letter-spacing:-.2px;color:var(--ink);margin:0;font:750 16px Manrope,sans-serif}.sg-card header small{color:var(--muted);margin-top:3px;font-size:12px;display:block}.sg-card-total{justify-items:end;line-height:1.1;display:grid}.sg-card-total b{font-variant-numeric:tabular-nums;color:var(--ink);font:800 22px Manrope,sans-serif}.sg-card-total small{margin:0!important}.sg-alerts{flex-wrap:wrap;gap:6px;margin:10px 0 0;display:flex}.sg-alerts span{border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:700}.sg-alerts .out{background:var(--sg-out-bg);color:var(--sg-out)}.sg-alerts .low{background:var(--sg-low-bg);color:var(--sg-low)}.sg-scroll{-webkit-overflow-scrolling:touch;margin-top:12px;overflow-x:auto}.sg-matrix{border-collapse:separate;border-spacing:4px;font-variant-numeric:tabular-nums;width:100%}.sg-matrix th{color:var(--muted);text-align:center;white-space:nowrap;padding:2px 0 4px;font-size:11.5px;font-weight:700}.sg-matrix tbody th,.sg-matrix tfoot th{z-index:1;background:var(--surface);text-align:left;color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;min-width:92px;max-width:140px;padding:0 8px 0 0;font-size:12.5px;font-weight:650;position:sticky;left:0;overflow:hidden}.sg-dot{vertical-align:-1px;border:1px solid #00000026;border-radius:50%;width:11px;height:11px;margin-right:7px;display:inline-block}.sg-matrix td{text-align:center;padding:0}.sg-cell{width:100%;min-width:44px;height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;place-content:center;gap:0;padding:0;line-height:1;transition:transform .12s,box-shadow .12s;display:grid}.sg-cell b{font-size:15px;font-weight:800}.sg-cell small{opacity:.85;margin-top:2px;font-size:9.5px;font-weight:700}.sg-cell.ok{background:var(--sg-ok-bg);color:var(--sg-ok);border-color:#c9ebd8}.sg-cell.low{background:var(--sg-low-bg);color:var(--sg-low);border-color:#f3d3a3}.sg-cell.out{background:var(--sg-out-bg);color:var(--sg-out);border-color:#f5c3c7}.sg-cell.none{color:#c4c7ce;border-color:var(--line-2);cursor:default;background:repeating-linear-gradient(45deg,#f4f5f7 0 4px,#fff 4px 8px)}button.sg-cell:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 10px -4px #10182840}button.sg-cell:disabled{cursor:default}.sg-matrix .sg-sum{color:var(--ink-2);padding:0 4px;font-size:12.5px;font-weight:800}.sg-matrix thead .sg-sum{color:var(--muted);font-weight:700}.sg-matrix tfoot th,.sg-matrix tfoot td{border-top:1px dashed var(--line);padding-top:6px}.sg-matrix tfoot .sg-sum{color:var(--muted)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:760px){.sg-switch{width:100%;display:flex}.sg-switch button{flex:1;justify-content:center;height:38px}.sg-summary{gap:8px}.sg-summary button{border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.sg-summary button>svg{border-radius:10px;width:34px;height:34px;padding:8px}.sg-summary b{font-size:20px}.sg-summary small{white-space:normal;font-size:11px}.sg-tools{flex-wrap:wrap}.sg-search{flex:100%;height:48px}.sg-search input{font-size:16px}.sg-tools select{flex:1;max-width:none;height:46px;font-size:16px}.sg-refresh{width:46px;height:46px}.sg-legend{gap:6px 12px;font-size:11.5px}.sg-legend em{flex-basis:100%;margin-left:0}.sg-card{border-radius:18px;padding:14px 12px}.sg-matrix{border-spacing:3px}.sg-matrix tbody th,.sg-matrix tfoot th{min-width:76px;max-width:96px;font-size:12px}.sg-cell{min-width:42px;height:46px}}@media (prefers-reduced-motion:reduce){.sg-cell,.sg-summary button{transition:none}}.sg .sg-search input{height:100%!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0!important}.sg .sg-matrix th,.sg .sg-matrix td{box-shadow:none;text-transform:none;letter-spacing:0;background:0 0;border:0;height:auto}.sg .sg-matrix thead th{background:0 0;padding:2px 0 4px}.sg .sg-matrix tbody th,.sg .sg-matrix tfoot th{background:var(--surface);padding:0 8px 0 0}.sg .sg-matrix tbody tr,.sg .sg-matrix thead tr,.sg .sg-matrix tfoot tr{background:0 0!important;border:0!important}.sg .sg-matrix tbody tr:hover{background:0 0!important}.sg .sg-matrix{width:auto;min-width:0!important}.sg .sg-cell{min-width:52px}@media (max-width:760px){.sg .sg-cell{min-width:44px}}
.functional-shell .settings-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.functional-shell .settings-panel>*,.functional-shell .settings-card{min-width:0}@media (max-width:1100px){.functional-shell .settings-panel{grid-template-columns:minmax(0,1fr)}}@media (max-width:1024px){.functional-shell .table-customize-bar{gap:10px;padding:10px 14px}.functional-shell .table-customize-bar>span{font-size:11.5px}table.card-table{width:100%;min-width:0!important}table.card-table thead{display:none}table.card-table,table.card-table tbody{display:block}table.card-table tr{border-bottom:1px solid var(--line-2,#f0f1f4);grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:12px 14px;padding:16px;display:grid}table.card-table tbody tr:last-child{border-bottom:0}table.card-table td{overflow-wrap:anywhere;min-width:0;font-size:13.5px;display:block;white-space:normal!important;border:0!important;padding:0!important}table.card-table td[data-label]:before{content:attr(data-label);letter-spacing:.5px;text-transform:uppercase;color:var(--muted-2,#9aa1ad);margin-bottom:4px;font-size:10.5px;font-weight:700;display:block}table.card-table td:first-child{grid-column:1/-1;font-size:15px}table.card-table td:first-child:before{display:none}table.card-table td:first-child b{font-size:15px}table.card-table td.cell-actions{grid-column:1/-1;padding-top:4px!important}table.card-table td.cell-actions:before,table.card-table td:empty{display:none}table.card-table .document-actions{white-space:normal;flex-wrap:wrap;gap:8px}table.card-table .square-action{border-radius:11px;width:40px;height:40px}table.card-table .square-action svg{width:16px;height:16px}table.card-table .edit-action{min-height:40px}table.card-table .dhd-status small{max-width:none;white-space:normal!important}}@media (max-width:760px){html,body{overflow-x:hidden}.sidebar-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.functional-shell main>header{z-index:30;flex-wrap:wrap;align-items:center;gap:10px;min-height:60px;position:sticky;top:0;height:auto!important;padding:10px 14px!important}.functional-shell main>header .search{flex:1 0 100%;order:5;width:100%;height:44px}.functional-shell main>header .search kbd{display:none}.functional-shell main>header .icon-btn,.functional-shell main>header .primary{flex:0 0 42px;gap:0;width:42px;height:42px;padding:0;font-size:0}.functional-shell main>header .primary svg{width:20px}.functional-shell main>header .outline{height:42px;padding:0 12px;font-size:13px}.functional-shell .content{padding:18px 12px calc(56px + env(safe-area-inset-bottom))!important}.functional-shell .page-title{flex-wrap:wrap;align-items:flex-start;margin-bottom:16px}.functional-shell .page-title h1{font-size:23px}.functional-shell .page-title span{font-size:13px}.functional-shell .stats{gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.functional-shell .stats article{grid-template-columns:1fr;align-items:start;row-gap:8px;padding:14px}.functional-shell .stats article .stat-icon{border-radius:11px;grid-row:auto;width:36px;height:36px}.functional-shell .stats article .stat-icon svg{width:18px;height:18px}.functional-shell .stats article>span{letter-spacing:.4px;font-size:10.5px;line-height:1.3}.functional-shell .stats article>strong{overflow-wrap:anywhere;grid-column:1;font-size:19px}.functional-shell .stats article.receivable-kpi{grid-column:1/-1;grid-template-columns:auto 1fr;column-gap:12px}.functional-shell .stats article.receivable-kpi .stat-icon{grid-row:1/3}.functional-shell .stats article.receivable-kpi>strong{grid-column:2;font-size:22px}.functional-shell .stats article:last-child:nth-child(2n){grid-column:1/-1}.functional-shell .live-chart{gap:6px;height:220px;padding:24px 12px 16px}.functional-shell .live-chart span,.functional-shell .live-chart small{font-size:9.5px}.functional-shell .bl-filters,.functional-shell .product-filters{gap:10px;padding:14px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.functional-shell .bl-filter-title,.functional-shell .product-filters>div,.functional-shell .bl-filters>button,.functional-shell .product-filters>button,.functional-shell .bl-filters label:last-of-type:nth-of-type(odd),.functional-shell .product-filters label:last-of-type:nth-of-type(odd){grid-column:1/-1}.functional-shell .bl-filters input,.functional-shell .product-filters select{width:100%;min-width:0}.functional-shell .bl-filters input[type=date]{padding:0 8px}.functional-shell .attendance-toolbar{gap:10px}.table-wrap,.variant-table-wrap{-webkit-overflow-scrolling:touch}.modal-backdrop{place-items:end stretch!important;padding:0!important}.modal{border-radius:20px 20px 0 0!important;width:100%!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important}.modal-head{padding:16px!important}.modal-head h2{font-size:17px!important}.functional-shell .resource-form,.resource-form{grid-template-columns:minmax(0,1fr)!important;padding:16px 16px 0!important}.resource-form>*,.form-grid>*{min-width:0}.form-grid{grid-template-columns:minmax(0,1fr)!important}.resource-form .form-actions{z-index:3;background:#fff;flex-wrap:wrap;gap:10px;position:sticky;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom))!important;margin:6px -16px 0!important}.resource-form .form-actions>button{flex:auto;min-height:46px}.functional-shell .settings-panel{gap:12px}.functional-shell .settings-card{padding:16px!important}.functional-shell .settings-grid{grid-template-columns:minmax(0,1fr)!important}.functional-shell .settings-save{width:100%;bottom:calc(12px + env(safe-area-inset-bottom));justify-self:stretch}.empty-state{text-align:center;padding:24px 20px}.functional-shell .outline,.functional-shell .primary{min-height:42px}.toast{left:12px!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom))!important}}@media (max-width:760px) and (display-mode:standalone){.functional-shell main>header{padding-top:calc(10px + env(safe-area-inset-top))!important;height:auto!important}.functional-shell .sidebar{padding-top:calc(20px + env(safe-area-inset-top))}}@media (max-width:340px){.functional-shell .bl-filters,.functional-shell .product-filters{grid-template-columns:minmax(0,1fr)!important}}
.m-tabbar,.m-toggle{display:none}@media (max-width:760px){.functional-shell{--tabbar:calc(66px + env(safe-area-inset-bottom))}.functional-shell .m-tabbar{z-index:45;height:var(--tabbar);padding:6px 6px env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#fffffff7;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px -18px #10182859}.m-tabbar button{cursor:pointer;min-width:0;color:var(--muted);-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:0;font-family:inherit;font-size:10.5px;font-weight:650;line-height:1.1;display:flex}.m-tabbar button svg{box-sizing:content-box;stroke-width:1.9px;border-radius:999px;width:22px;height:22px;padding:4px 14px;transition:background .2s,color .2s,transform .2s}.m-tabbar button span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.m-tabbar button.active{color:var(--accent-ink)}.m-tabbar button.active svg{background:var(--accent-soft);color:var(--accent);stroke-width:2.2px}.m-tabbar button:active svg{transform:scale(.92)}.functional-shell .mobile-menu-button{display:none!important}.functional-shell main>header{border-bottom:1px solid var(--line-2)!important;box-shadow:none!important;background:#fffffff7!important;padding:10px 16px 12px!important}.functional-shell main>header .search{background:var(--surface-2)!important;height:46px!important;box-shadow:none!important;border:1px solid #0000!important;border-radius:14px!important}.functional-shell main>header .search:focus-within{border-color:var(--accent-line)!important;box-shadow:0 0 0 4px var(--accent-softer)!important;background:#fff!important}.functional-shell main>header .search input{font-size:16px}.functional-shell main>header .icon-btn,.functional-shell main>header .outline{background:var(--surface-2);border-color:#0000;border-radius:12px}.functional-shell main>header .outline{justify-content:center;gap:0;width:42px;padding:0!important;font-size:0!important}.functional-shell main>header .outline svg{width:18px}.functional-shell main>header .primary{z-index:44;right:16px;bottom:calc(var(--tabbar) + 16px);place-items:center;transition:transform .15s;position:fixed;background:var(--accent)!important;color:#fff!important;width:58px!important;height:58px!important;box-shadow:0 14px 28px -10px color-mix(in srgb, var(--accent) 75%, transparent), 0 2px 6px #1018282e!important;border:0!important;border-radius:19px!important;flex:none!important;padding:0!important;font-size:0!important;display:grid!important}.functional-shell main>header .primary svg{stroke-width:2.4px;height:26px;width:26px!important}.functional-shell main>header .primary:active{transform:scale(.94)}.functional-shell .content{padding:20px 14px calc(var(--tabbar) + 96px)!important}.functional-shell .page-title{margin-bottom:14px!important}.functional-shell .page-title p{display:none}.functional-shell .page-title h1{letter-spacing:-.8px;font-weight:800;line-height:1.1;font-size:30px!important}.functional-shell .page-title span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.functional-shell .table-customize-bar{box-shadow:none!important;background:0 0!important;border:0!important;padding:0 0 10px!important}.functional-shell .table-customize-bar>span,.functional-shell .table-customize-actions>button:last-child{display:none!important}.functional-shell .table-customize-actions>button{border-radius:12px;justify-content:center;width:100%;min-height:44px}.functional-shell .table-customize-bar:not(:has(.table-customize-actions>button:not(:last-child),.order-selection)){display:none!important}.functional-shell .table-wrap{box-shadow:none!important;background:0 0!important;border:0!important;overflow:visible!important}.functional-shell .table-wrap:has(>table.card-table){box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.functional-shell :has(>.table-wrap>table.card-table){box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}table.card-table tbody{gap:10px;display:grid!important}table.card-table tr{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:18px;animation:.28s both m-card-in;position:relative;border:1px solid var(--line-2)!important;grid-template-columns:minmax(0,1fr) auto!important;gap:0 12px!important;padding:15px 16px 6px!important;display:grid!important}table.card-table tr:active{background:var(--surface-2)}table.card-table td{font-size:13.5px}table.card-table td[data-m=title]{grid-row:1;font-size:15px;grid-column:1!important;padding-bottom:10px!important}table.card-table td[data-m=title] b,table.card-table td[data-m=title] .client-link,table.card-table td[data-m=title] .product-group-link{letter-spacing:-.2px;color:var(--ink);font-weight:750;font-size:16px!important}table.card-table td[data-m=title]:before{display:none!important}table.card-table td[data-m=title] small{color:var(--muted);margin-top:2px;font-size:12px;display:block}table.card-table td[data-m=aside]{text-align:right;grid-row:1;justify-self:end;max-width:46vw;grid-column:2!important;padding-bottom:10px!important}table.card-table td[data-m=aside]:before{display:none!important}table.card-table td[data-m=aside] b{font-size:15.5px;font-weight:800}table.card-table td[data-m=aside] small{color:var(--muted);font-size:11.5px;display:block}table.card-table td[data-m=key],table.card-table td[data-m=extra]{min-height:38px;position:relative;border-top:1px solid var(--line-2)!important;grid-column:1/-1!important;padding:9px 0 9px 112px!important}table.card-table td[data-m=key]:before,table.card-table td[data-m=extra]:before{width:104px;line-height:1.35;position:absolute;top:10px;left:0;letter-spacing:0!important;text-transform:none!important;color:var(--muted)!important;margin:0!important;font-size:12px!important;font-weight:600!important}table.card-table td[data-m=key] small,table.card-table td[data-m=extra] small{color:var(--muted);font-size:12px;display:block}:is(table.card-table td[data-m=key]:has(button,a.square-action),table.card-table td[data-m=extra]:has(button,a.square-action)){padding-left:0!important}table.card-table td[data-m=key]:has(button,a.square-action):before{width:auto;display:block;position:static;margin-bottom:8px!important}table.card-table td[data-m=extra]:has(button,a.square-action):before{width:auto;display:block;position:static;margin-bottom:8px!important}table.card-table td[data-m] button.payment-action,table.card-table td[data-m] .table-action{border-radius:11px;min-height:40px}table.card-table td[data-m=key]:has(.payment-action){flex-wrap:wrap;align-items:center;gap:8px;display:flex!important}table.card-table td[data-m=key]:has(.payment-action):before{flex:1 0 100%;margin-bottom:0!important}table.card-table td[data-m=key]:has(.payment-action)>button{flex:auto}table.card-table tr:not(.m-open) td[data-m=extra]{display:none!important}table.card-table tr.m-open td[data-m=extra]{animation:.2s both m-fade}table.card-table td.m-toggle{order:99;border-top:1px solid var(--line-2)!important;grid-column:1/-1!important;padding:0!important;display:block!important}table.card-table td.m-toggle:before{display:none!important}.m-toggle button{width:100%;height:40px;color:var(--accent-ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;font-family:inherit;font-size:12.5px;font-weight:650;display:flex}.m-toggle button svg{width:16px;height:16px;transition:transform .2s}tr.m-open .m-toggle button svg{transform:rotate(180deg)}table.card-table td.cell-actions{border-top:1px solid var(--line-2)!important;grid-column:1/-1!important;padding:10px 0!important}table.card-table td.cell-actions .document-actions{flex-wrap:wrap;gap:8px;display:flex}table.card-table td.cell-actions .edit-action{border-radius:12px;flex:auto;justify-content:center;min-height:42px}table.card-table td.cell-actions .square-action{border-radius:12px;width:42px;height:42px}table.card-table td.select-cell{position:absolute;top:17px;left:14px;padding:0!important}table.card-table td.select-cell:before{display:none!important}table.card-table td.select-cell input{width:20px;height:20px;accent-color:var(--accent)}table.card-table tr:has(td.select-cell input) td[data-m=title]{padding-left:38px!important}.functional-shell .empty-state{border-radius:18px}.functional-shell .order-kind-filter{border-radius:14px;width:100%;padding:4px;display:flex}.functional-shell .order-kind-filter button{border-radius:11px;flex:1 1 0;justify-content:center;height:38px;font-size:13px}.functional-shell .bl-filters,.functional-shell .product-filters{border:1px solid var(--line-2)!important;box-shadow:var(--shadow-sm)!important;border-radius:18px!important}.modal-backdrop{background:#0a0e1473!important}.modal{animation:.28s cubic-bezier(.2,.8,.2,1) both m-sheet-up;border-radius:24px 24px 0 0!important;max-height:calc(100dvh - 10px)!important}.modal:before{content:"";z-index:6;background:#d5d8de;border-radius:999px;width:40px;height:5px;margin:8px auto -13px;display:block;position:sticky;top:0}.modal-head{z-index:5;border-bottom:1px solid var(--line-2);background:#fff;position:sticky;top:0;padding:20px 16px 12px!important}.modal-head h2{letter-spacing:-.3px;font-weight:800;font-size:19px!important}.modal input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.modal select,.modal textarea{min-height:48px;border-radius:12px!important;font-size:16px!important}.modal .order-section{border-radius:18px;padding:14px!important}.modal .delivery-modes{gap:8px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.modal .delivery-modes button{flex-direction:column;align-items:flex-start;gap:8px;padding:12px!important}.modal .delivery-modes button strong{font-size:12px}.resource-form .form-actions{box-shadow:0 -10px 24px -18px #10182859}.resource-form .form-actions>button.primary{border-radius:14px!important;min-height:52px!important;font-size:15.5px!important}.toast{bottom:calc(var(--tabbar,66px) + 14px)!important;border-radius:14px!important}.functional-shell .settings-save{bottom:calc(var(--tabbar) + 12px)!important}}@keyframes m-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes m-fade{0%{opacity:0}to{opacity:1}}@keyframes m-sheet-up{0%{opacity:.6;transform:translateY(40px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){table.card-table tr,.modal,table.card-table tr.m-open td[data-m=extra]{animation:none!important}}@media (max-width:760px){table.card-table td.cell-actions .document-actions:not(:has(.edit-action)){justify-content:flex-end}.functional-shell .product-filters select,.functional-shell .bl-filters select{text-overflow:ellipsis;background-position:right 10px center;height:44px;border-radius:12px!important;padding:0 28px 0 12px!important}.functional-shell .product-filters label,.functional-shell .bl-filters label{color:var(--muted);font-size:12px}.modal-head small{display:none!important}.functional-shell:has(.sidebar.mobile-open) main>header .primary{opacity:0;pointer-events:none}table.card-table td[data-m=title]{color:var(--ink);font-weight:750}}.modal .search{width:100%}@media (max-width:760px){.modal .search{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;height:50px;padding:0 14px}.modal .search:focus-within{border-color:var(--accent-line);box-shadow:0 0 0 4px var(--accent-softer);background:#fff}.modal .search svg{width:18px;color:var(--muted-2);flex:none}.modal .search input{outline:0;flex:1;min-width:0;height:100%!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0 10px!important}.modal:has(.client-payment){min-height:62dvh}}
.notif{flex:none;position:relative}.functional-shell header .notif .icon-btn{place-items:center;margin-left:0;display:grid;position:relative}.functional-shell .dashboard-header .notif,.functional-shell .inventory-header .notif,.functional-shell .payments-header .notif{margin-left:auto}.notif-badge{background:var(--bad,#d3545c);color:#fff;border:2px solid var(--surface,#fff);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:800;display:grid;position:absolute;top:-5px;right:-5px}.notif-panel{z-index:60;background:var(--surface,#fff);border:1px solid var(--line);border-radius:16px;width:min(360px,100vw - 24px);max-height:min(480px,70vh);position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 24px 50px -20px #10182859}.notif-panel>header{background:var(--surface,#fff);border-bottom:1px solid var(--line);z-index:1;height:auto;min-height:0;box-shadow:none;flex-wrap:nowrap;gap:2px;padding:14px 16px 10px;display:grid;position:sticky;top:0}.notif-panel>header b{color:var(--ink);font:800 15px Manrope,sans-serif}.notif-panel>header small,.notif-panel>p{color:var(--muted);font-size:12px}.notif-panel>p{text-align:center;margin:0;padding:26px 16px}.notif-panel ul{gap:2px;margin:0;padding:6px;list-style:none;display:grid}.notif-panel li button{text-align:left;cursor:pointer;width:100%;color:var(--ink-2);background:0 0;border:0;border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.notif-panel li button:hover{background:var(--surface-2)}.notif-panel li button.new{background:var(--accent-softer)}.notif-panel li i{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.notif-panel li i svg{width:16px;height:16px}.notif-panel li i.vip{color:#eb6834;background:#fdeee6}.notif-panel li i.b2b{color:#2a78d6;background:#e6f0fb}.notif-panel li span{gap:2px;min-width:0;display:grid}.notif-panel li b{color:var(--ink);font-size:13.5px;line-height:1.3}.notif-panel li small{color:var(--muted);font-size:11.5px}@media (max-width:760px){.notif-panel{width:auto;position:fixed;top:64px;left:12px;right:12px}}