@font-face{font-family:Garesin;src:url(/fonts/Garesin.otf)format("opentype");font-style:normal;font-display:swap}@font-face{font-family:Madeleina Sans;src:url(/fonts/Madeleina%20Sans.otf)format("opentype");font-style:normal;font-display:swap}@font-face{font-family:Marseille Free;src:url(/fonts/Marseille%20Free.otf)format("opentype");font-style:normal;font-display:swap}@font-face{font-family:Marseille Free;src:url(/fonts/Marseille%20Free.ttf)format("truetype");font-style:normal;font-display:swap}@font-face{font-family:Smile Moon;src:url(/fonts/Smile%20Moon.otf)format("opentype");font-style:normal;font-display:swap}@font-face{font-family:trebuchet;src:url(/fonts/trebuchet.ttf)format("truetype");font-style:normal;font-display:swap}@font-face{font-family:Trebuchet MS Italic;src:url(/fonts/Trebuchet-MS-Italic.ttf)format("truetype");font-style:normal;font-display:swap}@font-face{font-family:UNDESA;src:url(/fonts/UNDESA.otf)format("opentype");font-style:normal;font-display:swap}@font-face{font-family:UNDESA;src:url(/fonts/UNDESA.ttf)format("truetype");font-style:normal;font-display:swap}@font-face{font-family:Ventura Bold;src:url(/fonts/Ventura-Bold.ttf)format("truetype");font-style:normal;font-display:swap}@font-face{font-family:Ventura Inline Bold;src:url(/fonts/Venturalnline-Bold.ttf)format("truetype");font-style:normal;font-display:swap}@font-face{font-family:Ventura Shadow Bold;src:url(/fonts/VenturaShadow-Bold.ttf)format("truetype");font-style:normal;font-display:swap}:root{--text:#64748b;--text-h:#172033;--bg:#f5f7fb;--surface:#fff;--surface-soft:#f8fafc;--border:#e2e8f0;--border-strong:#cbd5e1;--code-bg:#eef2f7;--accent:#3f7fe8;--accent-strong:#245fc4;--accent-bg:color-mix(in srgb, var(--accent) 10%, transparent);--accent-border:color-mix(in srgb, var(--accent) 28%, transparent);--success-bg:#ecfdf3;--success-text:#16704a;--danger-bg:#fff1f2;--danger-text:#be123c;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 4px 14px #0f172a0f;--shadow-md:0 12px 30px #0f172a14;--shadow-lg:0 20px 50px #0f172a1f;--sans:"Work Sans", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Fraunces", Georgia, serif;--mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;font:15px/145% var(--sans);letter-spacing:.08px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{background:var(--bg);min-width:320px;min-height:100%;margin:0}body{min-height:100svh;overflow-x:hidden}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent,#3f7fe8) 18%, transparent);outline-offset:1px}input::placeholder,textarea::placeholder{color:#94a3b8}select,input,textarea{max-width:100%}#root{text-align:left;width:100%;min-height:100svh;margin:0}h1,h2,h3,h4{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-1px;margin:24px 0;font-size:clamp(30px,3vw,42px);line-height:1.08}h2{letter-spacing:-.2px;margin:0 0 8px;font-size:22px;line-height:118%}h3{margin:0 0 6px;font-size:17px;line-height:125%}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:6px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:13px;line-height:135%}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}input:not([type=range]),select,textarea{transition:border-color .16s,box-shadow .16s,background .16s}input:not([type=range]):hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:not([type=range]):focus,select:focus,textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#3f7fe8) 10%, transparent);border-color:var(--accent)!important}button:not([aria-label]){transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}button:not([aria-label]):hover{transform:translateY(-1px)}button:not([aria-label]):active{transform:translateY(0)}table{border-collapse:separate;border-spacing:0;width:100%}thead th{font-family:var(--mono);letter-spacing:.55px;text-transform:uppercase;color:#64748b;background:#f8fafc;font-size:10px}tbody tr{transition:background .14s}tbody tr:hover{background:#3f7fe809}#root div[style*="background: rgb(255, 255, 255)"][style*=border]{box-shadow:var(--shadow-xs)}#root div[style*="background: rgb(255, 255, 255)"][style*=border-radius]{transition:box-shadow .18s,border-color .18s,transform .18s}#root div[style*="background: rgb(255, 255, 255)"][style*=border-radius]:hover{box-shadow:var(--shadow-sm)}@media (width>=901px){#root>div>div[style*="position: fixed"][style*="width: 210px"]{border-right:1px solid #ffffff1a;background:linear-gradient(180deg,var(--accent,#3f7fe8) 0%,var(--accent-strong,#245fc4) 100%)!important;width:224px!important;box-shadow:6px 0 24px color-mix(in srgb, var(--accent-strong,#245fc4) 12%, transparent)!important}#root>div>div[style*="position: fixed"][style*="width: 210px"]>div:first-child{background:#ffffff0b;min-height:76px;padding:20px 16px 18px!important}#root>div>div[style*="position: fixed"][style*="width: 210px"]>div:nth-child(2){gap:4px!important;padding:12px 10px!important}#root>div>div[style*="position: fixed"][style*="width: 210px"]>div:nth-child(2) button{min-height:42px;border:1px solid #0000!important}#root>div>div[style*="position: fixed"][style*="width: 210px"]>div:nth-child(2) button:hover{transform:translate(2px);background:#ffffff1a!important;border-color:#ffffff1a!important}#root>div>div[style*="position: fixed"][style*="width: 210px"]>button:last-child{min-height:40px;background:#ffffff12!important;border-color:#ffffff38!important;margin:12px!important}#root>div>div[style*="margin-left: 210px"]{margin-left:224px!important}#root>div>div[style*="margin-left: 210px"]>div{max-width:1440px!important;padding:22px 24px 40px!important}}#root>div.sjs-customer-page,#root>div.sjs-customer-page>div:first-child{background:var(--customer-bg,#f3f6ec)!important}@media (width<=900px){#root>div>div:first-child:not([style*="position: fixed"]){min-height:62px;box-shadow:0 3px 14px color-mix(in srgb, var(--accent-strong,#245fc4) 14%, transparent);z-index:15;position:sticky;top:0;background:linear-gradient(135deg,var(--accent,#3f7fe8) 0%,var(--accent-strong,#245fc4) 100%)!important;padding:10px 14px!important}#root>div>div:nth-child(2){max-width:820px!important;padding:14px 14px 92px!important}#root>div>div[style*="position: fixed"][style*="bottom: 0"][style*=border-top]{-webkit-backdrop-filter:blur(12px);min-height:68px;box-shadow:0 -6px 20px #0f172a14;padding-bottom:max(6px,env(safe-area-inset-bottom))!important;z-index:40!important;background:#fffffff7!important}#root>div>div[style*="position: fixed"][style*="bottom: 0"][style*=border-top] button{min-height:62px;margin:3px 2px;border-radius:12px!important}#root>div>div[style*="position: fixed"][style*="bottom: 0"][style*=border-top] button:active{transform:scale(.97)}#root table{min-width:0}#root input,#root select,#root textarea{min-height:40px}}@media (width<=700px){html,body{min-width:320px}h1{margin:16px 0;font-size:28px}h2{font-size:20px}h3{font-size:16px}#root [style*=grid-template-columns]{min-width:0}}.cash-register-panel,.stock-panel,.rubber-panel{min-width:0}.cash-register-panel table,.stock-panel table,.rubber-panel table{table-layout:auto;width:100%}.cash-register-panel thead th,.stock-panel thead th,.rubber-panel thead th{z-index:2;white-space:nowrap;padding:10px 12px;position:sticky;top:0}.cash-register-panel tbody td,.stock-panel tbody td,.rubber-panel tbody td{vertical-align:middle;border-bottom:1px solid var(--border);padding:10px 12px}.cash-register-panel tbody tr:last-child td,.stock-panel tbody tr:last-child td,.rubber-panel tbody tr:last-child td{border-bottom:0}.cash-in{color:#16704a!important}.cash-out{color:#be123c!important}.low-stock,.stock-low{background:#be123c0e!important}.low-stock td:first-child,.stock-low td:first-child{box-shadow:inset 3px 0 #be123c}.stock-ok{color:#16704a!important}#root .table-scroll,#root [style*="overflow-x: auto"]{scrollbar-width:thin}#root .table-scroll{overscroll-behavior-x:contain;border-radius:12px;overflow-x:auto}#root input:not([type=checkbox]):not([type=radio]):not([type=range]),#root select,#root textarea{background:var(--surface);min-width:0;color:var(--text-h);border-radius:9px}#root input:not([type=checkbox]):not([type=radio]):not([type=range]),#root select{min-height:40px}#root textarea{resize:vertical;min-height:84px}#root select{cursor:pointer}#root input:disabled,#root select:disabled,#root textarea:disabled{cursor:not-allowed;opacity:.62;background:#f1f5f9}#root select{padding:0 34px 0 11px}#root [role=combobox]{min-width:0;position:relative}#root [role=listbox]{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-width:min(420px,100vw - 24px);max-height:min(320px,45vh);overflow:hidden auto;z-index:1000!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-lg)!important;background:var(--surface)!important;border-radius:10px!important}#root [role=option]{cursor:pointer;min-height:38px;padding:9px 11px}#root [role=option][aria-selected=true]{background:var(--accent-bg);color:var(--accent-strong)}#root [role=option]:hover{background:#f1f5f9}#root [style*="position: absolute"][style*=z-index]{max-width:calc(100vw - 20px)}#root .dropdown-portal,#root .dropdown-menu,#root .autocomplete-menu{z-index:1000;overscroll-behavior:contain;max-width:calc(100vw - 20px);max-height:min(320px,45vh);overflow:auto}@media (width<=900px){#root input:not([type=checkbox]):not([type=radio]):not([type=range]),#root select{min-height:42px}#root [role=listbox],#root .dropdown-menu,#root .autocomplete-menu{max-width:calc(100vw - 28px)}}@media (width<=700px){.cash-register-panel tbody td,.stock-panel tbody td,.rubber-panel tbody td,.cash-register-panel thead th,.stock-panel thead th,.rubber-panel thead th{padding:9px 8px}#root .stock-panel>div,#root .stock-panel .sjs-responsive-table{width:100%!important;overflow-x:hidden!important}#root .stock-panel table,#root .stock-panel table[style]{table-layout:auto!important;border-collapse:separate!important;border-spacing:0!important;width:100%!important;min-width:0!important;max-width:100%!important}#root .stock-panel thead{display:none!important}#root .stock-panel tbody{width:100%!important;display:block!important}#root .stock-panel tbody tr{box-shadow:var(--shadow-xs);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;border:1px solid var(--border)!important;background:var(--surface)!important;border-radius:12px!important;width:100%!important;margin:0 0 10px!important;padding:10px!important;display:grid!important}#root .stock-panel tbody tr:last-child{margin-bottom:0!important}#root .stock-panel tbody td{justify-content:space-between;align-items:center;border:0!important;width:100%!important;min-width:0!important;padding:7px 2px!important;font-size:11.5px!important;display:flex!important;overflow:visible!important}#root .stock-panel tbody td:first-child{grid-column:1/-1;margin-bottom:3px;border-bottom:1px solid var(--border)!important;box-shadow:none!important;padding:2px 0 9px!important}#root .stock-panel tbody td:not(:first-child):before{content:"";font-family:var(--mono);letter-spacing:.35px;text-transform:uppercase;color:var(--text);flex-shrink:0;margin-right:8px;font-size:9.5px}#root .stock-panel tbody td:nth-child(2):before{content:"Rate"}#root .stock-panel tbody td:nth-child(3):before{content:"In"}#root .stock-panel tbody td:nth-child(4):before{content:"Out"}#root .stock-panel tbody td:nth-child(5):before{content:"Close"}#root .stock-panel tbody td:nth-child(5){font-weight:800!important}#root .stock-panel tbody td:first-child>div{max-width:100%}#root .stock-panel tbody td:first-child img,#root .stock-panel tbody td:first-child img+div,#root .stock-panel tbody td:first-child>div>div{min-width:0}}@media (width<=380px){#root .stock-panel tbody tr{grid-template-columns:1fr 1fr;gap:0 6px;padding:8px!important}#root .stock-panel tbody td{font-size:10.5px!important}#root .stock-panel tbody td:not(:first-child):before{margin-right:5px;font-size:8.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sjs-text-size-mobile{display:none}@media (width<=900px){.sjs-text-size-desktop{display:none!important}.sjs-text-size-mobile{display:block!important}.sjs-text-size-mobile-row{grid-template-columns:40px minmax(0,1fr) 40px 72px;align-items:center;gap:7px;display:grid}.sjs-text-size-mobile-row>button{border:1px solid var(--border-strong);background:var(--surface);width:40px;height:42px;color:var(--text-h);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:0;font-size:21px;font-weight:700;line-height:1;display:flex;min-height:42px!important}.sjs-text-size-mobile-row>button:active{transform:scale(.96)}.sjs-text-size-mobile-row>input[type=range]{width:100%;min-width:0;height:42px;accent-color:var(--accent);cursor:pointer}.sjs-text-size-mobile-row .sjs-text-size-value{text-align:center;height:42px;font-family:var(--mono);font-weight:600;width:72px!important;min-height:42px!important;margin:0!important;padding:0 8px!important}.sjs-mobile-hidden-text-alignment{display:none!important}}html[data-app-theme=soft-lilac] body{background:#e3d5ef}html[data-app-theme=soft-lilac] button:not(:has(div,img,canvas,table)){transition:box-shadow .15s,transform .15s;border:0!important;border-radius:999px!important;box-shadow:6px 6px 14px #7d6b9e61,-5px -5px 12px #ffffffd9!important}html[data-app-theme=soft-lilac] button:not(:has(div,img,canvas,table)):active:not(:disabled){transform:scale(.98);box-shadow:inset 4px 4px 9px #5f4f8066,inset -4px -4px 8px #ffffff8c!important}html[data-app-theme=soft-lilac] button:disabled{opacity:.55;box-shadow:none!important}
