:root{--green: #15803d;--green-bg: #dcfce7;--red: #b91c1c;--amber-bg: #fef3c7;--line: #e5e7eb;--muted: #6b7280}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;direction:rtl;background:#f8fafc;color:#111;font-family:Segoe UI,Noto Sans Hebrew,Arial,sans-serif}.page{max-width:640px;margin:0 auto;padding:10px 10px 60px}.center{text-align:center}.small{font-size:13px}.muted{color:var(--muted)}.error{background:#fee2e2;color:var(--red);padding:12px;border-radius:10px;margin:10px 0;font-weight:600}.big-pad{padding:40px 16px;font-size:18px;text-align:center}.flash{position:sticky;top:6px;z-index:5;background:#111;color:#fff;padding:12px;border-radius:12px;text-align:center;font-weight:700}.topbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 2px 10px;flex-wrap:wrap}.title{font-size:19px;font-weight:800}.topbar select{font-size:16px;padding:8px;border-radius:10px;border:1px solid var(--line);background:#fff}.search{width:100%;font-size:18px;padding:14px;border-radius:14px;border:2px solid #cbd5e1;margin-bottom:10px;background:#fff}.search:focus{outline:none;border-color:#2563eb}.cat-head{font-weight:800;font-size:14px;color:#334155;background:#e2e8f0;border-radius:8px;padding:4px 10px;margin:12px 0 6px}.bignum{min-width:64px;height:64px;border-radius:14px;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;font-variant-numeric:tabular-nums;flex:none}.bignum.none{background:#d97706;font-size:16px}.prod-row{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;margin-bottom:8px}.prod-row.oos{opacity:.55}.thumb{width:58px;height:58px;object-fit:contain;border-radius:10px;background:#fff;flex:none}.thumb.ph{background:#f1f5f9}.prod-main{min-width:0}.prod-name{font-weight:700;font-size:16px;line-height:1.25}.prod-sub{color:var(--muted);font-size:13px;margin-top:2px}.prod-qty{font-size:14px;margin-top:2px}.prod-qty .ok b{font-size:16px}.bad{color:var(--red);font-weight:800}.ok{color:var(--green)}.cust-head{padding:4px 2px 10px}.cust-name{font-size:24px;font-weight:900}.progress{position:relative;background:#e2e8f0;border-radius:10px;height:26px;margin-top:8px;overflow:hidden}.progress .bar{position:absolute;inset-inline-start:0;top:0;bottom:0;background:#86efac;transition:width .3s}.progress.done .bar{background:#22c55e}.progress span{position:relative;display:block;text-align:center;line-height:26px;font-weight:700;font-size:14px}.unit-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;margin-bottom:8px}.unit-row.taken{background:var(--green-bg);border-color:#86efac}.unit-main{flex:1;min-width:0}.unit-name{font-size:17px;font-weight:700;line-height:1.25}.unit-sub{color:var(--muted);font-size:13px}.take-btn{flex:none;font-size:17px;font-weight:800;border:none;border-radius:14px;padding:14px 18px;background:var(--green);color:#fff;min-width:96px}.take-btn.undo{background:#fff;color:var(--green);border:2px solid var(--green);font-size:15px}.take-btn:active{transform:scale(.96)}.sort-row{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.sort-row button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-size:14px}.sort-row button.on{background:#111;color:#fff;border-color:#111}.cust-row{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;margin-bottom:10px}.cust-row.none-taken{border-inline-start:5px solid var(--red)}.cust-row.part-taken{border-inline-start:5px solid #f59e0b}.cust-row.all-taken{border-inline-start:5px solid #22c55e}.cust-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.cust-title{font-size:16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cust-count{font-weight:900;font-size:18px;font-variant-numeric:tabular-nums}.pill{font-size:12px;padding:2px 8px;border-radius:999px;background:#e2e8f0}.pill.coming{background:var(--green-bg);color:var(--green)}.pill.not_coming{background:#fee2e2;color:var(--red)}.pill.no_answer{background:var(--amber-bg);color:#92400e}.pill.forgot{background:#ede9fe;color:#5b21b6}.cust-actions{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#f8fafc;border-radius:999px;padding:7px 12px;font-size:13px;text-decoration:none;color:#111}.status-row{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}.status-row .st{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font-size:13px}.status-row .st.on{background:#111;color:#fff;border-color:#111}.login-page{display:flex;align-items:center;justify-content:center;min-height:85vh}.login-box{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 20px;width:100%;max-width:360px;text-align:center}.login-crate{font-size:46px;line-height:1}.login-box h1{font-size:21px;margin:8px 0 2px}.login-box p{margin:0 0 16px}.take-btn.wide{width:100%;margin-top:10px}.tabs{display:flex;gap:6px;margin-bottom:10px}.tabs button{flex:1;padding:12px;font-size:16px;font-weight:700;border:1px solid var(--line);background:#fff;border-radius:12px}.tabs button.on{background:#111;color:#fff;border-color:#111}.sale-select{width:100%;font-size:16px;padding:10px;border-radius:12px;border:1px solid var(--line);background:#fff;margin-bottom:8px}.filter-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.filter-row button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 12px;font-size:13px}.filter-row button b{font-variant-numeric:tabular-nums}.filter-row button.on{background:#111;color:#fff;border-color:#111}.filter-row .f-coming{background:var(--green-bg)}.filter-row .f-not_coming{background:#fee2e2}.filter-row .f-no_answer{background:var(--amber-bg)}.filter-row .f-forgot{background:#ede9fe}.filter-row button.on[class*=f-]{background:#111}.head-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.crate{position:relative;border:none;background:transparent;padding:0;flex:none;cursor:pointer}.crate-svg{width:62px;height:58px;display:block}.crate .lid{transform-origin:24px 17px;transition:transform .35s cubic-bezier(.3,1.4,.5,1)}.crate.bump{animation:crate-bump .45s ease-out}@keyframes crate-bump{0%{transform:scale(1)}35%{transform:scale(1.16) rotate(-3deg)}65%{transform:scale(.96) rotate(2deg)}to{transform:scale(1)}}.crate-count{position:absolute;top:-4px;inset-inline-start:-6px;min-width:24px;height:24px;border-radius:999px;background:#111;color:#fff;font-size:13px;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 5px}.my-status{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.my-status .st{flex:1;min-width:96px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 8px;font-size:14px;font-weight:600}.my-status .st.on{background:#111;color:#fff;border-color:#111}.crate-panel{background:#fffbeb;border:2px dashed #d97706;border-radius:16px;padding:10px;margin-bottom:12px}.crate-title{font-weight:800;margin-bottom:8px}.unit-row.in-crate{background:#fff}.all-done{text-align:center;font-size:20px;font-weight:800;padding:22px 10px}.fly-chip{position:fixed;z-index:90;pointer-events:none;min-width:56px;height:56px;padding:0 10px;border-radius:14px;background:#111;color:#fff;font-size:26px;font-weight:900;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;box-shadow:0 8px 20px #00000040}.confetti{position:fixed;z-index:89;width:9px;height:14px;border-radius:2px;pointer-events:none}