:root{--red:#ed1b2f;--red-dark:#c70c1d;--ink:#36191e;--muted:#7d676b;--line:#f2dfe2;--surface:#fff;--canvas:#fff;--success:#108958;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--canvas);min-height:100%}body{min-height:100%;color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:Tahoma,Noto Sans Arabic,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}.login-shell{direction:ltr;background:#fff;grid-template-columns:minmax(360px,.88fr) minmax(460px,1.12fr);min-height:100vh;display:grid}.login-visual{min-height:100vh;color:var(--ink);direction:rtl;background:#fff;place-items:center;display:grid;position:relative;overflow:hidden}.login-visual:after,.visual-glow{display:none}.visual-brand{z-index:1;text-align:center;padding:40px;position:relative}.large-mark{background:#fff;border:1px solid #ffcbd0;border-radius:46px;width:190px;height:190px;margin:0 auto 28px;padding:5px;overflow:hidden;box-shadow:0 25px 60px #c60c1d2e,0 0 55px #ed1b2f1f}.large-mark img{object-fit:contain;width:100%;height:100%;display:block}.visual-brand p{color:#9a6269;margin:0 0 8px;font-size:14px}.visual-brand h1{color:var(--red-dark);letter-spacing:-.8px;margin:0;font-family:Tahoma,Noto Sans Arabic,Arial,sans-serif;font-size:clamp(34px,4.4vw,57px);font-weight:900}.visual-feature{color:#8f444c;background:#fffc;border:1px solid #ffd4d8;border-radius:999px;align-items:center;gap:10px;margin:34px auto 0;padding:10px 15px;font-size:13px;display:inline-flex;box-shadow:0 8px 24px #c60c1d0f}.visual-feature span{color:var(--red);display:grid}.login-panel{direction:rtl;place-items:center;min-height:100vh;padding:42px;display:grid}.login-card{width:min(430px,100%)}.mobile-logo{color:var(--red-dark);font-family:Tahoma,Noto Sans Arabic,Arial,sans-serif;display:none}.login-heading{margin-bottom:30px}.eyebrow{color:var(--red);letter-spacing:.1px;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.login-heading h2{letter-spacing:-.7px;margin:0 0 10px;font-size:32px}.login-heading p{color:var(--muted);margin:0;font-size:14px;line-height:1.9}.field{margin-bottom:18px;display:block}.field>span{margin-bottom:8px;font-size:13px;font-weight:700;display:block}.field input{width:100%;height:52px;color:var(--ink);background:#fafbfc;border:1px solid #dfe2e7;border-radius:13px;outline:none;padding:0 15px;transition:border .2s,box-shadow .2s,background .2s}.field input:focus{background:#fff;border-color:#e51221b3;box-shadow:0 0 0 4px #e5122114}.password-wrap{position:relative}.password-wrap input{padding-left:48px}.eye-button{color:#737b86;background:0 0;border:0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:7px;left:8px}.eye-button:hover{background:#eef0f3}.primary-button{color:#fff;background:linear-gradient(135deg, var(--red), #c30d1a);border:0;border-radius:13px;width:100%;height:54px;margin-top:8px;font-weight:800;box-shadow:0 12px 28px #e5122133}.primary-button:active{transform:translateY(1px)}.primary-button:disabled,.code-entry button:disabled{cursor:wait;opacity:.68}.demo-note{text-align:center;color:#8a919b;margin:15px 0 0;font-size:11px}.form-error{color:#c50d1a;margin:-5px 0 9px;font-size:12px}.app-shell{background:#fff;min-height:100vh}.app-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-bottom:1px solid #f5d5d8;position:sticky;top:0;box-shadow:0 5px 25px #c50b1c0e}.header-inner{direction:ltr;justify-content:space-between;align-items:center;width:min(1080px,100% - 36px);height:80px;margin:auto;display:flex}.brand-lockup{align-items:center;gap:13px;display:flex}.brand-lockup img{object-fit:contain;background:#fff;border:1px solid #ffcbd0;border-radius:15px;width:52px;height:52px;padding:2px;box-shadow:0 7px 18px #cc0c1d26}.brand-copy{text-align:left;gap:3px;display:grid}.brand-lockup strong{color:var(--red-dark);white-space:nowrap;font-family:Tahoma,Noto Sans Arabic,Arial,sans-serif;font-size:18px;font-weight:900}.brand-lockup span{color:#9b656b;direction:rtl;font-size:10px}.user-area{direction:rtl;align-items:center;gap:16px;display:flex}.user-copy{text-align:right;gap:4px;display:grid}.user-copy strong{font-size:13px}.user-copy span{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.user-copy i{background:var(--success);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #1089581a}.icon-button{width:40px;height:40px;color:var(--red-dark);background:#fff7f8;border:1px solid #f4cfd3;border-radius:12px;place-items:center;transition:background .2s,transform .2s;display:grid}.icon-button:hover{background:#ffecef;transform:translateY(-1px)}.workspace{width:min(940px,100% - 36px);margin:0 auto;padding:58px 0 80px}.intro-row{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.intro-row .eyebrow{background:#ffe8ea;border-radius:999px;width:fit-content;padding:6px 10px}.intro-row h1{color:#471b21;letter-spacing:-1px;margin:0 0 8px;font-size:clamp(27px,5vw,40px)}.intro-row p{color:var(--muted);margin:0;font-size:14px}.status-pill{color:#39735b;background:#f8fcfa;border:1px solid #dfe9e4;border-radius:999px;flex:none;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:flex}.status-pill span{background:#19a76c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #19a76c1f}.action-grid{grid-template-columns:1.03fr .97fr;gap:18px;display:grid}.scan-card,.manual-card{border-radius:22px;min-height:176px}.scan-card{text-align:right;color:#fff;background:linear-gradient(135deg,#ff4454 0%,#ed1b2f 44%,#c70c1d 100%);border:0;align-items:center;gap:18px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px #e5122133}.scan-card:before{content:"";border:30px solid #ffffff14;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-88px;left:-48px}.scan-card:after{content:"";filter:blur(2px);background:#ffffff21;border-radius:50%;width:120px;height:120px;position:absolute;top:-72px;right:18%}.scan-icon{background:#ffffff21;border:1px solid #ffffff2e;border-radius:20px;flex:none;place-items:center;width:68px;height:68px;display:grid}.action-copy{z-index:1;gap:7px;display:grid;position:relative}.action-copy strong{font-size:21px}.action-copy small{color:#ffffffc7;font-size:11px}.action-arrow{z-index:1;margin-right:auto;font-size:27px;transition:transform .2s;position:relative}.scan-card:hover .action-arrow{transform:translate(-4px)}.manual-card{background:#fffffff0;border:1px solid #f5d7da;padding:25px;box-shadow:0 14px 35px #c30c1d12}.manual-title{align-items:center;gap:12px;margin-bottom:24px;display:flex}.manual-title>span{width:42px;height:42px;color:var(--red);background:#fff0f1;border-radius:12px;place-items:center;display:grid}.manual-title div{gap:4px;display:grid}.manual-title strong{font-size:15px}.manual-title small{color:var(--muted);font-size:10px}.code-entry{direction:ltr;gap:9px;display:flex}.code-entry input{background:#fafbfc;border:1px solid #dfe2e7;border-radius:12px;outline:none;width:100%;min-width:0;height:50px;padding:0 14px;font-family:Arial,sans-serif}.code-entry input:focus{border-color:#e512218c;box-shadow:0 0 0 4px #e5122112}.code-entry button{color:#fff;background:linear-gradient(135deg, var(--red), var(--red-dark));border:0;border-radius:12px;flex:none;padding:0 21px;font-size:12px;font-weight:800;box-shadow:0 8px 18px #cf0c1e29}.empty-state{color:#8f7074;background:#fff7f8cc;border:1px dashed #efcbd0;border-radius:22px;justify-content:center;align-items:center;gap:15px;min-height:150px;margin-top:22px;display:flex}.empty-state>span{color:#d04956;background:#ffe8eb;border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.empty-state div{gap:5px;display:grid}.empty-state strong{color:#674248;font-size:14px}.empty-state p{margin:0;font-size:11px}.not-found{color:#a70c17;background:#fff6f7;border:1px solid #f0ccd0;border-radius:18px;gap:6px;margin-top:22px;padding:20px 22px;display:grid}.not-found span{color:#79676a;font-size:11px}.result-card{background:#fff;border:1px solid #f2d4d8;border-radius:24px;margin-top:22px;animation:.36s both resultIn;overflow:hidden;box-shadow:0 22px 50px #c30c1d17}@keyframes resultIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-head{border-bottom:1px solid #edf0f2;align-items:center;gap:14px;padding:24px 26px;display:flex}.success-mark{color:#fff;background:var(--success);border-radius:50%;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 8px 18px #1089582e}.result-head div{gap:5px;display:grid}.result-head span{color:var(--success);font-size:10px;font-weight:800}.result-head h2{margin:0;font-size:clamp(17px,3vw,23px);line-height:1.65}.barcode-line{color:var(--muted);background:#fafbfc;justify-content:space-between;align-items:center;padding:14px 26px;font-size:11px;display:flex}.barcode-line strong{color:#333942;letter-spacing:1.2px;font-family:Arial,sans-serif;font-size:13px}.product-meta{align-items:center;gap:8px;padding:11px 26px 0;display:flex}.product-meta span{color:#85545b;background:#fff2f4;border-radius:999px;padding:6px 9px;font-size:10px}.price-grid{grid-template-columns:1fr 1.1fr;gap:14px;padding:20px 26px 24px;display:grid}.price-grid.price-count-1{grid-template-columns:1fr}.price-grid.price-count-3{grid-template-columns:repeat(3,1fr)}.sale-price,.partner-price,.purchase-price{border-radius:18px;align-content:center;min-height:144px;padding:21px;display:grid;position:relative}.sale-price{background:#fffdfd;border:1px solid #efe2e4}.partner-price{color:#5f1821;background:linear-gradient(140deg,#fff7f8,#ffe7ea);border:1px solid #ffc4ca;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffbf}.purchase-price{color:#6e343b;background:#fff9fa;border:1px solid #f0d9dc}.partner-price:after{content:"";border:24px solid #ed1b2f1a;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-65px;left:-35px}.sale-price span,.partner-price span,.purchase-price span{color:#777f89;font-size:11px}.partner-price span{color:#9a4a53}.purchase-price span{color:#9a6369}.sale-price strong,.partner-price strong,.purchase-price strong{text-align:center;letter-spacing:-1px;direction:ltr;margin-top:5px;font-family:Arial,Tahoma,sans-serif;font-size:clamp(31px,6vw,48px);line-height:1.15;display:block}.partner-price strong{color:#d80f23}.purchase-price strong{color:#7b3b43}.price-missing strong{color:#9a4d57;letter-spacing:0;direction:rtl;font-family:Tahoma,Noto Sans Arabic,Arial,sans-serif;font-size:clamp(22px,4vw,31px)}.sale-price small,.partner-price small,.purchase-price small{font-size:11px;font-weight:700}.partner-price small{color:#7e343d}.result-foot{border-top:1px solid #edf0f2;justify-content:space-between;align-items:center;min-height:58px;padding:11px 26px;display:flex}.result-foot span{color:var(--muted);font-size:10px}.result-foot button{height:36px;color:var(--red-dark);background:#fff7f8;border:1px solid #f0c9ce;border-radius:10px;padding:0 14px;font-size:10px;font-weight:800}.scanner-overlay{z-index:100;color:#fff;background:#050607;position:fixed;inset:0;overflow:hidden}.camera-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.camera-shade{background:linear-gradient(#000000ad,#00000014 38% 62%,#000000c7);position:absolute;inset:0}.scanner-top{padding:max(20px, env(safe-area-inset-top)) 22px 18px;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.scanner-brand{align-items:center;gap:10px;font-size:13px;font-weight:800;display:flex}.scanner-brand img{object-fit:contain;background:#fff;border-radius:10px;width:36px;height:36px;padding:2px}.scanner-top>button{color:#fff;background:#0000004d;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.scanner-center{justify-items:center;gap:22px;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.scan-frame{width:min(76vw,390px);height:190px;position:relative}.scan-frame i{border-style:solid;border-color:#ff2534;width:42px;height:42px;position:absolute}.scan-frame i:first-child{border-width:3px 3px 0 0;border-radius:0 12px 0 0;top:0;right:0}.scan-frame i:nth-child(2){border-width:3px 0 0 3px;border-radius:12px 0 0;top:0;left:0}.scan-frame i:nth-child(3){border-width:0 3px 3px 0;border-radius:0 0 12px;bottom:0;right:0}.scan-frame i:nth-child(4){border-width:0 0 3px 3px;border-radius:0 0 0 12px;bottom:0;left:0}.scan-frame span{background:#ff2534;height:2px;animation:2.2s ease-in-out infinite alternate scanline;position:absolute;top:12px;left:12px;right:12px;box-shadow:0 0 12px #ff2534cc}@keyframes scanline{to{transform:translateY(164px)}}.scanner-center p{text-align:center;color:#fff;text-shadow:0 2px 8px #000;width:min(82vw,480px);margin:0;font-size:12px;line-height:1.8}.scanner-bottom{padding:18px 22px max(24px, env(safe-area-inset-bottom));justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.flash-button,.demo-scan{border-radius:13px;height:46px;font-size:11px;font-weight:800}.flash-button{color:#fff;background:#00000059;border:1px solid #ffffff2e;justify-content:center;align-items:center;gap:8px;min-width:132px;padding:0 16px;transition:background .2s,color .2s,border-color .2s;display:flex}.flash-button.is-on{color:#3a2900;background:#ffd93d;border-color:#ffe86a;box-shadow:0 0 22px #ffd93d59}.flash-button:disabled{cursor:not-allowed;opacity:.55}.demo-scan{color:#fff;background:var(--red);border:0;padding:0 20px}@media (max-width:800px){.login-shell{background:#fff;grid-template-columns:1fr}.login-visual{display:none}.login-panel{align-items:center;min-height:100svh;padding:28px 22px}.login-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:28px 22px;box-shadow:0 20px 50px #171c2314}.mobile-logo{align-items:center;gap:11px;margin-bottom:28px;font-size:18px;font-weight:900;display:flex}.mobile-logo img{object-fit:contain;background:#fff;border:1px solid #ffcbd0;border-radius:13px;width:48px;height:48px;padding:2px;box-shadow:0 6px 16px #c60c1d24}.login-heading h2{font-size:27px}.header-inner{width:min(100% - 24px,1080px);height:70px}.brand-lockup{gap:9px}.brand-lockup img{border-radius:12px;width:43px;height:43px}.brand-lockup strong{font-size:15px}.brand-lockup span,.user-copy{display:none}.workspace{width:min(100% - 24px,940px);padding:36px 0 58px}.intro-row{align-items:flex-start;margin-bottom:22px}.status-pill{display:none}.intro-row h1{font-size:27px}.intro-row p{line-height:1.8}.action-grid{grid-template-columns:1fr}.scan-card,.manual-card{border-radius:19px;min-height:148px}.scan-card{padding:22px}.scan-icon{border-radius:17px;width:58px;height:58px}.action-copy strong{font-size:18px}.manual-card{padding:20px}.code-entry button{padding:0 17px}.empty-state{border-radius:18px;justify-content:flex-start;min-height:120px;padding:23px 18px}.result-card{border-radius:20px}.result-head{align-items:flex-start;padding:20px}.barcode-line{padding:12px 20px}.price-grid{grid-template-columns:1fr;padding:15px 20px 20px}.price-grid.price-count-3{grid-template-columns:1fr}.sale-price,.partner-price,.purchase-price{min-height:122px;padding:18px}.sale-price strong,.partner-price strong,.purchase-price strong{font-size:40px}.result-foot{padding:11px 20px}.result-foot span{display:none}.result-foot button{width:100%}}@media (max-width:380px){.login-panel{padding:16px}.login-card{padding:24px 18px}.workspace{width:calc(100% - 20px)}.action-copy small{display:none}.scan-card{gap:13px}.action-arrow{display:none}.code-entry{flex-direction:column}.code-entry button{height:46px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}