:root{--green: #1f6f43;--green-dark: #15532f;--bg: #f5f6f4;--card: #ffffff;--border: #e2e5e1;--text: #1f2421;--muted: #6b7280;--danger: #b91c1c;--warn: #b45309;--warn-bg: #fef3c7;--tap: 44px}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden;overflow-x:clip}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Noto Naskh Arabic,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:16px;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button:active,a:active,.zone-head:active,.seg button:active{filter:brightness(.94)}a{color:var(--green)}h1{font-size:1.3rem}h2{font-size:1.05rem}.app{min-height:100vh;min-height:100dvh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:80%;max-width:300px;background:var(--green-dark);color:#fff;padding:16px 0;padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translate(-100%);transition:transform .22s ease;z-index:50}[dir=rtl] .sidebar{transform:translate(100%)}.app.menu-open .sidebar{transform:translate(0)}.sidebar .brand{padding:0 18px 12px;font-weight:700;line-height:1.2}.sidebar .brand small{display:block;font-weight:400;opacity:.75;font-size:12px;margin-top:4px}.sidebar nav a{display:block;padding:13px 18px;color:#dfeee6;text-decoration:none;font-size:15px;min-height:var(--tap)}.sidebar nav a:hover{background:#ffffff14}.sidebar nav a.active{background:var(--green);color:#fff;font-weight:600}.navgroup{margin-top:2px}.navgroup-head{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;color:#b9d6c7;font:inherit;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:start;padding:12px 18px;min-height:var(--tap);cursor:pointer}.navgroup-head:hover{background:#ffffff0f;color:#fff}.navgroup-head.open{color:#fff}.navgroup-caret{font-size:10px;opacity:.8}.sidebar nav a.navgroup-link{padding-inline-start:34px;font-size:14px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40;display:none}.app.menu-open .scrim{display:block}.main{padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));width:100%;min-width:0}.topbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.topbar h1{margin:0;flex:1 1 100%}.userchip{font-size:13px;color:var(--muted)}.topbar-link{font-size:13px}.hamburger{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);background:var(--green);color:#fff;border:none;border-radius:8px;font-size:20px;padding:0 10px}.review-banner{margin:10px 0;padding:10px 12px;background:#fde2e1;border:1px solid #f3b7b4;border-left:5px solid #b91c1c;border-radius:8px;color:#7f1d1d;font-size:13px}.review-banner strong{display:block;margin-bottom:3px;font-size:14px}input.qty.to-review{border-color:#b91c1c;background:#fff5f5}input.qty.empty{background:#fffbeb;border-color:#d6bb7a}.negstock{color:#b91c1c;font-weight:700}.ecart-loss{color:#b91c1c}.ecart-gain{color:#b45309}.priority-banner{margin:10px 0;padding:10px 12px;background:#fde2e1;border:1px solid #f3b7b4;border-left:5px solid #b91c1c;border-radius:8px;color:#7f1d1d;font-size:13px}.priority-banner strong{display:block;margin-bottom:3px;font-size:14px}.chip-urgent{display:inline-block;margin-inline-start:6px;padding:2px 8px;border-radius:999px;background:#b91c1c;color:#fff;font-size:10px;font-weight:700;white-space:nowrap}.chip-nosignal{display:inline-block;margin-inline-start:6px;padding:2px 8px;border-radius:999px;background:#eef1ee;color:var(--muted);font-size:10px;font-weight:600;white-space:nowrap}.countdev{color:#b91c1c;font-weight:700}.chip-countdev{display:inline-block;margin-inline-start:6px;padding:2px 8px;border-radius:999px;background:#fde2e1;color:#b91c1c;font-size:10px;font-weight:700;white-space:nowrap}.chip-watch{display:inline-block;margin-inline-start:6px;padding:2px 8px;border-radius:999px;background:var(--warn-bg);color:var(--warn);font-size:10px;font-weight:700;white-space:nowrap}.bell-wrap{position:relative;display:inline-flex;align-items:center;gap:8px}.push-chip{min-height:var(--tap);display:inline-flex;align-items:center;border:1px solid transparent;border-radius:8px;padding:0 10px;font-size:12px;font-weight:600;line-height:1.1;white-space:nowrap}.push-chip.cta{background:var(--warn-bg);color:var(--warn);border-color:#f0d38a;cursor:pointer}.push-chip.cta:hover{background:#fde9ab}.push-chip.on{background:#dcfce7;color:var(--green-dark);border-color:#a7e0bd;cursor:default}.push-chip.blocked{background:#eef1ee;color:var(--muted);border-color:var(--border);cursor:pointer}.install-wrap{position:relative;display:inline-flex;align-items:center}.install-btn{min-height:var(--tap);display:inline-flex;align-items:center;background:#e6f0fb;color:#1d4e89;border:1px solid #b8d4f0;border-radius:8px;padding:0 10px;font-size:12px;font-weight:600;line-height:1.1;white-space:nowrap;cursor:pointer}.install-btn:hover{background:#d6e6f7}.install-hint{position:absolute;top:calc(100% + 4px);inset-inline-end:0;max-width:min(280px,82vw);z-index:60;background:#fff;border:1px solid #b8d4f0;border-radius:8px;padding:8px 10px;font-size:12px;color:var(--text);box-shadow:0 6px 18px #0000001f}.push-err{position:absolute;top:calc(100% + 4px);inset-inline-end:0;max-width:min(260px,80vw);z-index:60;background:#fff;border:1px solid #f3b7b4;border-radius:8px;padding:6px 10px;box-shadow:0 6px 18px #0000001f}.bell{position:relative;min-height:var(--tap);min-width:var(--tap);background:transparent;border:1px solid #d8ded8;border-radius:8px;font-size:18px;padding:0 10px;cursor:pointer}.bell-badge{position:absolute;top:-6px;inset-inline-end:-6px;background:#dc2626;color:#fff;border-radius:999px;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:700;line-height:19px;text-align:center;box-shadow:0 0 0 2px #fff}.bell-panel{position:absolute;top:calc(100% + 6px);inset-inline-end:0;width:min(340px,calc(100vw - 20px));background:#fff;border:1px solid #d8ded8;border-radius:10px;box-shadow:0 8px 24px #00000024;z-index:60;max-height:min(70vh,460px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width: 720px){.bell-panel{position:fixed;top:calc(env(safe-area-inset-top) + 8px);inset-inline:10px 10px;width:auto;max-height:78vh}}.bell-head{padding:10px 14px;font-weight:700;font-size:13px;border-bottom:1px solid #eef1ee}.bell-empty{padding:14px;font-size:13px;color:var(--muted)}.bell-item{display:flex;align-items:flex-start;gap:8px;padding:4px 8px 4px 14px;border-bottom:1px solid #f3f5f3}.bell-item:last-child{border-bottom:none}.bell-item:hover{background:#f6f8f6}.bell-dot{flex:0 0 8px;width:8px;height:8px;margin-top:13px;border-radius:50%;background:#dc2626}.bell-text{flex:1;padding:8px 0;border:none;background:none;border-radius:0;color:var(--text);font-weight:500;font-size:13px;text-align:start;cursor:pointer}.bell-text:hover{background:none;color:var(--green-dark)}.bell-hide{flex:0 0 auto;padding:4px 8px;min-height:0;border:none;background:none;color:var(--muted);font-size:13px;font-weight:700;line-height:1;cursor:pointer}.bell-hide:hover{background:#eceeec;color:var(--text);border-radius:6px}.bell-foot{padding:8px 14px;font-size:11px;color:var(--muted);background:#fafbfa}.lang{min-height:var(--tap);min-width:var(--tap);background:#eef1ee;color:var(--text);font-weight:700;border:1px solid var(--border);border-radius:8px;padding:0 12px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:14px;margin-bottom:14px}.card h2{margin:0 0 10px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:start;padding:10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;white-space:nowrap}td.num,th.num{text-align:end;font-variant-numeric:tabular-nums}input,select,textarea{font:inherit;padding:10px 12px;border:1px solid var(--border);border-radius:9px;background:#fff;min-height:var(--tap);max-width:100%}textarea{width:100%;min-height:90px}input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:-1px}input.qty{width:100%;max-width:130px;text-align:end}label{font-size:13px;color:var(--muted);display:flex;flex-direction:column;gap:5px}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}button{font:inherit;cursor:pointer;border:none;border-radius:9px;padding:10px 16px;min-height:var(--tap);background:var(--green);color:#fff;font-weight:600}button:hover{background:var(--green-dark)}button.secondary{background:#eef1ee;color:var(--text)}button.secondary:hover{background:#e2e6e2}button.link{background:none;color:var(--green);padding:8px 6px;font-weight:500;min-height:var(--tap)}button:disabled{opacity:.55;cursor:not-allowed}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.green{background:#dcfce7;color:var(--green-dark)}.badge.gray{background:#eef1ee;color:var(--muted)}.badge.red{background:#fee2e2;color:var(--danger)}.badge.blue{background:#dbeafe;color:#1d4ed8}.zone-head{width:100%;text-align:start;background:var(--green);color:#fff;font-weight:700;font-size:15px;border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:8px;margin-bottom:8px}.zone-head:hover{background:var(--green-dark)}.subcat{margin:12px 0 4px;font-size:14px;color:var(--green-dark);border-bottom:2px solid var(--border);padding-bottom:4px}.flag{color:var(--warn);font-size:12px}.error{color:var(--danger);font-size:14px}.muted{color:var(--muted);font-size:14px}.tagline{font-style:italic;color:var(--muted);font-size:14px}.login-wrap{display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:16px}.login-card{width:min(340px,92vw)}.login-card .field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.login-card input{width:100%}@media (max-width: 720px){.main{padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.card{padding:11px 12px;margin-bottom:10px;border-radius:10px}.card h2{margin-bottom:6px}.card h3{margin:8px 0 3px}.topbar{margin-bottom:10px;gap:8px}h1{font-size:1.15rem}table{font-size:13px}table.data,table.data tbody,table.data tr,table.data td{display:block;width:100%}table.data thead{display:none}table.data tr{border:1px solid var(--border);border-radius:10px;padding:2px 10px;margin-bottom:8px}table.data td{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #f0f2f0;padding:6px 0;text-align:end}table.data td:last-child{border-bottom:none}table.data td:before{content:attr(data-label);font-weight:600;color:var(--muted);text-align:start;flex:0 0 45%}table.data td.num{text-align:end}input.qty{max-width:150px}table.data.tight{display:table;font-size:12.5px}table.data.tight thead{display:table-header-group}table.data.tight tbody{display:table-row-group}table.data.tight tr{display:table-row;border:0;border-radius:0;padding:0;margin:0}table.data.tight th,table.data.tight td{display:table-cell;padding:6px;border-bottom:1px solid var(--border);text-align:start}table.data.tight th{white-space:normal}table.data.tight td.num,table.data.tight th.num{text-align:end}table.data.tight td:before{content:none}}@media (min-width: 900px){.app{display:flex}.sidebar{position:static;transform:none;width:220px;flex-shrink:0;max-width:none}[dir=rtl] .sidebar{transform:none}.scrim{display:none!important}.hamburger{display:none}.main{padding:22px 26px}.topbar h1{flex:1}}.success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#00000059;pointer-events:auto;animation:overlay-fade .4s ease 1.6s forwards}@keyframes overlay-fade{to{opacity:0}}.success-box{background:var(--card);border-radius:18px;padding:28px 44px;text-align:center;box-shadow:0 12px 40px #00000047;animation:success-pop .22s ease,success-fade .4s ease 1.6s forwards}.success-icon{width:84px;height:84px;margin:0 auto 12px;border-radius:50%;background:var(--green);color:#fff;font-size:52px;font-weight:700;line-height:84px}.success-box.error .success-icon{background:var(--danger)}.success-text{font-size:18px;font-weight:700;color:var(--text)}@keyframes success-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes success-fade{to{opacity:0;transform:scale(.95)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:flex;align-items:center;justify-content:center;background:#00000073;padding:16px}.modal-box{background:var(--card);border-radius:16px;width:min(560px,100%);max-height:90vh;display:flex;flex-direction:column;box-shadow:0 12px 40px #00000047;animation:success-pop .18s ease}.modal-box.wide{width:min(820px,100%)}.modal-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #eef1ee}.modal-head h2{margin:0;font-size:17px;flex:1}.modal-close{background:none;color:var(--muted);border:none;font-size:16px;padding:6px 10px;min-height:0;border-radius:8px}.modal-close:hover{background:#eceeec;color:var(--text)}.modal-body{padding:18px 20px;overflow-y:auto}.modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:14px 20px;border-top:1px solid #eef1ee}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#00000073}.confirm-box{background:var(--card);border-radius:18px;padding:24px 28px;max-width:min(460px,92vw);text-align:center;box-shadow:0 12px 40px #00000047;animation:success-pop .18s ease}.confirm-icon{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:var(--warn-bg);color:var(--warn);font-size:36px;font-weight:700;line-height:64px}.confirm-text{font-size:16px;font-weight:600;margin-bottom:16px}.confirm-box input{width:100%;margin-bottom:14px}.confirm-actions{display:flex;gap:10px;justify-content:center}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:12px}.kpi .kpi-head{font-weight:600;display:flex;align-items:center;gap:6px;margin-bottom:8px}.kpi .dot,.legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.kpi-rows>div{display:grid;grid-template-columns:1fr auto auto;align-items:baseline;gap:8px;padding:3px 0;border-top:1px solid var(--border)}.kpi-rows>div:first-child{border-top:none}.kpi-rows b{font-variant-numeric:tabular-nums}.kpi-note{margin:6px 0 0;font-size:11px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg button{border:none;background:var(--card);color:var(--text);padding:6px 12px;cursor:pointer;font:inherit}.seg button.seg-on{background:var(--green);color:#fff;font-weight:600}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.legend{display:flex;gap:14px;font-size:12px;color:var(--muted);margin-bottom:6px}.legend span{display:inline-flex;align-items:center;gap:5px}.card h3{margin:0 0 8px;font-size:15px}.save-failed{border:2px solid #b91c1c;background:#fee2e2;color:#7f1d1d;border-radius:8px;padding:10px 12px;margin:8px 0}.save-failed strong{display:block;margin-bottom:4px;letter-spacing:.04em}