:root{--primary: #961712;--primary-deep: #6f0f0c;--primary-tint: #f3e1df;--gold: #b08d4f;--bg: #faf8f5;--surface: #ffffff;--surface-2: #f4f1ec;--border: #eae6df;--border-strong: #ddd7cc;--text: #1c1a18;--text-muted: #76706a;--text-on-primary: #ffffff;--font-head: "Tenor Sans", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, monospace;--head-weight: 400;--head-spacing: .6px;--head-scale: 1;--radius: 16px;--radius-sm: calc(var(--radius) * .6);--radius-lg: calc(var(--radius) * 1.4);--shadow-sm: 0 1px 2px rgba(40, 20, 15, .06), 0 2px 8px rgba(40, 20, 15, .05);--shadow-md: 0 6px 18px rgba(60, 25, 18, .1), 0 2px 6px rgba(60, 25, 18, .06);--shadow-lg: 0 24px 60px rgba(60, 25, 18, .16), 0 8px 22px rgba(60, 25, 18, .08);--ease: cubic-bezier(.22, .61, .36, 1);--status-in-text: #1f7a4d;--status-in-bg: #e7f4ec;--status-low-text: #9a6b00;--status-low-bg: #fbf0d8;--status-out-text: #9a2820;--status-out-bg: #f7e3e1;--whatsapp: #25d366;--whatsapp-deep: #1fc35d;--whatsapp-text: #07321b;--whatsapp-bubble: #dcf8c6;--danger: #c0463c;--disabled-opacity: .5;--hover-overlay: rgba(0, 0, 0, .04);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow-x:hidden;font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}h1,h2,h3,.head{font-family:var(--font-head);font-weight:var(--head-weight);letter-spacing:var(--head-spacing);line-height:1.08;margin:0}p{margin:0}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-track{background:transparent}.divider{height:1px;background:var(--border);border:0}.muted{color:var(--text-muted)}.eyebrow{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--primary);font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:13px 22px;font-size:14px;font-weight:600;letter-spacing:.3px;transition:transform .15s var(--ease),background .2s,box-shadow .2s,color .2s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--text-on-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--primary-deep);box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.btn-ghost:hover:not(:disabled){background:var(--surface-2)}.btn-block{width:100%}.btn-lg{padding:16px 26px;font-size:15px}.btn-sm{padding:8px 14px;font-size:12.5px}.btn-danger{background:var(--danger);color:#fff}.btn-wa{background:var(--whatsapp);color:var(--whatsapp-text);box-shadow:0 6px 16px #25d3664d}.btn-wa:hover:not(:disabled){background:var(--whatsapp-deep)}.icon-btn{width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:background .2s,color .2s}.icon-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.c-user-menu{display:flex;align-items:center;gap:12px;flex:none}.c-user-avatar{width:36px;height:36px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-weight:700;font-size:14px;color:var(--primary);border:1px solid var(--border)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.4px;padding:5px 10px;border-radius:999px;text-transform:uppercase}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-in{color:var(--status-in-text);background:var(--status-in-bg)}.badge-low{color:var(--status-low-text);background:var(--status-low-bg)}.badge-out{color:var(--status-out-text);background:var(--status-out-bg)}.price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.price-now{font-family:var(--font-head);font-weight:var(--head-weight);color:var(--primary);font-size:calc(26px * var(--head-scale));line-height:1}.price-was{color:var(--text-muted);text-decoration:line-through;font-size:14px}.price-off{color:var(--status-in-text);background:var(--status-in-bg);font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;letter-spacing:.3px}.field{display:block}.field-label{display:block;font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--text-muted);margin-bottom:7px;text-transform:uppercase}.input,.select,.textarea{width:100%;font-family:var(--font-body);font-size:14px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:12px 14px;transition:border .2s,box-shadow .2s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}.input:disabled,.select:disabled,.textarea:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.textarea{resize:none;min-height:84px;line-height:1.5}.field-error{display:block;margin-top:6px;font-size:12px;color:var(--danger)}.field.has-error .input,.field.has-error .select,.field.has-error .textarea{border-color:var(--danger)}.field.has-error .input:focus,.field.has-error .select:focus,.field.has-error .textarea:focus{box-shadow:0 0 0 2px var(--danger)}.chip{flex:none;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);transition:all .18s var(--ease)}.chip:hover{border-color:var(--primary);color:var(--primary)}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.switch{width:46px;height:26px;border-radius:99px;background:var(--border-strong);position:relative;transition:background .2s;flex:none;border:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.switch.on{background:var(--primary)}.switch.on:after{transform:translate(20px)}.logo{display:inline-flex;align-items:center;gap:10px}.logo-mark{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-family:var(--font-head);font-weight:var(--head-weight);font-size:19px;line-height:1;box-shadow:inset 0 0 0 2px #ffffff2e,0 0 0 1px var(--primary-deep)}.logo-mark.lg{width:60px;height:60px;font-size:32px}.logo-word{font-family:var(--font-head);font-weight:var(--head-weight);font-size:24px;letter-spacing:2px;color:var(--text);text-transform:uppercase}.logo-word .em{color:var(--primary)}.logo-sub{font-family:var(--font-body);font-size:9.5px;letter-spacing:3.5px;text-transform:uppercase;color:var(--text-muted);display:block;margin-top:2px;font-weight:500}.ph{position:relative;overflow:hidden;width:100%;height:100%;min-height:0;grid-area:1/1;background-color:var(--ph-tone, #8d1410);background-image:radial-gradient(120% 90% at 50% 12%,rgba(255,255,255,.18),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 30%,rgba(0,0,0,.3) 100%);display:grid;place-items:center}.ph-img{width:100%;height:100%;object-fit:cover;grid-area:1/1}.ph-label{position:relative;z-index:1;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:lowercase;color:#ffffffd1;background:#00000047;padding:5px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.18)}.sakhi-view{container:sakhi/inline-size;min-height:100%}.c-screen{min-height:100%;display:flex;flex-direction:column}.c-stickytop{position:sticky;top:0;z-index:30;background:var(--bg)}.c-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg);border-bottom:1px solid var(--border);max-width:100%;overflow:hidden}@container sakhi (max-width: 759px){.c-header{gap:8px;padding:12px 14px}.c-header .logo-word,.c-header .logo-sub{display:none}}.c-search{display:flex;align-items:center;gap:10px;flex:1;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:10px 16px;color:var(--text-muted)}.c-search input{border:0;background:none;outline:none;font-family:var(--font-body);font-size:14px;color:var(--text);width:100%}.c-headtitle{font-family:var(--font-head);font-weight:var(--head-weight);font-size:calc(20px * var(--head-scale));letter-spacing:.3px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-hero{padding:22px 18px 8px}.c-hero .eyebrow{display:block;margin-bottom:6px}.c-hero h1{font-size:calc(30px * var(--head-scale))}.c-hero p{color:var(--text-muted);font-size:14px;margin-top:8px;max-width:60ch}.c-cats{display:flex;gap:9px;overflow-x:auto;padding:14px 18px 6px;scrollbar-width:none}.c-cats::-webkit-scrollbar{display:none}.c-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:14px 18px 28px}.gcell{display:flex;flex-direction:column;gap:8px;min-width:0}.gcell-price{padding:0 2px}.gtile{border:none;background:none;padding:0;cursor:pointer;display:block;text-align:left;min-width:0;width:100%}.gtile.is-out{opacity:.5}.gtile-img{position:relative;aspect-ratio:3/4;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .22s var(--ease),box-shadow .22s var(--ease)}.gtile:hover .gtile-img{transform:translateY(-4px);box-shadow:var(--shadow-md)}.gtile:active .gtile-img{transform:scale(.96)}.gtile-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:26px 12px 10px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.62));color:#fff;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 18px 28px}.cat-tile{border:none;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;gap:9px;width:100%}.cat-thumb{aspect-ratio:3/4;border-radius:var(--radius-sm);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.category-image{width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;display:block}.cat-tile:hover .cat-thumb{transform:translateY(-3px);box-shadow:var(--shadow-md)}.cat-tile:active .cat-thumb{transform:scale(.96)}.cat-tile.is-highlighted .cat-thumb{border:2px solid var(--primary);box-shadow:0 6px 18px color-mix(in srgb,var(--primary) 35%,transparent),var(--shadow-sm);position:relative}.cat-tile.is-highlighted:hover .cat-thumb{box-shadow:0 8px 22px color-mix(in srgb,var(--primary) 45%,transparent),var(--shadow-md)}.cat-tile.is-highlighted .cat-badge{position:absolute;top:8px;left:8px;z-index:1;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:var(--primary);color:var(--text-on-primary);font-size:10.5px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;box-shadow:var(--shadow-sm)}.cat-tile.is-highlighted .cat-name{color:var(--primary);font-weight:700}.cat-name{font-family:var(--font-head);font-weight:var(--head-weight);font-size:calc(14px * var(--head-scale));line-height:1.15;color:var(--text);text-align:center;text-wrap:balance}.c-detail{min-height:100%;display:flex;flex-direction:column}.detail-gallery{background:#141414;--surface: #232323;--surface-2: #1c1c1c;--border: rgba(255, 255, 255, .14);--border-strong: rgba(255, 255, 255, .26);--text: #ffffff;--text-muted: rgba(255, 255, 255, .64);padding-bottom:8px}.detail-hero{position:relative;aspect-ratio:3/4;display:grid}.detail-hero--single{aspect-ratio:auto;height:min(72vh,640px)}.detail-info{padding:6px 20px 30px;display:flex;flex-direction:column;gap:16px}.detail-title h1{font-size:calc(30px * var(--head-scale))}.detail-specs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.spec{background:var(--surface);padding:13px 15px}.spec .k{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted)}.spec .v{font-size:15px;font-weight:600;margin-top:3px}.detail-price{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:var(--surface-2);border-radius:var(--radius)}.detail-actions{display:flex;gap:12px}.detail-actions .btn{flex:1}.c-actionbar{display:flex;gap:12px;padding:14px 18px calc(14px + env(safe-area-inset-bottom))}.c-actionbar .btn{flex:1}sakhi-share-product{position:sticky;bottom:0;z-index:20;background:var(--bg);border-top:1px solid var(--border)}.sheet-scrim{position:fixed;inset:0;z-index:80;background:#140c0a8c;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:460px;background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:8px 20px 26px;box-shadow:var(--shadow-lg)}.sheet-grab{width:42px;height:4px;border-radius:99px;background:var(--border-strong);margin:8px auto 14px}@container sakhi (min-width: 760px){.c-header{padding:18px 40px}.c-search{max-width:380px}.c-hero{padding:34px 40px 8px}.c-hero h1{font-size:calc(46px * var(--head-scale))}.c-cats{padding:18px 40px 6px;flex-wrap:wrap}.c-grid{grid-template-columns:repeat(4,1fr);gap:22px;padding:22px 40px 50px;max-width:1320px;margin:0 auto;width:100%}.cat-grid{grid-template-columns:repeat(4,1fr);gap:16px;padding:18px 40px 50px;max-width:1100px;margin:0 auto;width:100%}.cat-name{font-size:calc(17px * var(--head-scale))}.c-detail-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;max-width:1240px;margin:0 auto;width:100%;padding:30px 40px 60px;align-items:start}.detail-gallery{position:sticky;top:90px;border-radius:var(--radius-lg);overflow:hidden}.detail-hero{aspect-ratio:auto;height:500px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.detail-hero--single{height:580px}.img-thumb{width:80px}.detail-info{padding:0}.detail-title h1{font-size:calc(42px * var(--head-scale))}sakhi-share-product{position:static;background:none;border-top:0}.c-actionbar{max-width:1240px;margin:0 auto;padding:4px 40px 60px}}@container sakhi (max-width: 759px){.c-header.with-inset{padding-top:24px}}.c-login{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 22px;position:relative}.login-top{position:absolute;top:0;left:0;right:0;height:38%;background:linear-gradient(160deg,var(--primary),var(--primary-deep))}@container sakhi (max-width: 759px){.login-top{top:0;height:30%}}.login-card{position:relative;z-index:2;width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 26px;box-shadow:var(--shadow-lg)}.login-h{font-size:calc(28px * var(--head-scale));text-align:center}.login-sub{text-align:center;color:var(--text-muted);font-size:13.5px;line-height:1.5;margin-top:8px}.phone-input{display:flex;align-items:stretch}.phone-input .cc{display:grid;place-items:center;padding:0 14px;font-weight:600;font-size:14px;background:var(--surface-2);border:1px solid var(--border-strong);border-right:none;border-radius:var(--radius-sm) 0 0 var(--radius-sm);color:var(--text)}.phone-input .input{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.login-fine{text-align:center;font-size:11.5px;color:var(--text-muted);margin-top:16px}.otp-row{display:flex;gap:12px;justify-content:center;margin-top:24px}.otp-box{width:56px;height:64px;text-align:center;font-size:26px;font-weight:600;font-family:var(--font-head);color:var(--text);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);outline:none}.otp-box:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}.login-resend{text-align:center;font-size:13px;color:var(--text-muted);margin-top:18px}.login-resend button{border:none;background:none;color:var(--primary);font-weight:600;font-family:inherit;font-size:13px;padding:0}.login-foot{position:relative;z-index:2;text-align:center;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-top:22px}.admin-login{height:100%;display:grid;place-items:center;padding:30px;background:radial-gradient(120% 80% at 80% -10%,color-mix(in srgb,var(--primary) 16%,var(--bg)),transparent 60%),var(--bg)}.admin-login-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:34px 30px;box-shadow:var(--shadow-lg);text-align:center}.admin-login-card .form-rows,.admin-login-card .field{text-align:left}.admin-login-tag{display:inline-block;margin-top:14px;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--primary);background:var(--primary-tint);padding:5px 12px;border-radius:999px}.admin{min-height:100vh;background:var(--bg)}.a-sidebar{position:fixed;top:0;left:0;width:248px;height:100vh;overflow-y:auto;z-index:40;background:var(--primary-deep);color:#fff;display:flex;flex-direction:column;padding:22px 16px;transition:transform .25s ease}.a-sidebar .logo-word,.a-sidebar .logo-word .em{color:#fff}.a-sidebar .logo-sub{color:#fff9}.a-sidebar .logo-mark{background:#fff;color:var(--primary);box-shadow:none}.a-nav{display:flex;flex-direction:column;gap:4px;margin-top:30px}.a-navitem{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:#ffffffc7;font-size:14px;font-weight:600;background:none;border:none;width:100%;text-align:left;transition:background .18s,color .18s}.a-navitem:hover{background:#ffffff1a;color:#fff}.a-navitem.active{background:#fff;color:var(--primary-deep)}.a-navitem.active svg{color:var(--primary)}.a-nav .sep{height:1px;background:#ffffff24;margin:12px 4px}.a-side-foot{margin-top:auto}.a-main{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.a-topbar{display:flex;align-items:center;gap:16px;padding:18px 28px;background:var(--surface);border-bottom:1px solid var(--border)}.a-topbar h2{font-size:calc(24px * var(--head-scale))}.a-hamburger{display:none}.a-avatar{width:38px;height:38px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-weight:700;color:var(--primary);font-size:14px;border:1px solid var(--border)}.a-body{padding:26px 28px;flex:1}.a-drawer-backdrop{position:fixed;inset:0;background:#0006;z-index:39}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.stat .ico{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--primary-tint);color:var(--primary);margin-bottom:14px}.stat .n{font-family:var(--font-head);font-weight:var(--head-weight);font-size:calc(32px * var(--head-scale));color:var(--text);line-height:1}.stat .l{font-size:13px;color:var(--text-muted);margin-top:6px}.stat .trend{font-size:12px;font-weight:700;color:var(--status-in-text);margin-top:8px}.a-section{margin-top:26px}.a-section-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.a-section-head h3{font-size:calc(20px * var(--head-scale))}.ptable{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;border-collapse:collapse;box-shadow:var(--shadow-sm)}.ptable th{text-align:left;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);font-weight:700;padding:14px 18px;background:var(--surface-2);border-bottom:1px solid var(--border)}.ptable td{padding:13px 18px;border-bottom:1px solid var(--border);font-size:14px;vertical-align:middle}.ptable tr:last-child td{border-bottom:none}.ptable tr:hover td{background:color-mix(in srgb,var(--surface-2) 50%,transparent)}.ptable .pcell{display:flex;align-items:center;gap:12px}.ptable .pthumb{width:42px;height:56px;border-radius:8px;overflow:hidden;position:relative;flex:none;display:grid}.ptable .pname{font-weight:600}.ptable .pcat{font-size:12px;color:var(--text-muted)}.tbtn{width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:var(--surface);display:inline-grid;place-items:center;color:var(--text-muted);transition:all .18s}.tbtn:hover{color:var(--primary);border-color:var(--primary)}.tbtn.danger:hover{color:#fff;background:var(--danger);border-color:var(--danger)}.row-actions{display:flex;gap:8px}.dgrid-pager{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:16px;font-size:13px;color:var(--text-muted)}.dgrid-empty{padding:40px 18px;text-align:center;color:var(--text-muted)}.a-tools{display:flex;gap:12px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.a-search{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--border-strong);border-radius:10px;padding:10px 14px;min-width:260px}.a-search input{border:0;outline:0;background:none;font-family:var(--font-body);font-size:14px;color:var(--text);width:100%}.seg{display:inline-flex;background:var(--surface-2);border-radius:10px;padding:4px;gap:2px}.seg button{border:none;background:none;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;color:var(--text-muted)}.seg button.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.edit-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}.edit-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow-sm)}.edit-card+.edit-card{margin-top:20px}.edit-card h4{font-size:calc(17px * var(--head-scale));margin-bottom:16px}.form-rows{display:flex;flex-direction:column;gap:16px}.form-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.toggle-row{display:flex;align-items:center;gap:12px;padding:12px 0}.grid-order-input{width:76px;padding:8px 10px;text-align:center}.grid-image-btn{border:0;background:none;padding:0;cursor:zoom-in;display:block}.wizard-steps{display:flex;gap:10px;margin-bottom:20px}.wizard-step{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s}.wizard-step .num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);font-size:12.5px;flex:none}.wizard-step.is-active{border-color:var(--primary);color:var(--text)}.wizard-step.is-active .num{background:var(--primary);color:#fff}.wizard-step.is-done{color:var(--text)}.wizard-step.is-done .num{background:var(--primary-tint);color:var(--primary)}.wizard-step:disabled{opacity:.55;cursor:not-allowed}.sim-preview{position:relative;width:160px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm);display:grid}.sim-preview .main-tag{position:absolute;top:10px;left:10px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 9px;border-radius:99px;text-transform:uppercase}.sim-actions{display:flex;gap:8px;margin-top:12px}.sim-note{margin-top:12px;font-size:12.5px;color:var(--danger)}.sim-note .sim-undo{border:none;background:none;color:var(--primary);font-weight:600;font-size:12.5px;cursor:pointer;text-decoration:underline;padding:0;margin-left:6px}.notif-preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:14px 16px;max-width:420px}.notif-preview .app-line{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.notif-preview .t{font-weight:700;font-size:14px;overflow-wrap:anywhere}.notif-preview .m{font-size:13px;color:var(--text-muted);margin-top:2px;overflow-wrap:anywhere}.notif-preview img{margin-top:12px;width:100%;max-height:220px;object-fit:cover;border-radius:10px;display:block}.img-uploader{border:2px dashed var(--border-strong);border-radius:var(--radius);padding:34px;text-align:center;background:var(--surface);transition:border .2s,background .2s;cursor:pointer}.img-uploader:hover{border-color:var(--primary);background:var(--primary-tint)}.img-uploader .ico{width:52px;height:52px;border-radius:14px;background:var(--primary-tint);color:var(--primary);display:grid;place-items:center;margin:0 auto 14px}.img-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin-top:20px}.img-tile{position:relative;aspect-ratio:3/4;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm);display:grid}.img-tile .ovl{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55));opacity:0;transition:opacity .2s;display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:12px}.img-tile:hover .ovl{opacity:1}.img-tile .main-tag{position:absolute;top:10px;left:10px;background:var(--primary);color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 9px;border-radius:99px;text-transform:uppercase}.iovl-btn{width:36px;height:36px;border-radius:9px;border:none;background:#ffffffeb;color:var(--text);display:grid;place-items:center}.iovl-btn.danger{color:var(--danger)}.upload-container{width:100%;display:flex;flex-direction:column;gap:20px}.upload-drop-zone{width:100%;min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface);transition:border .2s,background .2s;cursor:pointer;text-align:center;padding:24px}.upload-drop-zone:hover,.upload-drop-zone.is-dragging{border-color:var(--primary);background:var(--primary-tint)}.upload-drop-zone .ico{width:52px;height:52px;border-radius:14px;background:var(--primary-tint);color:var(--primary);display:grid;place-items:center;margin-bottom:14px}.image-preview-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.image-card{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-sm);background:var(--surface-2)}.image-card img{width:100%;height:100%;object-fit:cover;display:block}.image-card .ovl{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55));opacity:0;transition:opacity .2s;display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:12px}.image-card:hover .ovl{opacity:1}.image-card.is-error{box-shadow:0 0 0 2px var(--danger)}.crop-stage{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:grid;place-items:center}.crop-frame{position:relative;width:260px;aspect-ratio:3/4;border-radius:10px;overflow:hidden;box-shadow:0 0 0 2px var(--primary),0 0 0 9999px #140c0a2e;display:grid}.crop-grid-ovl{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent calc(33.33% - .5px),rgba(255,255,255,.5) 33.33%,rgba(255,255,255,.5) calc(33.33% + .5px),transparent calc(33.33% + .5px)),linear-gradient(to right,transparent calc(66.66% - .5px),rgba(255,255,255,.5) 66.66%,rgba(255,255,255,.5) calc(66.66% + .5px),transparent calc(66.66% + .5px)),linear-gradient(to bottom,transparent calc(33.33% - .5px),rgba(255,255,255,.5) 33.33%,rgba(255,255,255,.5) calc(33.33% + .5px),transparent calc(33.33% + .5px)),linear-gradient(to bottom,transparent calc(66.66% - .5px),rgba(255,255,255,.5) 66.66%,rgba(255,255,255,.5) calc(66.66% + .5px),transparent calc(66.66% + .5px))}.cropper-stage{width:min(600px,85vw);height:min(560px,70vh);margin:0 auto}.cropper-controls{display:flex;gap:8px;justify-content:center;margin-top:14px}.upload-progress{position:absolute;left:0;right:0;bottom:0;height:5px;background:#ffffff59}.upload-progress .bar{height:100%;background:var(--primary);transition:width .2s}.img-tile.is-error{box-shadow:0 0 0 2px var(--danger)}.stock-list{display:flex;flex-direction:column;gap:12px}.stock-row{display:flex;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;box-shadow:var(--shadow-sm)}.stock-row.is-hidden{opacity:.6}.stock-row .pthumb{width:45px;height:60px;border-radius:8px;overflow:hidden;position:relative;flex:none;display:grid}.stock-row .info{flex:1;min-width:0}.stock-row .info .n{font-weight:600}.stock-row .info .m{font-size:12px;color:var(--text-muted);margin-top:2px}.stock-seg{display:inline-flex;background:var(--surface-2);border-radius:9px;padding:3px}.stock-seg button{border:none;background:none;padding:7px 13px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--text-muted)}.stock-seg button.on-in{background:var(--status-in-text);color:#fff}.stock-seg button.on-low{background:#c8920a;color:#fff}.stock-seg button.on-out{background:var(--danger);color:#fff}.vis-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);background:none;border:none}.dgrid-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius)}.dgrid-scroll .ptable{min-width:560px}.a-fab{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:45;width:56px;height:56px;border-radius:50%;border:none;background:var(--primary);color:var(--text-on-primary);display:none;place-items:center;box-shadow:var(--shadow-lg);transition:transform .15s var(--ease),background .2s}.a-fab:active{transform:scale(.94)}.a-fab:hover{background:var(--primary-deep)}@media(hover:none){.img-tile .ovl,.image-card .ovl{opacity:1}}@container sakhi (max-width: 980px){.stat-grid{grid-template-columns:repeat(2,1fr)}.edit-grid{grid-template-columns:1fr}}@media(max-width:900px){.a-sidebar{transform:translate(-100%)}.a-sidebar.is-open{transform:translate(0)}.a-main{margin-left:0}.a-hamburger{display:inline-flex}.a-topbar{padding:12px 14px;gap:10px}.a-topbar h2{font-size:calc(19px * var(--head-scale));min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.a-topbar-action,.a-tools-action{display:none}.a-fab{display:grid}.a-body{padding:16px 14px calc(92px + env(safe-area-inset-bottom))}.a-tools{gap:10px}.a-tools .a-search{flex:1 1 100%;min-width:0}.a-tools sakhi-dropdown{flex:1;min-width:0}.stat-grid{gap:12px}.stat{padding:16px}.stat .n{font-size:calc(26px * var(--head-scale))}.stat .ico{margin-bottom:10px}.form-2{grid-template-columns:1fr}.edit-grid{gap:16px}.edit-card{padding:16px}.img-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.img-uploader{padding:24px 16px}.stock-row{flex-wrap:wrap;gap:12px}.stock-row .info{flex-basis:calc(100% - 72px)}.tbtn{width:40px;height:40px}.dgrid-pager{justify-content:center}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.flex-none{flex:none}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spacer{flex:1}html{height:100%;--mat-sys-background: light-dark(#fff8f8, #171213);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#faeeef, #352f30);--mat-sys-inverse-primary: light-dark(#ffb1c5, #ba005c);--mat-sys-inverse-surface: light-dark(#352f30, #ece0e1);--mat-sys-on-background: light-dark(#201a1b, #ece0e1);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #65002f);--mat-sys-on-primary-container: light-dark(#8f0045, #ffd9e1);--mat-sys-on-primary-fixed: light-dark(#3f001b, #3f001b);--mat-sys-on-primary-fixed-variant: light-dark(#8f0045, #8f0045);--mat-sys-on-secondary: light-dark(#ffffff, #422930);--mat-sys-on-secondary-container: light-dark(#5b3f46, #ffd9e1);--mat-sys-on-secondary-fixed: light-dark(#2b151b, #2b151b);--mat-sys-on-secondary-fixed-variant: light-dark(#5b3f46, #5b3f46);--mat-sys-on-surface: light-dark(#201a1b, #ece0e1);--mat-sys-on-surface-variant: light-dark(#514346, #f3dde1);--mat-sys-on-tertiary: light-dark(#ffffff, #65002f);--mat-sys-on-tertiary-container: light-dark(#8f0045, #ffd9e1);--mat-sys-on-tertiary-fixed: light-dark(#3f001b, #3f001b);--mat-sys-on-tertiary-fixed-variant: light-dark(#8f0045, #8f0045);--mat-sys-outline: light-dark(#847376, #9e8c90);--mat-sys-outline-variant: light-dark(#d6c2c5, #514346);--mat-sys-primary: light-dark(#ba005c, #ffb1c5);--mat-sys-primary-container: light-dark(#ffd9e1, #8f0045);--mat-sys-primary-fixed: light-dark(#ffd9e1, #ffd9e1);--mat-sys-primary-fixed-dim: light-dark(#ffb1c5, #ffb1c5);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#74565d, #e3bdc5);--mat-sys-secondary-container: light-dark(#ffd9e1, #5b3f46);--mat-sys-secondary-fixed: light-dark(#ffd9e1, #ffd9e1);--mat-sys-secondary-fixed-dim: light-dark(#e3bdc5, #e3bdc5);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f8, #171213);--mat-sys-surface-bright: light-dark(#fff8f8, #3e3738);--mat-sys-surface-container: light-dark(#f7ebec, #241e1f);--mat-sys-surface-container-high: light-dark(#f1e5e6, #2f2829);--mat-sys-surface-container-highest: light-dark(#ece0e1, #3a3334);--mat-sys-surface-container-low: light-dark(#fdf1f2, #201a1b);--mat-sys-surface-container-lowest: light-dark(#ffffff, #120d0e);--mat-sys-surface-dim: light-dark(#e3d7d8, #171213);--mat-sys-surface-tint: light-dark(#ba005c, #ffb1c5);--mat-sys-surface-variant: light-dark(#f3dde1, #514346);--mat-sys-tertiary: light-dark(#ba005c, #ffb1c5);--mat-sys-tertiary-container: light-dark(#ffd9e1, #8f0045);--mat-sys-tertiary-fixed: light-dark(#ffd9e1, #ffd9e1);--mat-sys-tertiary-fixed-dim: light-dark(#ffb1c5, #ffb1c5);--mat-sys-neutral-variant20: #3a2d30;--mat-sys-neutral10: #201a1b;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Manrope;--mat-sys-body-large-font: Manrope;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Manrope;--mat-sys-body-medium-font: Manrope;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Manrope;--mat-sys-body-small-font: Manrope;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Manrope;--mat-sys-display-large-font: Manrope;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Manrope;--mat-sys-display-medium-font: Manrope;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Manrope;--mat-sys-display-small-font: Manrope;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Manrope;--mat-sys-headline-large-font: Manrope;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Manrope;--mat-sys-headline-medium-font: Manrope;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Manrope;--mat-sys-headline-small-font: Manrope;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Manrope;--mat-sys-label-large-font: Manrope;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Manrope;--mat-sys-label-medium-font: Manrope;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Manrope;--mat-sys-label-small-font: Manrope;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Manrope;--mat-sys-title-large-font: Manrope;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Manrope;--mat-sys-title-medium-font: Manrope;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Manrope;--mat-sys-title-small-font: Manrope;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12;--mat-sys-primary: var(--primary);--mat-sys-on-primary: var(--text-on-primary);--mat-sys-primary-container: var(--primary-tint);--mat-sys-on-primary-container: var(--primary-deep);--mat-sys-surface: var(--surface);--mat-sys-on-surface: var(--text);--mat-sys-surface-variant: var(--surface-2);--mat-sys-on-surface-variant: var(--text-muted);--mat-sys-outline: var(--border-strong);--mat-sys-outline-variant: var(--border);--mat-sys-error: var(--danger);--mat-sys-corner-medium: var(--radius-sm);--mat-sys-corner-large: var(--radius)}body{color-scheme:light;background-color:var(--bg);color:var(--text);font:var(--mat-sys-body-medium);margin:0;height:100%}