:root{--bg-app:#f6f5ef;--primary:#12695f;--primary-hover:#0e534b;--primary-active:#093d37;--primary-light:#e6f3f1;--primary-subtle:#f0f7f6;--text-main:#1b332f;--text-muted:#536c67;--text-light:#7b948f;--border-subtle:#e3dfd3;--border-light:#ece9dc;--card-bg:#fff;--card-hover:#faf9f5;--stock-ok-bg:#e6f4ea;--stock-ok-text:#137333;--stock-low-bg:#fef7e0;--stock-low-text:#b06000;--danger-bg:#fce8e6;--danger-text:#c5221f;--shadow-sm:0 1px 3px #1b332f0a, 0 1px 2px #1b332f05;--shadow-md:0 4px 12px #1b332f0f, 0 1px 4px #1b332f08;--shadow-lg:0 12px 32px #1b332f14, 0 2px 8px #1b332f0a;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);text-align:right;-webkit-font-smoothing:antialiased;direction:rtl;min-height:100dvh;font-family:Noto Sans Arabic,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}.tabular-nums{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-family:Inter,monospace,sans-serif}.ltr-text{text-align:left;direction:ltr;display:inline-block}.btn{border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .14s ease-in-out;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-primary{background-color:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 6px #12695f33}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-secondary{color:var(--text-main);border-color:var(--border-subtle);box-shadow:var(--shadow-sm);background-color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--card-hover);border-color:var(--text-muted)}.btn-subtle{background-color:var(--primary-light);color:var(--primary);border-color:#0000}.btn-subtle:hover:not(:disabled){background-color:#d8ece9}.btn-defer{color:#8a4b00;background-color:#fef7e0;border-color:#f0d98a;box-shadow:0 2px 6px #b060001f}.btn-defer:hover:not(:disabled){background-color:#fcefc0;border-color:#d9b44a}.btn-warning{color:#fff;background-color:#b06000;border-color:#b06000;box-shadow:0 2px 6px #b0600040}.btn-warning:hover:not(:disabled){background-color:#8a4b00;border-color:#8a4b00}.badge-deferred{background-color:var(--stock-low-bg);color:var(--stock-low-text)}.btn-danger{background-color:var(--danger-bg);color:var(--danger-text);border-color:#0000}.btn-danger:hover:not(:disabled){background-color:#f7d2cd}.input-field{width:100%;color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background-color:#fff;outline:none;min-height:46px;padding:11px 14px;font-family:inherit;font-size:.95rem;transition:border-color .14s,box-shadow .14s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #12695f1f}.input-field::placeholder{color:var(--text-light)}.input-label{color:var(--text-muted);margin-bottom:6px;font-size:.88rem;font-weight:600;display:block}.card{background-color:var(--card-bg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;transition:box-shadow .14s,border-color .14s}.badge{border-radius:9999px;align-items:center;gap:5px;padding:3px 9px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-stock-ok{background-color:var(--stock-ok-bg);color:var(--stock-ok-text)}.badge-stock-low{background-color:var(--stock-low-bg);color:var(--stock-low-text)}.badge-danger{background-color:var(--danger-bg);color:var(--danger-text)}.badge-neutral{color:var(--text-muted);background-color:#edebe2}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#12211e99;justify-content:center;align-items:center;padding:16px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow-lg);background-color:#fff;padding:24px;animation:.16s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}@media (width<=640px){.modal-backdrop{align-items:flex-end;padding:0}.modal-content{max-height:85vh;padding:20px 18px env(safe-area-inset-bottom,20px);border-bottom-right-radius:0;border-bottom-left-radius:0;animation:.18s cubic-bezier(.16,1,.3,1) slideUpBottom}}.scanner-viewport{aspect-ratio:4/3;border-radius:var(--radius-md);background-color:#0b1a18;justify-content:center;align-items:center;width:100%;max-height:320px;display:flex;position:relative;overflow:hidden}.scanner-video{object-fit:cover;width:100%;height:100%}.scanner-reticle{pointer-events:none;border:2px dashed #fff9;border-radius:12px;width:75%;height:65%;position:absolute;box-shadow:0 0 0 9999px #00000073}.scanner-laser{background:linear-gradient(90deg,#0000,#22c55e,#10b981,#0000);height:3px;animation:2s ease-in-out infinite alternate scanLaser;position:absolute;top:0;left:0;right:0;box-shadow:0 0 10px #10b981,0 0 4px #22c55e}@keyframes scanLaser{0%{top:5%}to{top:95%}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideUpBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.app-container{min-height:100dvh;display:flex}.sidebar{border-left:1px solid var(--border-subtle);z-index:50;background-color:#fff;flex-direction:column;width:256px;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;right:0}.main-content{flex-direction:column;flex:1;min-width:0;min-height:100vh;margin-right:256px;display:flex}.content-inner{width:100%;max-width:1280px;margin:0 auto;padding:28px 24px 60px}@media (width<=840px){.sidebar{display:none}.main-content{margin-right:0;padding-bottom:84px}.content-inner{padding:16px 14px 80px}}@media (width<=640px){.desktop-inline,.hide-on-mobile{display:none!important}}@media (width<=480px){.app-header{gap:8px;padding:10px 12px!important}.app-header .header-actions{min-width:0;gap:6px!important}.app-header .user-pill{min-width:0;padding:5px 9px!important}.app-header .user-name{text-overflow:ellipsis;white-space:nowrap;max-width:84px;overflow:hidden}}.bottom-nav{border-top:1px solid var(--border-subtle);padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));z-index:60;background-color:#fff;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000a}.bottom-nav-item{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:64px;padding:6px 12px;font-size:.75rem;font-weight:600;text-decoration:none;transition:color .12s;display:flex}.bottom-nav-item.active{color:var(--primary)}.animate-spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#edeae0 25%,#f7f5ed 50%,#edeae0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{@page{margin:8mm;size:80mm auto}body{font-size:12pt;color:#000!important;background:#fff!important}body *{visibility:hidden!important}.modal-backdrop{background:0 0!important;padding:0!important;display:block!important;position:static!important}.modal-content{box-shadow:none!important;background:0 0!important;border:none!important;max-width:100%!important;padding:0!important}#printable-receipt,#printable-receipt *{visibility:visible!important}#printable-receipt{width:100%!important;max-width:360px!important;box-shadow:none!important;text-align:right!important;direction:rtl!important;background:#fff!important;border:1px dashed #666!important;margin:0 auto!important;padding:16px!important;position:absolute!important;top:0!important;left:0!important}.no-print{display:none!important}}