@font-face{font-family:Inter;src:url(/design-preview/fonts/inter.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(/design-preview/fonts/tajawal-regular.ttf) format("truetype");font-weight:400 500;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(/design-preview/fonts/tajawal-bold.ttf) format("truetype");font-weight:600 900;font-style:normal;font-display:swap}:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#f9fafb;--text:#1c2028;--muted:#656b77;--border:#e7e9ed;--dark:#111318;--dark-2:#1c1f26;--accent:#ff6a00;--accent-2:#e85f00;--accent-soft:#fff4eb;--danger:#c33435;--danger-soft:#fff3f3;--success:#18774b;--success-soft:#f0f8f3;--warning:#a54f13;--shadow:0 2px 4px #18233204;--shadow-popover:0 12px 36px #1823321a;--radius-sm:6px;--radius:10px;--radius-lg:12px;--radius-pill:999px;--radius-card:var(--radius);--radius-control:7px;--shadow-card:var(--shadow);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-sans:Inter,Arial,sans-serif;--font-arabic:Tajawal,Arial,sans-serif;--sidebar-width:236px;--header-height:76px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;width:100%}body{background:var(--bg);color:var(--text);font:13px/1.5 var(--font-sans);-webkit-font-smoothing:antialiased}html[dir=rtl] body{font-family:var(--font-arabic);font-size:14px}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed}svg{flex-shrink:0;vertical-align:middle}img,video{max-width:100%}b,strong{font-weight:600}h1,h2,h3,h4,p{margin-top:0}h4{font-weight:600}input[type=checkbox],input[type=radio]{accent-color:var(--accent);width:16px;height:16px;flex-shrink:0}input[type=number]{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}input[type=file]{max-width:100%}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b74900;outline-offset:3px}::selection{background:#ff6a002a}.directional{transition:transform .15s}html[dir=rtl] .directional{transform:rotate(180deg)}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100dvh}.app-shell.collapsed{--sidebar-width:76px}.workspace{min-width:0}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100dvh;overflow-y:auto;background:var(--dark);color:#b4b8c3;padding:29px 17px 18px;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#3b3e46 transparent}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 27px;white-space:nowrap}.brand-mark{width:37px;height:37px;background:var(--accent);border-radius:var(--radius);color:var(--dark);display:grid;place-items:center;flex-shrink:0}.brand-title{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.7px;line-height:1.2}.brand-title span{color:#ff8738}.brand-sub{color:#b3b6c1;font-size:8px;letter-spacing:1.2px;margin-top:5px}.store-card{display:flex;align-items:center;gap:9px;background:#1c1f26;border:1px solid #30333b;border-radius:9px;padding:10px;margin-bottom:24px;min-height:61px}.store-icon{width:31px;height:31px;border-radius:var(--radius-control);background:#30333c;display:grid;place-items:center;color:#c4c7d0;flex-shrink:0}.store-card strong{display:block;color:#e7e8ec;font-size:12px;font-weight:500}.store-card small{display:block;font-size:10px;color:#a8acb9;margin-top:3px}.nav-label{font-size:9px;font-weight:500;letter-spacing:1.15px;color:#8f95a4;text-transform:uppercase;padding:0 13px;margin-bottom:10px}.nav{display:grid;grid-gap:4px;gap:4px}.nav-link{display:flex;align-items:center;gap:11px;padding:9px 12px;min-height:41px;border:1px solid transparent;border-radius:var(--radius-control);font-size:12px;color:#b4b8c3;transition:background .15s,color .15s}.nav-link svg{color:#969dac;stroke-width:1.6}.nav-link:hover{background:#24272e;color:#fff}.nav-link.active{background:#2c201a;border-color:#493025;color:#ff8738}.nav-link.active svg{color:#ff8738}.nav-divider{border-top:1px solid #292c33;margin:20px 11px}.side-bottom{margin-top:auto;padding-top:28px}.user-card{display:flex;align-items:center;gap:10px;padding:14px 8px;border-top:1px solid #292c33}.user-name{font-size:12px;font-weight:500;color:#e7e8ec;overflow-wrap:anywhere}.user-role{font-size:10px;color:#969dac;margin-top:3px}.avatar{display:grid;place-items:center;flex-shrink:0;background:#f2e9dd;color:#775638;border:3px solid #faf6f1;border-radius:50%;width:35px;height:35px;font-size:10px;font-weight:600}.sidebar .avatar{background:#30333c;border-color:#3b3e46;color:#e7e8ec}.logout-button{width:100%;border:1px solid #30333b;border-radius:var(--radius-control);background:transparent;color:#aeb3bf;display:flex;align-items:center;justify-content:center;gap:9px;min-height:38px;font-size:11px}.logout-button:hover{background:#24272e;color:#fff}.collapsed .sidebar{padding-inline:12px}.collapsed .brand{padding-inline:7px}.collapsed .brand-words,.collapsed .logout-button span,.collapsed .nav-label,.collapsed .nav-link span,.collapsed .store-words,.collapsed .user-details{display:none}.collapsed .nav-link,.collapsed .store-card{justify-content:center;padding-inline:0}.collapsed .store-card{background:transparent;border-color:transparent}.collapsed .user-card{padding-inline:0;justify-content:center}.collapsed .nav-divider{margin-inline:5px}.topbar{min-height:var(--header-height);background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:17px;padding:12px 30px}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:0;background:transparent;color:#676c77;border-radius:var(--radius-control)}.icon-button:hover{background:#f0f1f4}.topbar-divider{height:20px;width:1px;background:var(--border)}.breadcrumb{display:flex;align-items:center;gap:var(--space-3);color:#626a77;font-size:12px;min-width:0}.breadcrumb a:hover{color:var(--accent-2)}.breadcrumb span[aria-current]{font-weight:500;color:#363c47;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-tools{gap:22px;-webkit-margin-start:auto;margin-inline-start:auto}.language-toggle,.topbar-tools{display:flex;align-items:center}.language-toggle{gap:7px;border:0;background:transparent;color:#4c525e;min-height:44px;font-size:12px;padding:0 4px;white-space:nowrap}.language-toggle [lang=ar]{font:15px var(--font-arabic)}.topbar-profile{display:flex;align-items:center;gap:9px}.profile-name strong{display:block;font-size:11px;font-weight:500}.profile-name small{display:block;font-size:10px;color:var(--muted);margin-top:2px}.main{padding:31px 30px 36px;max-width:1760px;margin-inline:auto;min-width:0}.skip-link{position:fixed;inset-block-start:-100px;inset-inline-start:15px;background:#fff;padding:12px;z-index:100;border-radius:6px}.skip-link:focus{inset-block-start:10px}.mobile-nav,.mobile-toggle{display:none}.nav-drawer{position:fixed;inset-block:0;inset-inline-start:0;inset-inline-end:auto;margin:0;padding:24px 17px 18px;border:0;width:280px;max-width:86vw;height:100dvh;max-height:100dvh;background:var(--dark);color:#b4b8c3;font:inherit;overflow-y:auto}.nav-drawer[open]{display:flex;flex-direction:column}.drawer-heading{display:flex;align-items:flex-start;justify-content:space-between}.drawer-heading .brand{padding-inline:5px}.drawer-heading .icon-button{color:#aeb3bf}.dialog::-webkit-backdrop,.nav-drawer::-webkit-backdrop{background:#12161d88;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog::backdrop,.nav-drawer::backdrop{background:#12161d88;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.public-language{position:absolute;inset-inline-end:24px;top:18px;z-index:3}.public-language .language-toggle{color:#c4c7d0}.topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-title{font-size:27px;line-height:1.3;font-weight:650;letter-spacing:-1px;margin:0}.page-subtitle{font-size:12px;line-height:1.65;color:var(--muted);margin:7px 0 0}.eyebrow{color:var(--muted);font-size:9px;letter-spacing:1.15px;font-weight:500;margin-bottom:8px}.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.page-stack{display:grid;grid-gap:20px;gap:20px}.section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;line-height:1.5;letter-spacing:-.3px;margin:0 0 16px}.section-subtitle{font-size:12px;color:var(--muted);margin:-8px 0 16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-5);min-width:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:13px;gap:13px}.stat-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.stat-heading>svg{color:#969dac;width:18px;height:18px}.stat-label{font-size:12px;font-weight:500;color:var(--muted)}.stat-value{font-size:27px;font-weight:600;letter-spacing:-.8px;margin-top:8px;line-height:1.3;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.stat-note{font-size:11px;color:var(--muted);margin-top:9px}.grid-2{grid-template-columns:1.4fr 1fr;grid-gap:var(--space-4);margin-top:16px}.grid-2,.grid-3{display:grid;gap:var(--space-4)}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-4)}.cards>*,.grid-2>*,.grid-3>*,.pos-layout>*,.product-grid>*{min-width:0}.row,.row-wrap{display:flex;gap:10px;align-items:center;min-width:0}.row-wrap{flex-wrap:wrap}.row-wrap>*,.row>*{min-width:0}.divider{height:1px;background:var(--border);margin:20px 0}.muted{color:var(--muted)}.right{text-align:end}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;font-size:.92em}.clickable{cursor:pointer}.hidden{display:none!important}.kpi-positive{color:var(--success)}.kpi-negative{color:var(--danger)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:9px 13px;border:1px solid var(--dark);border-radius:var(--radius-control);background:var(--dark);color:white;font-size:12px;font-weight:500;line-height:1.4;transition:background .15s,border-color .15s;white-space:normal}.btn:hover{background:#2c3038}.btn:disabled{opacity:.5;pointer-events:none}.btn-accent{background:var(--accent);border-color:var(--accent);color:#251509;font-weight:600;box-shadow:0 2px 3px #ff6a0018}.btn-accent:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn-outline{background:white;border-color:#dfe2e7;color:#404653}.btn-outline:hover{background:#f3f4f6;border-color:#cdd1d8}.btn-danger{background:white;border-color:#ecc9c9;color:var(--danger)}.btn-danger:hover{background:var(--danger-soft)}.btn-success{background:var(--success);border-color:var(--success);color:white}.quick-action{font-size:11px;min-height:38px}.input,.select,.textarea{display:block;width:100%;min-width:0;min-height:40px;background:#fff;border:1px solid #dfe2e7;border-radius:var(--radius-control);padding:10px 12px;outline:none;color:var(--text);font-size:12px;line-height:1.5;transition:box-shadow .15s,border-color .15s}.input::placeholder,.textarea::placeholder{color:#878d98}.input:focus,.select:focus,.textarea:focus{border-color:#c57840;box-shadow:0 0 0 3px #ff6a0014}.textarea{resize:vertical}.label{display:block;font-size:12px;font-weight:500;color:#4a515d;margin-bottom:7px}.field{display:block;margin-bottom:16px;min-width:0}.field-hint{display:block;margin-top:6px;color:var(--muted);font-size:11px}.field-group{border:0;padding:0;margin:0 0 20px;min-width:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0 16px;gap:0 16px}.form-span-2{grid-column:span 2}.search-box{position:relative;min-width:0;flex:1 1}.search-box>svg{position:absolute;inset-inline-start:12px;top:50%;transform:translateY(-50%);color:#878d98;pointer-events:none}.search-box .input{-webkit-padding-start:38px;padding-inline-start:38px}.filter-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:18px}.filter-bar .search-box{flex:1 1 240px}.filter-bar>.select{width:auto;flex:0 1 240px}.selected-panel{padding:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px}.tabs{flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--border);margin-bottom:20px;padding:0}.tab,.tabs{display:flex}.tab{background:transparent;border:0;border-bottom:2px solid transparent;padding:12px 15px;align-items:center;gap:7px;color:var(--muted);font-size:12px}.tab:hover{color:var(--text);background:var(--surface-2)}.tab.active{color:#aa4600;border-bottom-color:var(--accent)}.table-wrap{width:100%;max-width:100%;overflow:auto;border:1px solid var(--border);border-radius:8px;background:white;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c9cdd4 transparent}.table{width:100%;border-collapse:collapse;min-width:650px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.table th{font-size:10px;font-weight:500;letter-spacing:.35px;text-transform:uppercase;color:#69707c;background:#f8f9fb;text-align:start;padding:12px 14px;white-space:nowrap;position:-webkit-sticky;position:sticky;top:0;z-index:1}.table td{padding:13px 14px;border-top:1px solid #eef0f3;font-size:12px;vertical-align:middle}.table tbody tr:hover,.table tfoot{background:#fafbfc}.table tfoot{font-weight:600}.table .input,.table .select{min-width:86px;font-size:12px;padding:8px;min-height:36px}.table .btn{font-size:11px;min-height:32px;padding:7px 10px}.badge,.table td:first-child{font-weight:500}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:1px solid #e7e9ed;border-radius:5px;font-size:10px;line-height:1.35;color:#626a77;background:#f5f6f8}.badge.warn{background:#fff6ed;border-color:#f4dcc7;color:#9f4b13}.badge.bad{background:#fff3f3;border-color:#f3d5d5;color:#b33535}.badge.good{background:#f1f8f4;border-color:#d5e9dc;color:#256e48}.mobile-table-card{border:1px solid var(--border);background:#fff;border-radius:9px;padding:16px}.mobile-table-card h3{font-size:13px;font-weight:600}.mobile-table-card dl{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.mobile-table-card dt{color:var(--muted);font-size:11px}.mobile-table-card dd{margin:0;text-align:end;font-size:12px}.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-4);margin-top:20px;font-size:11px}.empty{padding:34px 22px;text-align:center;color:var(--muted);border:1px dashed #dfe2e7;background:#fcfcfd;border-radius:8px;font-size:12px}.empty strong{display:block;color:#4a515d;font-size:13px;margin:10px 0 5px}.empty p{margin:7px 0 0}.empty-icon{display:grid;place-items:center;margin-bottom:10px;color:#9298a3}.notice{padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:#f9fafb;font-size:12px;line-height:1.65}.notice.success{background:#f1f8f4;border-color:#d5e9dc;color:#256e48}.notice.error{background:var(--danger-soft);border-color:#f3d5d5;color:#b33535}.notice.warn{background:#fff6ed;border-color:#f4dcc7;color:#9f4b13}.alert{display:flex;align-items:flex-start;gap:9px}.alert>svg{margin-top:2px}.alert>div{min-width:0;overflow-wrap:anywhere}.toast{position:fixed;inset-inline-end:24px;bottom:24px;z-index:80;max-width:min(400px,calc(100vw - 32px));box-shadow:var(--shadow-popover)}.loading-state{padding:26px 20px;display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.loading-state>span{font-size:12px;margin-top:3px}.skeleton{height:14px;border-radius:5px;background:#edeff3;animation:pulse 1.6s ease-in-out infinite}.skeleton-heading{height:25px;width:40%;margin-bottom:5px}.skeleton-short{width:65%}@keyframes pulse{50%{opacity:.45}}.dialog{padding:0;width:680px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text);background:#fff;box-shadow:0 20px 80px #0002;font:inherit;text-align:start;overflow:auto}.dialog-sm{width:440px}.dialog-lg{width:1080px}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 22px;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:3}.dialog-header h2{font-size:17px;font-weight:600;margin:0;letter-spacing:-.3px}.dialog-body{padding:22px}.dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--border);background:#fafbfc}.dialog .card{box-shadow:none}.dialog .topline{margin-bottom:18px}.product-image-zoomable{cursor:zoom-in}.product-image-zoomable:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:3px}.image-preview-dialog{width:min(960px,calc(100vw - 32px))}.image-preview-dialog .dialog-body{display:grid;min-height:240px;padding:0;place-items:center;overflow:hidden;background:#111820}.product-image-full{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 140px);object-fit:contain}[role=dialog]{max-width:100vw;max-height:100dvh;overflow:auto}[role=dialog]>.card{max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px);overflow:auto}.products-layout{display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(0,1fr)}.product-thumb{width:46px;height:46px;border:1px solid var(--border);border-radius:var(--radius-control);flex-shrink:0}.image-preview,.product-thumb{background:#fff;object-fit:contain}.image-preview{width:100%;max-width:340px;height:240px;border:1px solid var(--border);border-radius:9px}.attribute-box{padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);margin-bottom:10px}.variant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));grid-gap:var(--space-3);gap:var(--space-3)}.search-panel{position:relative;min-width:0}.search-results{position:absolute;z-index:20;inset-inline:0;top:46px;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-popover);max-height:360px;overflow:auto}.search-result{display:flex;gap:10px;padding:12px;border-bottom:1px solid #eef0f3;cursor:pointer;min-width:0}.search-result>div{min-width:0}.search-result:hover{background:#f7f8fa}.search-result:last-child{border-bottom:0}.pos-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr);grid-gap:20px;gap:20px;align-items:start}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-top:16px}.product-card{border:1px solid var(--border);background:white;border-radius:9px;padding:12px;cursor:pointer;transition:border-color .15s,box-shadow .15s;min-width:0}.product-card:hover{border-color:#d6b9a3;box-shadow:0 3px 12px #18233208}.product-card img{object-fit:contain;border-radius:6px}.product-card img,.product-placeholder{width:100%;height:120px;background:#f8f9fb}.product-placeholder{border:1px solid var(--border);border-radius:var(--radius-control);color:#9298a3;display:grid;place-items:center}.cart{position:-webkit-sticky;position:sticky;top:20px}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;padding:13px 0;border-bottom:1px solid #eef0f3}.qty{display:flex;align-items:center;gap:7px}.qty button{width:30px;height:30px;border:1px solid var(--border);background:#fff;border-radius:6px;cursor:pointer}.quantity-total{font-size:20px;font-weight:600;letter-spacing:-.4px}.login-wrap{min-height:100dvh;display:grid;place-items:center;background:#111318;padding:76px 20px 40px}.login-card{width:min(440px,100%);background:#fff;border:1px solid #30333b;border-radius:var(--radius-lg);padding:32px;box-shadow:0 12px 50px #0002}.login-logo{display:flex;align-items:center;gap:var(--space-3);margin-bottom:28px}.login-title{font-size:24px;font-weight:600;letter-spacing:-.7px;line-height:1.4;margin:0}.login-logo .muted{font-size:12px;margin-top:3px}.login-card .brand-mark{width:42px;height:42px;font-size:20px;font-weight:600}.login-card .btn{min-height:44px}html[dir=rtl] .brand-sub,html[dir=rtl] .eyebrow,html[dir=rtl] .login-title,html[dir=rtl] .nav-label,html[dir=rtl] .page-title,html[dir=rtl] .section-title,html[dir=rtl] .stat-value{letter-spacing:0}html[dir=rtl] .nav-link{font-size:14px}html[dir=rtl] .nav-label{font-size:11px}html[dir=rtl] .page-subtitle{font-size:14px}html[dir=rtl] .brand-sub{font-size:10px}html[dir=rtl] .table th{letter-spacing:0}html[dir=rtl] .mono,html[dir=rtl] input[type=email]{direction:ltr;text-align:end}@media(min-width:1600px){.main{padding-inline:40px}}@media(max-width:1100px){.app-shell{--sidebar-width:205px}.sidebar{padding-inline:12px}.nav-link{font-size:11px;padding-inline:10px;gap:9px}.topbar{gap:var(--space-3)}.main,.topbar{padding-inline:23px}.topbar-tools{gap:14px}.profile-name{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-layout{grid-template-columns:1fr}.cart{position:static}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.app-shell,.app-shell.collapsed{display:block}.desktop-toggle,.sidebar{display:none}.mobile-toggle{display:inline-grid}.topbar{min-height:67px;padding-inline:22px}.main{padding-top:25px}.grid-2{grid-template-columns:1fr}.nav-drawer .nav-link{font-size:13px;min-height:43px}}@media(max-width:600px){.main{padding:22px 16px calc(88px + env(safe-area-inset-bottom))}.topbar{padding:10px 15px;gap:7px}.topbar-divider{display:none}.topbar-tools{gap:10px}.breadcrumb{font-size:11px;gap:6px}.breadcrumb>a,.breadcrumb>svg{display:none}.topbar-profile .avatar{width:32px;height:32px}.language-toggle{font-size:11px}.topline{flex-direction:column;align-items:stretch;gap:var(--space-4);margin-bottom:20px}.page-title{font-size:26px}.page-actions{gap:8px}.page-actions .btn{flex:1 1}.page-subtitle{font-size:12px}.card{padding:16px}.cards{gap:10px}.stat-value{font-size:23px}.stat-label{font-size:11px}.form-grid,.grid-3{grid-template-columns:1fr}.form-span-2{grid-column:auto}.row.mobile-stack{flex-direction:column;align-items:stretch}.btn{min-height:44px;font-size:12px}.input,.select,.textarea{font-size:16px;min-height:44px}.row-wrap .input[type=date]{flex:1 1 130px;min-width:0;width:auto!important}.table{min-width:600px}.table td,.table th{padding:11px}.table .btn{min-height:38px}.table .input,.table .select{font-size:16px;min-width:100px}.filter-bar{align-items:stretch}.filter-bar>.select{flex:1 1 140px;max-width:none}.filter-bar .search-box{flex-basis:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{padding:10px}.product-card img,.product-placeholder{height:110px}.section-title{font-size:15px}.mobile-nav{position:fixed;bottom:0;inset-inline:0;z-index:40;display:flex;background:#fff;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a,.mobile-nav button{display:flex;flex:1 1;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 3px 8px;min-height:60px;background:transparent;border:0;color:#6c7380;font-size:10px}.mobile-nav .active{color:#a94600;background:#fff9f4}.mobile-nav svg{stroke-width:1.6}.dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.dialog-footer,.dialog-header{padding:14px 16px}.dialog-body{padding:16px}.dialog-footer{flex-wrap:wrap}.login-card{padding:26px 22px}.login-title{font-size:23px}.toast{bottom:80px;inset-inline-end:16px}.pagination{gap:10px}.hide-mobile{display:none}.image-preview{height:min(58vw,260px)}.row-wrap{max-width:100%}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.product-list-row,.request-card{padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.product-list-row:hover{border-color:#cdd1d8;background:#fdfdfe}.request-notes{margin-top:10px;padding:10px 12px;border-radius:6px;background:var(--surface-2);color:var(--muted);font-size:12px}.page-stack>.topline{margin-bottom:0}.page-stack>.grid-2{margin-top:0}.stat-featured{border-color:#efd6c2}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:18px}.section-heading .section-title{margin-bottom:5px}.section-heading p{font-size:12px;margin-bottom:0}.section-heading>*{min-width:0}.record-list{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.record-card{border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:14px;min-width:0;overflow-wrap:anywhere}.record-card+.record-card{margin-top:9px}.record-list>.record-card+.record-card{margin-top:0}.record-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:var(--muted);flex:0 0 auto}.activity-detail{white-space:normal;overflow-wrap:anywhere;max-width:100%}.table .numeric{text-align:end}.permission-panel,.stat-panel{padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);min-width:0}.permission-panel{margin-bottom:16px}.date-controls .input{width:150px}.filter-card{padding:16px}.chart-scroll{max-width:100%;overflow:auto;overscroll-behavior-x:contain}.progress-track{height:6px;overflow:hidden;border-radius:4px;background:#edeff3;margin:10px 0}.progress-track>span{display:block;height:100%;background:var(--accent);border-radius:inherit}.rank-number{color:#b54d08;display:inline-block;-webkit-margin-end:8px;margin-inline-end:8px;font-weight:600}.stock-value-row{display:grid;grid-template-columns:46px minmax(0,1fr);grid-gap:var(--space-3);gap:var(--space-3);align-items:center}.stock-value-row .product-thumb{display:grid;place-items:center;overflow:hidden;color:var(--muted)}.stock-value-row .product-thumb img{width:100%;height:100%;padding:3px;object-fit:contain}.report-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));grid-gap:14px;gap:14px}.report-product{padding:10px;overflow:hidden}.report-product-image{display:grid;place-items:center;height:148px;border-radius:7px;background:var(--surface-2);position:relative;color:var(--muted)}.report-product-image img{width:100%;height:100%;padding:10px;object-fit:contain}.report-product-rank{position:absolute;inset-block-start:8px;inset-inline-start:8px;background:white}.report-product-info{padding:12px 4px 4px}.report-product-info>b{display:block;min-height:38px;font-size:13px}.report-product-info .stat-note{margin-bottom:0}.auth-heading{margin-bottom:26px}.auth-heading p{margin:7px 0 0;font-size:12px}.auth-submit{width:100%;margin-top:16px}.auth-footer{display:flex;justify-content:center;gap:6px;font-size:12px}.auth-footer a{color:#aa4600;font-weight:500}.login-logo>span:last-child{font-size:13px;font-weight:500}html[dir=rtl] .directional-icon{transform:rotate(180deg)}.mobile-sales{display:none}.cp-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:13px;gap:13px}.cp-section-head{gap:18px;margin-bottom:18px}.cp-section-head>*{min-width:0}.cp-section-head h2{margin:4px 0;font-size:16px;font-weight:600;letter-spacing:-.25px}.cp-section-head p{color:var(--muted);font-size:12px;margin-bottom:0}.cp-kicker{color:var(--muted);font-size:9px;font-weight:500;letter-spacing:.8px}.cp-five-grid,.cp-four-grid,.cp-partner-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.cp-four-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cp-five-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.cp-partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-five-grid>div,.cp-four-grid>div,.cp-partner-grid>div{display:grid;align-content:start;grid-gap:8px;gap:8px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.cp-five-grid span,.cp-four-grid span,.cp-partner-grid span{color:var(--muted);font-size:11px}.cp-five-grid b,.cp-four-grid b,.cp-partner-grid b{font-size:20px;line-height:1.4;overflow-wrap:anywhere;letter-spacing:-.3px}.cp-five-grid>.cp-highlight,.cp-four-grid>.cp-highlight,.cp-partner-grid>.cp-highlight{border-color:#efd6c2;background:white}.cp-filter{margin-bottom:18px}.cp-filter .input{width:150px}.cp-page .grid-2{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.cp-explainer{display:grid;grid-template-columns:34px minmax(0,1fr);grid-gap:14px;gap:14px}.cp-explainer h3{font-size:14px;font-weight:600;margin:0 0 10px}.cp-explainer p{color:var(--muted);font-size:12px;line-height:1.7;margin:10px 0}.cp-explainer code{display:block;padding:8px 10px;background:var(--surface-2);color:var(--muted);font-size:11px;border-radius:5px;overflow-wrap:anywhere}.cp-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:8px}.cp-icon svg{width:18px;height:18px}.cp-big{font-size:25px;font-weight:600;letter-spacing:-.6px;overflow-wrap:anywhere}.cp-entitlement{display:grid;grid-gap:9px;gap:9px;padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2)}.cp-entitlement>span{color:var(--muted);font-size:12px}.cp-entitlement>b{font-size:26px;overflow-wrap:anywhere;letter-spacing:-.7px}.cp-entitlement small{color:var(--muted);font-size:11px}.cp-history{border:1px solid var(--border);border-radius:8px;overflow:auto}.cp-history-row{grid-template-columns:95px 145px 120px minmax(130px,1fr) 110px 90px;grid-gap:var(--space-3);gap:var(--space-3);padding:13px 14px;border-bottom:1px solid var(--border);font-size:12px;min-width:810px}.cp-history-row>*{min-width:0;overflow-wrap:anywhere}.cp-history-row:last-child{border-bottom:0}.cp-history-head{background:var(--surface-2);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.3px}.cp-actions .btn{padding:7px;min-height:32px}html[dir=rtl] .cp-history-head,html[dir=rtl] .cp-kicker{letter-spacing:0}@media(max-width:1100px){.cp-five-grid,.cp-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-partner-grid{grid-template-columns:1fr}}@media(max-width:700px){.cp-section-head,.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.cp-section-head>.btn{width:100%}.cp-five-grid,.cp-four-grid,.cp-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-page .grid-2{grid-template-columns:1fr}.cp-history{border:0;overflow:visible;display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.cp-history-row{min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:1px solid var(--border);border-radius:8px;padding:14px}.cp-history-row:last-child{border-bottom:1px solid var(--border)}.cp-history-head{display:none}.cp-history-row>b,.cp-history-row>span{display:grid;grid-gap:5px;gap:5px}.cp-history-row>[data-label]:before{content:attr(data-label);font-size:10px;color:var(--muted);font-weight:400}.cp-history-row .cp-actions{display:flex;flex-wrap:wrap}.cp-history-row .cp-actions:before,.date-controls{width:100%}.date-controls .input{flex:1 1 120px;width:120px}.date-controls .btn{width:100%}.desktop-sales{display:none}.mobile-sales{display:grid;grid-gap:10px;gap:10px}.mobile-sales .record-card{display:grid;grid-gap:9px;gap:9px;margin:0}}@media(max-width:430px){.cp-five-grid b,.cp-four-grid b,.cp-summary-grid .stat-value{font-size:20px}.cp-summary-grid .card{padding:14px}.cp-history-row{grid-template-columns:1fr}.cp-filter .input{width:100%}}.cards.metric-grid{grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr))}.report-product-image{grid-template-rows:minmax(0,1fr);overflow:hidden}.report-product-image img{min-width:0;min-height:0;max-height:100%;display:block}.bulk-supplier{max-width:260px}.bulk-assignment>.btn{white-space:nowrap}@media(max-width:600px){.bulk-actions .bulk-assignment,.bulk-actions .bulk-selection{width:100%;flex-basis:100%!important}.bulk-actions .bulk-supplier{max-width:none;width:100%}.bulk-assignment>.btn{width:100%}}.cp-page{--cp-ink:#24211e;--cp-muted:#756d65;--cp-line:#e8dfd5;--cp-paper:#fffdf9;--cp-orange:#f26b21;display:grid;grid-gap:18px;gap:18px}.cp-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:28px;border-radius:22px;color:#fff;background:radial-gradient(circle at 80% 20%,rgba(242,107,33,.38),transparent 35%),linear-gradient(135deg,#1f1d1a,#35302b)}.cp-hero:after{content:"";position:absolute;inset:auto -50px -90px auto;width:220px;aspect-ratio:1;border:35px solid rgba(255,255,255,.05);border-radius:50%}.cp-hero h1{margin:8px 0 6px;font-size:clamp(2rem,4vw,3.6rem);line-height:.95;letter-spacing:-.045em}.cp-hero p{margin:0;max-width:640px;color:rgba(255,255,255,.72)}.cp-eyebrow,.cp-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--cp-orange);font-size:.72rem;font-weight:800;letter-spacing:.14em}.cp-hero-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end}.cp-button{min-height:42px;padding:0 15px;border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:750;cursor:pointer}.cp-button:disabled{opacity:.5;cursor:not-allowed}.cp-button-dark{color:#fff;background:#151311;border-color:rgba(255,255,255,.14)}.cp-button-accent{color:#fff;background:var(--cp-orange)}.cp-button-ghost{color:var(--cp-ink);background:#fff;border-color:var(--cp-line)}.cp-hero .cp-button-ghost{color:#fff;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2)}.cp-alert{padding:14px 16px;border-radius:13px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}.cp-alert span{flex:1 1 500px}.cp-alert-warning{color:#74400b;background:#fff3d6;border:1px solid #f3cf83}.cp-alert-error{color:#8d2020;background:#fff0ee;border:1px solid #efb8b2}.cp-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.cp-metric{min-height:132px;padding:20px;border:1px solid var(--cp-line);border-radius:18px;display:flex;flex-direction:column;justify-content:space-between;background:var(--cp-paper);box-shadow:0 10px 28px rgba(41,31,23,.045)}.cp-metric span,.cp-mini-metric span{color:var(--cp-muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.cp-metric strong{font-size:clamp(1.35rem,2.4vw,2.05rem);letter-spacing:-.035em}.cp-metric-charcoal{color:#fff;background:var(--cp-ink);border-color:var(--cp-ink)}.cp-metric-charcoal span{color:rgba(255,255,255,.62)}.cp-metric-accent{border-top:4px solid var(--cp-orange)}.cp-metric-green{border-top:4px solid #32835a}.cp-metric-danger{border-top:4px solid #c83b32}.cp-panel{padding:22px;border:1px solid var(--cp-line);border-radius:19px;background:var(--cp-paper);box-shadow:0 12px 32px rgba(41,31,23,.04)}.cp-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:17px}.cp-section-head h2{margin:3px 0 0;color:var(--cp-ink);font-size:1.25rem;letter-spacing:-.02em}.cp-section-head p{margin:7px 0 0;color:var(--cp-muted);max-width:720px}.cp-section-head-wrap{flex-wrap:wrap}.cp-table-wrap{overflow-x:auto}.cp-partner-table{width:100%;min-width:720px;border-collapse:collapse}.cp-partner-table th{padding:11px 13px;color:var(--cp-muted);background:#f7f2ec;text-align:start;font-size:.72rem;letter-spacing:.045em;text-transform:uppercase}.cp-partner-table th:first-child{border-radius:10px 0 0 10px}[dir=rtl] .cp-partner-table th:first-child{border-radius:0 10px 10px 0}.cp-partner-table td{padding:16px 13px;border-bottom:1px solid var(--cp-line);color:#4e4740;white-space:nowrap}.cp-partner-table tfoot td{color:var(--cp-ink);background:#fff7ef;font-weight:800;border-bottom:0}.cp-partner-name{color:var(--cp-ink);font-weight:850;font-size:1rem}.cp-share-pill{padding:5px 9px;border-radius:999px;color:#a9440c;background:#ffeadb;font-weight:800}.cp-date-filter{display:flex;flex-wrap:wrap;gap:9px}.cp-date-filter label,.cp-form label{display:grid;grid-gap:6px;gap:6px;color:var(--cp-muted);font-size:.78rem;font-weight:750}.cp-date-filter input,.cp-form input,.cp-form select,.cp-form textarea{min-height:42px;padding:9px 11px;border:1px solid #dcd1c6;border-radius:10px;color:var(--cp-ink);background:#fff;font:inherit}.cp-financial-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.cp-mini-metric{padding:16px;border:1px solid var(--cp-line);border-radius:13px;display:grid;grid-gap:8px;gap:8px;background:#fff}.cp-mini-metric strong{color:var(--cp-ink);font-size:1.08rem}.cp-mini-strong{color:#fff;background:var(--cp-ink);border-color:var(--cp-ink)}.cp-mini-strong span,.cp-mini-strong strong{color:#fff}.cp-closing-panel{background:linear-gradient(145deg,#fffdf9,#faf3ea)}.cp-closing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.cp-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;align-items:start}.cp-history-panel{min-width:0}.cp-history-list{display:grid;grid-gap:8px;gap:8px}.cp-history-row{padding:13px;border:1px solid var(--cp-line);border-radius:12px;display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,auto) minmax(100px,1fr) auto;align-items:center;grid-gap:10px;gap:10px;background:#fff}.cp-history-row>div{display:grid;grid-gap:2px;gap:2px}.cp-history-row p,.cp-history-row span{margin:0;color:var(--cp-muted);font-size:.76rem}.cp-capital-history-row{position:relative;grid-template-columns:minmax(180px,1.25fr) minmax(145px,auto) minmax(120px,1fr) auto;overflow:hidden;border-color:#e6d7c9;background:linear-gradient(115deg,#fff,#fffaf4)}.cp-capital-history-row:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:4px;background:var(--cp-orange)}.cp-history-identity{display:flex!important;grid-auto-flow:row!important;align-items:center;gap:11px}.cp-history-mark{width:38px;height:38px;flex:0 0 38px;border-radius:11px;display:grid;place-items:center;color:#fff!important;background:var(--cp-ink);font-size:.9rem!important;font-weight:900}.cp-history-type{margin-top:3px!important;color:#a84b16!important;font-weight:750}.cp-history-value{text-align:end}.cp-history-value strong{color:var(--cp-ink);font-size:1rem}.cp-history-note{padding:7px 10px;border-radius:8px;background:rgba(242,107,33,.06)}.cp-row-actions{display:flex!important;grid-auto-flow:column}.cp-modal header button,.cp-row-actions button{width:34px;height:34px;border:1px solid var(--cp-line);border-radius:9px;display:grid;place-items:center;color:var(--cp-muted);background:#fff;cursor:pointer}.cp-empty{text-align:center;padding:24px}.cp-empty,.cp-state{color:var(--cp-muted)}.cp-state{min-height:280px;display:flex;align-items:center;justify-content:center;gap:10px}.cp-spin{animation:cp-spin 1s linear infinite}@keyframes cp-spin{to{transform:rotate(1turn)}}.cp-modal-backdrop{position:fixed;z-index:1000;inset:0;padding:18px;display:grid;place-items:center;background:rgba(25,21,18,.65);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cp-modal{width:min(620px,100%);max-height:calc(100vh - 36px);overflow-y:auto;border-radius:18px;background:var(--cp-paper);box-shadow:0 30px 90px rgba(0,0,0,.28)}.cp-modal header{padding:18px 20px;border-bottom:1px solid var(--cp-line);display:flex;align-items:center;justify-content:space-between}.cp-modal header h2{margin:0;font-size:1.2rem}.cp-form{padding:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.cp-form textarea{min-height:86px;resize:vertical}.cp-form-actions,.cp-form-wide{grid-column:1/-1}.cp-form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:4px}@media (max-width:1000px){.cp-hero{align-items:flex-start;flex-direction:column}.cp-hero-actions{justify-content:flex-start}.cp-closing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-history-grid{grid-template-columns:1fr}}@media (max-width:720px){.cp-page{gap:12px}.cp-hero,.cp-panel{padding:17px;border-radius:15px}.cp-hero-actions,.cp-hero-actions .cp-button{width:100%}.cp-financial-strip,.cp-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-metric{min-height:112px;padding:15px}.cp-history-row{grid-template-columns:1fr auto}.cp-history-row p{grid-column:1/-1}.cp-row-actions{grid-column:2;grid-row:1/span 2}.cp-capital-history-row{grid-template-columns:1fr auto;padding:14px 12px 14px 16px}[dir=rtl] .cp-capital-history-row{padding:14px 16px 14px 12px}.cp-capital-history-row .cp-history-value{grid-column:1;text-align:start;-webkit-padding-start:49px;padding-inline-start:49px}.cp-capital-history-row .cp-history-note{grid-column:1/-1}.cp-capital-history-row .cp-row-actions{grid-column:2;grid-row:1/span 2}}@media (max-width:480px){.cp-closing-grid,.cp-financial-strip,.cp-form,.cp-metric-grid{grid-template-columns:1fr}.cp-form-actions,.cp-form-wide{grid-column:auto}.cp-date-filter,.cp-date-filter label{width:100%}}