.rf-nav-menu__target{min-height:45px;color:var(--rf-muted);font:inherit;white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:0 13px;font-weight:750;display:flex;position:relative}.rf-nav-menu__target>i{width:20px;color:var(--rf-primary);text-align:center;font-style:normal}.rf-nav-menu__target>b{font-size:11px;transition:transform .16s}.rf-nav-menu__target.is-open{background:var(--rf-primary-soft);color:var(--rf-primary-hover);box-shadow:inset 0 0 0 1px var(--rf-blue-100)}.rf-nav-menu__target.is-open>b{transform:rotate(180deg)}.rf-nav-menu__dropdown{box-sizing:border-box;overscroll-behavior:contain;overflow:hidden auto;border-color:var(--rf-border)!important;border-radius:13px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;padding:9px!important;box-shadow:0 20px 48px #173f6c2e!important}.rf-nav-menu__item{min-height:42px;margin:2px 0;font-weight:650;color:var(--rf-ink)!important;border-radius:9px!important}.rf-nav-menu__item i{width:20px;color:var(--rf-primary);text-align:center;font-style:normal}.rf-nav-menu__item kbd{border:1px solid var(--rf-border);background:var(--rf-panel-muted);color:var(--rf-muted);border-radius:5px;padding:2px 6px;font:600 10px inherit}.rf-nav-menu__item .mantine-Menu-itemLabel{white-space:normal;overflow-wrap:anywhere;min-width:0;line-height:1.4}.rf-nav-menu__item:hover,.rf-nav-menu__item.is-active{background:var(--rf-primary-soft)!important;color:var(--rf-primary-hover)!important}.rf-dialog__content{border:1px solid var(--rf-border);box-shadow:0 28px 90px #172b3f3d}.rf-dialog__header{background:var(--rf-panel);height:auto;min-height:60px;color:var(--rf-ink);padding:20px 24px 12px}.rf-dialog__header button{min-height:36px;color:var(--rf-muted)}.rf-dialog__title{color:var(--rf-ink);font-family:inherit;font-size:22px;font-weight:800}.rf-dialog__body{padding:12px 24px 24px}.rf-data-table{width:100%;overflow:hidden}.rf-data-table .mantine-Table-th{z-index:1;background:var(--rf-panel-muted);color:var(--rf-muted);font-size:12px;position:sticky;top:0}.rf-data-table .mantine-Table-td{color:var(--rf-ink);font-size:13px}.rf-data-table__sort{width:100%;color:inherit;font:inherit;text-align:left;align-items:center;gap:7px;font-weight:700;display:flex}.rf-data-table__sort:disabled{cursor:default}.rf-data-table__sort>b{color:var(--rf-primary);font-size:14px}.rf-pagination{border-top:1px solid var(--rf-border);justify-content:flex-end;align-items:center;gap:14px;padding:13px 17px;display:flex}.rf-pagination>p{margin-right:auto}@media (width<=700px){.rf-pagination{flex-wrap:wrap}.rf-pagination>p{width:100%;margin-right:0}.rf-pagination .mantine-Pagination-root{margin-left:auto}}.rf-field{width:100%}.rf-field .mantine-InputWrapper-label{color:var(--rf-ink);font-weight:700}.rf-field .mantine-InputWrapper-description{color:var(--rf-muted)}.mantine-NumberInput-control{min-height:0}.rf-filter-bar{background:#fff;border:1px solid #d8e4ef;border-radius:14px;flex-wrap:wrap;align-items:end;gap:10px;padding:17px;display:flex}.rf-filter-bar label{flex:1;gap:6px;min-width:130px;display:grid}.rf-filter-bar__search{flex:2!important;min-width:280px!important}.rf-filter-bar label>span{color:#60758a;font-size:11px;font-weight:700}.rf-filter-bar input,.rf-filter-bar select{background:#fff;border:1px solid #d8e4ef;border-radius:8px;min-width:0;height:41px;padding:0 10px}.rf-filter-bar__clear{color:#405a73;cursor:pointer;background:#edf1ef;border:0;border-radius:8px;height:41px;padding:0 12px}.rf-filter-bar__count{color:#60758a;width:100%}.rf-filter-chips{flex-wrap:wrap;gap:7px;display:flex}.rf-filter-chips button{color:#2378d1;cursor:pointer;background:#eef4fa;border:0;border-radius:15px;padding:5px 9px}.rf-page-state{padding:24px}.rf-page-state--center{text-align:center;min-height:220px;padding:45px}.rf-status{color:#405a73;background:#edf0ee;border-radius:14px;align-items:center;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.rf-status--success{color:#2378d1;background:#eef4fa}.rf-status--warning{color:#7b5b12;background:#f8edcf}.rf-status--danger{color:#9b3c3a;background:#f7e2e1}.rf-documents{border-top:1px solid #eef4fa;margin-top:20px;padding-top:18px}.rf-documents__head{justify-content:space-between;align-items:start;margin-bottom:12px;display:flex}.rf-documents__head h3{margin:0 0 3px}.rf-documents__head small,.rf-documents__head>span{color:#60758a;font-size:12px}.rf-documents__form{grid-template-columns:1.3fr .8fr 1fr auto;align-items:center;gap:8px;display:grid}.rf-documents__form input,.rf-documents__form select{min-width:0}.rf-documents__list{gap:8px;margin-top:13px;display:grid}.rf-documents__list article{border:1px solid #eef4fa;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.rf-documents__list article>div{gap:2px;display:grid}.rf-documents__list small{color:#60758a}.rf-documents__list p{margin:2px 0 0}.rf-documents__empty{color:#60758a;text-align:center;padding:12px}@media (width<=800px){.rf-documents__form{grid-template-columns:1fr}.rf-documents__list article{flex-direction:column;align-items:start}}.rf-print-stage{background:#dfe3e1;position:relative;overflow:hidden}.rf-print-page{color:#111;background:#fff;position:relative;box-shadow:0 5px 20px #00000029}.rf-print-page img{object-fit:contain;max-width:100%;max-height:100%}.rf-designer{background:#e7ebe9;grid-template-columns:210px minmax(500px,1fr) 250px;min-height:700px;display:grid}.rf-designer>aside{background:#fff;border-right:1px solid #d8e4ef;flex-direction:column;gap:8px;padding:18px;display:flex}.rf-designer>aside h3{margin:10px 0 5px}.rf-designer>aside>button.active{background:#eef4fa;border-color:#2378d1}.rf-designer main{min-width:0}.rf-designer__toolbar{background:#fff;border-bottom:1px solid #d8e4ef;align-items:center;gap:15px;height:64px;padding:0 18px;display:flex}.rf-designer__toolbar label{align-items:center;gap:7px;display:flex}.rf-designer__toolbar .rf-button{margin-left:auto}.rf-designer__canvas{place-items:start center;padding:24px;display:grid;overflow:auto}.rf-designer__properties{border-left:1px solid #d8e4ef;border-right:0!important}.rf-designer__properties label{gap:4px;font-size:12px;display:grid}.rf-designer__numbers{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (width<=1100px){.rf-designer{grid-template-columns:180px 1fr}.rf-designer__properties{grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid!important}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--rf-canvas:#f4f8fc;--rf-panel:#fff;--rf-panel-muted:#f7faff;--rf-ink:#172b3f;--rf-muted:#60758a;--rf-border:#d8e4ef;--rf-primary:#2378d1;--rf-primary-hover:#1c61aa;--rf-primary-soft:#e8f3ff;--rf-info:#2378d1;--rf-warm:#9a6a16;--rf-danger:#c43d4d;--rf-danger-soft:#fff0f2;--rf-warning:#a56d0a;--rf-success:#398eea;--rf-white:#fff;--rf-blue-50:#eef7ff;--rf-blue-100:#dcecff;--rf-blue-300:#8bc1ff;--rf-blue-500:#398eea;--rf-blue-600:#2378d1;--rf-blue-700:#1c61aa;--rf-blue-900:#173f6c;--rf-radius-sm:8px;--rf-radius-md:12px;--rf-radius-lg:18px;--rf-shadow-sm:0 2px 8px #173f6c0f;--rf-shadow:0 12px 32px #173f6c17}body{background:var(--rf-canvas);color:var(--rf-ink);margin:0}button,input,select{font:inherit}button:not(.mantine-NumberInput-control){min-height:44px}:focus-visible{outline-offset:2px;outline:3px solid #2378d147}.rf-button{min-height:44px;font-family:inherit;font-weight:700}.rf-date-picker,.flatpickr-input{box-sizing:border-box;width:100%}.flatpickr-calendar{border-radius:12px;font-family:inherit;box-shadow:0 12px 35px #173f6c29}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange{background:var(--rf-primary);border-color:var(--rf-primary)}:root{color:#172b3f;font-family:Noto Sans Thai,system-ui,sans-serif}body{background:#eef4fa;min-width:1100px;overflow:hidden}button{cursor:pointer}header{color:#fff;background:#173f6c;justify-content:space-between;align-items:center;height:68px;padding:0 20px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand>i{color:#173f6c;background:#ead7a2;border-radius:11px;place-items:center;width:40px;height:40px;font-style:normal;font-weight:900;display:grid}.brand div{flex-direction:column;display:flex}.brand small,.cashier span{color:#d8e4ef;font-size:10px}.connection{font-size:10px}.connection i{background:#b8d9ff;border-radius:50%;width:7px;height:7px;display:inline-block}.cashier{align-items:center;gap:10px;display:flex}.cashier b{align-items:center;gap:8px;display:flex}.cashier b i{color:#2378d1;background:#eef4fa;border-radius:50%;place-items:center;width:32px;height:32px;font-style:normal;display:grid}.layout{grid-template-columns:1fr 420px;gap:10px;height:calc(100vh - 68px);padding:10px;display:grid}.catalog,aside{background:#fff;border:1px solid #d8e4ef;border-radius:15px;overflow:hidden}.catalog{flex-direction:column;display:flex}.search{border-bottom:1px solid #eef4fa;align-items:center;gap:8px;height:70px;padding:11px 16px;display:flex}.search>span{font-size:26px}.search input{background:#f8faf7;border:1px solid #d8e4ef;border-radius:10px;flex:1;height:46px;padding:0 13px}.search button{color:#2378d1;background:#eef4fa;border:0;border-radius:9px;height:46px;font-weight:700}.groups{border-bottom:1px solid #eef4fa;gap:7px;padding:9px 16px;display:flex;overflow:auto}.groups button{white-space:nowrap;background:#fff;border:1px solid #d8e4ef;border-radius:20px;min-height:33px;padding:0 14px;font-size:11px}.groups .active{color:#fff;background:#2378d1;border-color:#2378d1}.section-title{justify-content:space-between;align-items:center;padding:11px 16px 6px;display:flex}.section-title h2{margin:0;font-size:16px}.section-title small{color:#60758a;font-size:10px}.legend{color:#60758a;font-size:9px}.legend i{background:#5ea7f7;border-radius:50%;width:7px;height:7px;display:inline-block}.products{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:9px;padding:7px 14px 20px;display:grid;overflow:auto}.product{text-align:left;background:#fff;border:1px solid #d8e4ef;border-radius:12px;min-height:225px;padding:0;overflow:hidden}.product:hover{border-color:#5ea7f7;transform:translateY(-1px);box-shadow:0 8px 22px #173f6c12}.sack{color:#765f32;background:#e9dfc7;flex-direction:column;justify-content:center;align-items:center;height:105px;display:flex;position:relative}.sack:before{content:"";background:#fffaf0;border:1px solid #d1c19c;border-radius:7px 7px 16px 16px;width:65px;height:78px;position:absolute;box-shadow:0 5px 12px #5c4b2418}.sack span,.sack b{z-index:1}.sack b{text-align:center;max-width:55px;font-size:10px}.s1{background:#eef4fa}.s2{background:#e7e1d5}.s3{background:#eef4fa}.sack em{color:#965b14;background:#fff0d8;border-radius:12px;padding:3px 7px;font-size:9px;font-style:normal;position:absolute;top:6px;right:6px}.pinfo{padding:9px}.pinfo>small{color:#60758a;font-size:9px}.pinfo h3{margin:3px 0 0;font-size:12px}.pinfo>span{color:#60758a;font-size:9px}.pinfo footer{justify-content:space-between;align-items:end;margin-top:9px;display:flex}.pinfo footer>b{color:#2378d1}.pinfo footer small{color:#60758a;font-size:9px}aside{flex-direction:column;display:flex}.order-head{border-bottom:1px solid #eef4fa;justify-content:space-between;align-items:center;height:54px;padding:0 14px;display:flex}.order-head h2{margin:0;font-size:15px}.order-head small{color:#60758a;font-size:9px;display:block}.order-head button{color:#9c4d41;background:0 0;border:0;font-size:10px}.customer{text-align:left;background:#f7faff;border:1px solid #d8e4ef;border-radius:10px;align-items:center;gap:9px;min-height:54px;margin:9px 11px 4px;display:flex}.customer>i{background:#eef4fa;border-radius:9px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.customer span{flex-direction:column;flex:1;display:flex}.customer small{font-size:9px}.customer em{color:#398eea;font-size:9px;font-style:normal}.lines{flex:1;padding:5px 11px;overflow:auto}.lines.empty{place-items:center;display:grid}.empty-cart{text-align:center;color:#60758a;max-width:260px}.empty-cart>i{color:#398eea;background:#eef4fa;border-radius:20px;place-items:center;width:65px;height:65px;margin:auto;font-size:25px;font-style:normal;display:grid}.empty-cart b{color:#405a73;margin-top:10px;font-size:12px;display:block}.lines article{border-bottom:1px solid #eef4fa;padding:9px 0}.line-title,.line-detail{align-items:center;display:flex}.line-title span{flex-direction:column;flex:1;display:flex}.line-title small,.line-detail span{color:#60758a;font-size:9px}.line-title button{color:#9b4c42;background:0 0;border:0;font-size:18px}.line-detail{gap:8px;margin-top:7px}.line-detail .weight{color:#2378d1;flex:1;font-weight:700}.totals{background:#fafbf8;border-top:1px solid #d8e4ef;padding:8px 14px}.totals p{justify-content:space-between;align-items:center;margin:5px 0;font-size:10px;display:flex}.totals label{background:#fff;border:1px solid #d8e4ef;border-radius:6px;padding-left:6px}.totals input{text-align:right;border:0;width:65px;height:26px}.totals .grand{border-top:1px dashed #a9bfd5;padding-top:8px}.grand strong{color:#2378d1;font-size:21px}.pay{color:#fff;background:#2378d1;border:0;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:9px;min-height:55px;margin:8px 11px 5px;padding:0 13px;display:grid}.pay span{text-align:left;font-weight:700}.pay:disabled{color:#60758a;background:#d8e4ef}.quick{grid-template-columns:1fr 1fr;gap:6px;padding:0 11px 10px;display:grid}.quick button{background:#fff;border:1px solid #d8e4ef;border-radius:8px;min-height:36px;font-size:10px}.backdrop{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#172b3fb5;place-items:center;display:grid;position:fixed;inset:0}.sale-sheet,.payment{background:#fff;border-radius:19px;width:510px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0004}.close{border:0;border-radius:50%;width:34px;min-height:34px;font-size:20px;position:absolute;top:15px;right:15px}.sheet-product{align-items:center;gap:12px;padding:18px 20px;display:flex}.mini-sack{color:#765d2e;background:#f4ead0;border:1px solid #dacba7;border-radius:7px 7px 13px 13px;place-items:center;width:52px;height:60px;font-weight:900;display:grid}.sheet-product small,.sheet-product p{color:#60758a;margin:0;font-size:9px}.sheet-product h2{margin:2px 0;font-size:16px}.mode{grid-template-columns:1fr 1fr;gap:8px;padding:0 20px 15px;display:grid}.mode button{text-align:left;background:#fff;border:1px solid #d8e4ef;border-radius:10px;align-items:center;gap:9px;height:68px;padding:0 13px;display:flex}.mode button>i{font-size:22px;font-style:normal}.mode span{flex-direction:column;display:flex}.mode small{color:#60758a;font-size:9px}.mode .active{color:#2378d1;background:#f7faff;border:2px solid #2378d1}.pack-panel,.scale-panel{background:#f7f9f6;border-top:1px solid #d8e4ef;padding:18px 20px}.pack-panel label{font-size:10px;font-weight:700}.pack-panel select{background:#fff;border:1px solid #d8e4ef;border-radius:8px;width:100%;height:43px;margin-top:5px;padding:0 10px;display:block}.pack-summary{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.pack-summary span{background:#fff;border:1px solid #d8e4ef;border-radius:9px;padding:11px}.pack-summary small,.pack-summary b{display:block}.pack-summary small{color:#60758a;font-size:9px}.pack-summary b{color:#2378d1}.scale-top{justify-content:space-between;font-size:10px;display:flex}.scale-top em{color:#9b5d4e;font-style:normal}.scale-top em.stable{color:#2378d1}.scale-panel>label{margin-top:6px;display:flex;position:relative}.scale-panel input{text-align:right;color:#2378d1;border:1px solid #a9bfd5;border-radius:10px;width:100%;height:66px;padding:0 55px 0 10px;font-size:30px;font-weight:800}.scale-panel label>b{position:absolute;top:23px;right:15px}.scale-actions{grid-template-columns:70px 70px 1fr;gap:6px;margin-top:7px;display:grid}.scale-actions button{background:#fff;border:1px solid #d8e4ef;border-radius:7px;min-height:36px;font-size:10px}.scale-actions .capture{color:#2378d1;background:#eef4fa;font-weight:700}.scale-panel>p{color:#60758a;text-align:right;font-size:10px}.add-line{color:#fff;background:#2378d1;border:0;border-radius:10px;justify-content:space-between;width:calc(100% - 40px);height:50px;margin:0 20px 20px;padding:0 16px;font-weight:700;display:flex}.add-line:disabled{color:#60758a;background:#d8e4ef}.pay-head{justify-content:space-between;padding:18px 20px;display:flex}.pay-head small{color:#60758a;font-size:9px}.pay-head h2{margin:2px 0;font-size:14px}.pay-head h2 b{color:#2378d1;font-size:20px}.pay-head button{border:0;border-radius:50%;width:34px;min-height:34px;font-size:20px}.cash{background:#f7faff;border-top:1px solid #d8e4ef;padding:18px 20px}.cash label{font-size:10px}.cash label>div{position:relative}.cash input{text-align:right;color:#2378d1;border:1px solid #d8e4ef;border-radius:9px;width:100%;height:58px;padding-right:48px;font-size:27px;font-weight:800}.cash label span{position:absolute;top:20px;right:13px}.presets{grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 15px;display:grid}.presets button{background:#fff;border:1px solid #d8e4ef;border-radius:7px;min-height:36px;font-size:10px}.cash h3,.success h3{color:#2378d1;border-top:1px dashed #a9bfd5;justify-content:space-between;padding-top:12px;font-size:14px;display:flex}.confirm{color:#fff;background:#2378d1;border:0;border-radius:10px;justify-content:space-between;width:calc(100% - 40px);height:51px;margin:0 20px 19px;padding:0 16px;font-weight:700;display:flex}.confirm:disabled{background:#d8e4ef}.success{text-align:center;padding:34px}.success>i{color:#2378d1;background:#eef4fa;border-radius:50%;place-items:center;width:65px;height:65px;margin:auto;font-size:28px;font-style:normal;display:grid}.success h2{margin:12px 0 0}.success p{color:#60758a;font-size:10px}.success>strong{color:#2378d1;font-size:27px}.success>button{color:#fff;background:#2378d1;border:0;border-radius:9px;width:100%;height:46px;font-weight:700}.login-page{background:radial-gradient(circle at 30% 20%,#eef4fa,#eef4fa);place-items:center;min-height:100vh;display:grid;overflow:auto}.login-card{background:#fff;border:1px solid #d8e4ef;border-radius:20px;flex-direction:column;width:390px;padding:34px;display:flex;box-shadow:0 25px 70px #173f6c20}.login-logo{color:#ead7a2;background:#173f6c;border-radius:14px;place-items:center;width:52px;height:52px;font-size:16px;font-weight:900;display:grid}.login-card h1{margin:16px 0 0;font-size:24px}.login-heading{flex-direction:column;margin:5px 0 22px;display:flex}.login-heading>b{color:#173f6c;font-size:16px}.login-heading>span{color:#60758a;margin-top:1px;font-size:13px}.login-card label{margin-top:11px;font-size:11px;font-weight:700}.login-card input{border:1px solid #d8e4ef;border-radius:9px;width:100%;height:44px;margin-top:5px;padding:0 12px}.login-card>button{color:#fff;background:#2378d1;border:0;border-radius:10px;height:48px;margin-top:19px;font-weight:800}.login-card>button:disabled{opacity:.6}.login-card>small{text-align:center;color:#8298ad;margin-top:12px;font-size:9px}.login-error{color:#943f34;background:#fae9e6;border-radius:8px;margin-top:10px;padding:9px 11px;font-size:11px}.store-shell{background:#f1f3ee;grid-template-columns:230px 1fr;height:100vh;display:grid}.store-sidebar{color:#fff;background:#173f6c;flex-direction:column;padding:16px 10px;display:flex}.store-brand{border-bottom:1px solid #ffffff1c;align-items:center;gap:10px;padding:0 7px 18px;display:flex}.store-brand>i{color:#173f6c;background:#ead7a2;border-radius:11px;place-items:center;width:40px;height:40px;font-style:normal;font-weight:900;display:grid}.store-brand span,.store-user span{flex-direction:column;display:flex}.store-brand small,.store-user small{color:#a9bfd5;font-size:9px}.store-sidebar nav{flex-direction:column;gap:4px;padding-top:16px;display:flex}.store-sidebar nav button{color:#d8e4ef;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;min-height:44px;padding:0 10px;font-size:11px;display:flex}.store-sidebar nav button>i{text-align:center;width:20px;font-size:16px;font-style:normal}.store-sidebar nav button.active,.store-sidebar nav button:hover{color:#fff;background:#ffffff16}.store-sidebar nav kbd{color:#d8e4ef;background:#ffffff0d;border-color:#fff2;margin-left:auto}.store-user{border-top:1px solid #ffffff1c;align-items:center;gap:8px;margin-top:auto;padding:12px 7px 0;display:flex}.store-user>i{color:#2378d1;background:#eef4fa;border-radius:50%;place-items:center;width:34px;height:34px;font-style:normal;font-weight:800;display:grid}.store-user span{flex:1}.store-user button{color:#d8e4ef;background:0 0;border:0;font-size:9px}.store-content{padding:28px 32px 45px;overflow:auto}.page-head{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.page-head p{letter-spacing:.15em;color:#96712b;margin:0;font-size:9px;font-weight:800}.page-head h1{margin:2px 0;font-size:25px}.page-head span{color:#60758a;font-size:11px}.primary-action,.secondary-action{border-radius:9px;height:42px;padding:0 15px;font-weight:700}.primary-action{color:#fff;background:#2378d1;border:0}.primary-action b{margin-left:20px}.secondary-action{color:#2378d1;background:#fff;border:1px solid #a9bfd5}.metric-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.metric-grid article{background:#fff;border:1px solid #d8e4ef;border-radius:13px;grid-template-columns:34px 1fr;padding:15px;display:grid}.metric-grid article>i{color:#2378d1;background:#eef4fa;border-radius:9px;place-items:center;width:30px;height:30px;font-style:normal;font-weight:800;display:grid}.metric-grid article>span{font-size:10px;font-weight:700}.metric-grid article>span small{color:#8298ad;font-size:8px;font-weight:400;display:block}.metric-grid strong{grid-column:1/3;margin-top:12px;font-size:20px}.metric-grid em{color:#398eea;cursor:pointer;grid-column:1/3;margin-top:3px;font-size:9px;font-style:normal}.dash-grid{grid-template-columns:1.3fr 1fr;gap:10px;margin-top:10px;display:grid}.panel,.table-panel{background:#fff;border:1px solid #d8e4ef;border-radius:13px;overflow:hidden}.panel-head{border-bottom:1px solid #eef4fa;padding:14px 16px}.panel-head h2{margin:0;font-size:13px}.panel-head small{color:#60758a;font-size:9px}.task-list{padding:6px 14px}.task-list button{text-align:left;background:#fff;border:0;border-bottom:1px solid #eef4fa;align-items:center;gap:10px;width:100%;padding:10px 0;display:flex}.task-list button>i{background:#eef4fa;border-radius:8px;place-items:center;width:31px;height:31px;font-style:normal;display:grid}.task-list i.warn{color:#986016;background:#fff0da}.task-list span{flex-direction:column;flex:1;display:flex}.task-list small{color:#60758a;font-size:8px}.task-list em{color:#398eea;font-size:9px;font-style:normal}.clean-state{text-align:center;color:#398eea;padding:16px;font-size:10px}.shortcut{grid-template-columns:1fr 1fr;gap:8px;padding:14px;display:grid}.shortcut button{color:#2378d1;background:#f9faf7;border:1px solid #d8e4ef;border-radius:9px;height:72px;font-size:20px}.shortcut span{color:#405a73;margin-top:4px;font-size:9px;display:block}.stock-summary{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:10px;display:grid}.stock-summary span{background:#fff;border:1px solid #d8e4ef;border-radius:11px;padding:12px 15px}.stock-summary small,.stock-summary b{display:block}.stock-summary small{color:#60758a;font-size:9px}.stock-summary b{color:#2378d1;font-size:18px}.table-tools{border-bottom:1px solid #eef4fa;justify-content:space-between;align-items:center;height:58px;padding:0 14px;display:flex}.table-search{color:#60758a;border:1px solid #d8e4ef;border-radius:8px;width:330px;padding:0 10px}.table-search input{background:0 0;border:0;outline:0;width:290px;height:36px;font-size:10px}.table-tools>button{background:#fff;border:1px solid #d8e4ef;border-radius:7px;min-height:36px;font-size:10px}table{border-collapse:collapse;width:100%;font-size:10px}th{text-align:left;color:#60758a;text-transform:uppercase;letter-spacing:.04em;background:#f8faf7;font-size:8px}th,td{border-bottom:1px solid #eef4fa;padding:11px 14px}.right{text-align:right}.location{background:#eef4fa;border-radius:5px;padding:3px 6px}.badge{border-radius:12px;padding:3px 7px;font-size:8px;display:inline-block}.badge.ok{color:#2378d1;background:#eef4fa}.badge.low{color:#935b16;background:#fff0db}.no-data,.loading{text-align:center;color:#60758a;padding:45px}.no-data.tall{padding:70px}.no-data>i{color:#398eea;background:#eef4fa;border-radius:17px;place-items:center;width:55px;height:55px;margin:auto;font-size:23px;font-style:normal;display:grid}.no-data b{color:#405a73;margin-top:9px;font-size:11px;display:block}.no-data p{font-size:9px}.loading{font-size:10px}.flow{background:#fff;border:1px solid #d8e4ef;border-radius:11px;justify-content:center;align-items:center;gap:12px;margin-bottom:10px;padding:14px;display:flex}.flow span{color:#60758a;font-size:9px}.flow span i{background:#eef4fa;border-radius:50%;place-items:center;width:24px;height:24px;margin-right:5px;font-style:normal;display:inline-grid}.flow span.done{color:#2378d1;font-weight:700}.flow span.done i{background:#eef4fa}.flow>b{color:#a9bfd5}.tabs{border-bottom:1px solid #eef4fa;padding:0 14px;display:flex}.tabs button{color:#60758a;background:#fff;border:0;min-height:48px;padding:0 15px;font-size:10px}.tabs button.active{color:#2378d1;border-bottom:2px solid #2378d1;font-weight:700}.tabs button b{background:#eef4fa;border-radius:10px;margin-left:3px;padding:2px 6px}.notice{background:#f7faff;border:1px solid #d8e4ef;border-radius:10px;flex-direction:column;margin-top:10px;padding:12px 15px;display:flex}.notice b{font-size:10px}.notice span{color:#60758a;font-size:9px}.notice.error{color:#8d4438;background:#fff1ed;border-color:#efd1ca}.pos-route{height:100vh;position:relative}.back-office{z-index:9;color:#fff;background:#ffffff12;border:1px solid #ffffff2a;border-radius:8px;height:38px;padding:0 10px;font-size:10px;position:fixed;top:13px;left:205px}.pos-route .brand{padding-right:130px}body{font-size:14px;line-height:1.45}.brand small,.cashier span,.connection{font-size:12px}.groups button{font-size:13px}.section-title h2{font-size:19px}.section-title small,.legend,.pinfo>small,.pinfo>span,.pinfo footer small{font-size:12px}.pinfo h3{font-size:15px;line-height:1.35}.pinfo footer>b{font-size:16px}.sack span{font-size:11px}.sack b{font-size:12px}.sack em{font-size:11px}.order-head h2{font-size:18px}.order-head small,.order-head button{font-size:12px}.customer small,.customer em{font-size:11px}.customer b{font-size:14px}.empty-cart b{font-size:15px}.empty-cart p{font-size:12px}.line-title b{font-size:14px}.line-title small,.line-detail span{font-size:12px}.line-detail>b{font-size:15px}.totals p{font-size:13px}.quick button,.sheet-product small,.sheet-product p{font-size:12px}.sheet-product h2{font-size:19px}.mode b{font-size:14px}.mode small{font-size:11px}.pack-panel label,.scale-top,.scale-panel>p{font-size:12px}.pack-summary small{font-size:11px}.pack-summary b{font-size:16px}.scale-actions button,.pay-head small,.cash label{font-size:12px}.store-brand small,.store-user small{font-size:11px}.store-sidebar nav button,.store-user b{font-size:13px}.store-user button,.page-head p{font-size:11px}.page-head h1{font-size:29px}.page-head span{font-size:14px}.metric-grid article>span{font-size:13px}.metric-grid article>span small{font-size:11px;line-height:1.4}.metric-grid strong{font-size:23px}.metric-grid em{font-size:12px}.panel-head h2{font-size:16px}.panel-head small{font-size:12px}.task-list b{font-size:13px}.task-list small{font-size:11px}.task-list em{font-size:12px}.clean-state{font-size:13px}.shortcut span,.stock-summary small{font-size:12px}.stock-summary b{font-size:21px}.table-search input,.table-tools>button,table{font-size:13px}th{font-size:11px}th,td{padding-top:14px;padding-bottom:14px}.badge{font-size:11px}.no-data b{font-size:14px}.no-data p,.loading,.flow span{font-size:12px}.tabs button,.notice b{font-size:13px}.notice span,.back-office,.login-card>p{font-size:12px}.login-card h1{font-size:27px}.login-card>span{font-size:14px}.login-card label,.login-error{font-size:13px}.store-shell{background:linear-gradient(#eef4fa 0,#f4f5f1 160px);grid-template-rows:82px minmax(0,1fr);grid-template-columns:1fr;height:100vh;display:grid}.store-sidebar{color:#172b3f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#fffffcf5;border:0;border-bottom:1px solid #d8e4ef;grid-row:1;grid-template-columns:230px minmax(600px,1fr) 330px;align-items:center;padding:0 24px;display:grid;box-shadow:0 5px 24px #172b3f12}.store-brand{border:0;gap:11px;height:52px;padding:0}.store-brand>i{color:#efdba7;background:linear-gradient(145deg,#173f6c,#2378d1);border-radius:13px;width:43px;height:43px;box-shadow:0 7px 17px #173f6c28}.store-brand span b{font-size:15px}.store-brand small{color:#60758a;font-size:11px}.store-sidebar nav{flex-direction:row;justify-content:center;gap:5px;padding:0;display:flex}.store-sidebar nav button{color:#60758a;white-space:nowrap;border-radius:12px;gap:7px;min-height:45px;padding:0 14px;font-size:13px;transition:background .15s,color .15s,transform .15s;position:relative}.store-sidebar nav button>i{width:18px;font-size:17px}.store-sidebar nav button:hover{color:#2378d1;background:#f7faff;transform:translateY(-1px)}.store-sidebar nav button.active{color:#2378d1;background:#eef4fa;font-weight:800;box-shadow:inset 0 0 0 1px #d8e4ef}.store-sidebar nav button.active:after{content:"";background:#2378d1;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-19px;left:16px;right:16px}.store-sidebar nav kbd{display:none}.store-user{color:#172b3f;border:0;border-left:1px solid #d8e4ef;justify-self:end;width:225px;height:52px;margin:0;padding:0 0 0 18px}.store-user>i{color:#2378d1;background:#eef4fa;width:38px;height:38px}.store-user b{font-size:13px}.store-user small{color:#60758a;font-size:10px}.store-user button{color:#60758a;background:#f8faf7;border:1px solid #d8e4ef;border-radius:8px;min-height:31px;padding:0 8px;font-size:11px}.store-user button:hover{color:#91483d;background:#f7eae7;border-color:#ead0ca}.store-content{grid-row:2;min-width:0;padding:30px clamp(28px,4vw,64px) 48px;overflow:auto}.page-head,.store-content>.metric-grid,.store-content>.dash-grid,.store-content>.stock-summary,.store-content>.table-panel,.store-content>.flow,.store-content>.notice{max-width:1500px;margin-left:auto;margin-right:auto}.store-content>.dash-grid,.store-content>.table-panel+.notice{margin-top:12px}.metric-grid article,.panel,.table-panel,.stock-summary span{box-shadow:0 8px 25px #173f6c0b}.metric-grid article{border-color:#d8e4ef}.metric-grid article:first-child{color:#fff;background:linear-gradient(145deg,#2378d1,#2378d1);border:0}.primary-action{background:linear-gradient(145deg,#2378d1,#2378d1);border-radius:12px;height:46px;padding:0 18px;box-shadow:0 8px 20px #2378d12b}.secondary-action{border-radius:11px;height:44px}.page-head h1{letter-spacing:-.02em}@media (width<=1250px){.store-sidebar{grid-template-columns:190px 1fr 185px;padding:0 16px}.store-sidebar nav button{padding:0 9px;font-size:12px}.store-user{width:175px}.store-user span{display:none}.store-content{padding-left:26px;padding-right:26px}}.store-content.pos-content{overscroll-behavior-y:contain;scrollbar-gutter:stable;max-width:none;min-height:0;padding:0;overflow:hidden auto}.pos-content>.pos{height:100%}.pos-content>.pos>header{display:none}.pos-content .layout{height:100%;padding:10px}.show-pos{background:#eef4fa}.show-pos .store-sidebar nav button.active:after{bottom:-19px}.cell-sub{color:#60758a;margin-top:2px;font-size:11px;display:block}.price-cell{color:#2378d1;font-weight:700}.price-cell>span{color:#a05d4e;font-size:11px;font-weight:500}.row-action{border:1px solid var(--rf-border);background:var(--rf-primary-soft);min-height:34px;color:var(--rf-primary-hover);border-radius:8px;padding:0 10px;font-size:11px;font-weight:700}.row-action:disabled{opacity:.4}.price-modal{background:#fff;border-radius:18px;width:480px;padding:24px;position:relative;box-shadow:0 28px 80px #0005}.price-modal>p{letter-spacing:.14em;color:#94702b;margin:0;font-size:11px;font-weight:800}.price-modal>h2{margin:2px 0 16px;font-size:22px}.price-modal-form{gap:14px;display:grid}.price-product{border:1px solid var(--rf-border);background:var(--rf-panel-muted);border-radius:10px;flex-direction:column;padding:12px 14px;display:flex}.price-product b{font-size:15px}.price-product span{color:var(--rf-muted);font-size:12px}.price-basis{grid-template-columns:1fr 1fr;gap:7px;display:grid}.price-modal>label{margin-top:12px;font-size:12px;font-weight:700;display:block}.price-modal select{background:#fff;border:1px solid #d8e4ef;border-radius:8px;width:100%;height:43px;margin-top:5px;padding:0 10px}.price-input{margin-top:5px;position:relative}.price-input input{color:#2378d1;border:1px solid #d8e4ef;border-radius:9px;width:100%;height:58px;padding:0 100px 0 34px;font-size:25px;font-weight:800}.price-input>span{font-size:18px;position:absolute;top:18px;left:13px}.price-input>em{color:#60758a;font-size:12px;font-style:normal;position:absolute;top:20px;right:12px}.price-note{color:#745a27;background:#fff8e9;border:1px solid #ebdcbb;border-radius:8px;margin-top:13px;padding:10px 12px;font-size:11px}.save-price{color:#fff;background:#2378d1;border:0;border-radius:9px;width:100%;height:48px;margin-top:15px;font-weight:800}.save-price:disabled{color:#60758a;background:#d8e4ef}.opening-description{color:var(--rf-muted);margin:0;font-size:13px}.opening-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=600px){.opening-grid{grid-template-columns:1fr}}.opening-summary{grid-template-columns:1fr 1fr;gap:9px;display:grid}.opening-summary span{border:1px solid var(--rf-border);background:var(--rf-primary-soft);border-radius:9px;flex-direction:column;padding:12px;display:flex}.opening-summary small{color:var(--rf-muted)}.opening-summary b{color:var(--rf-primary-hover);font-size:18px}.unit-layout{grid-template-columns:minmax(540px,1.25fr) minmax(360px,.75fr);gap:16px;max-width:1500px;margin:auto;display:grid}.unit-list,.unit-form{border:1px solid var(--rf-border);box-shadow:var(--rf-shadow-sm);background:#fff;border-radius:16px;overflow:hidden}.unit-list-head,.unit-list>button{grid-template-columns:110px 1fr 150px 110px;align-items:center;gap:12px;padding:0 18px;display:grid}.unit-list-head{min-height:48px;color:var(--rf-muted);background:#f4f8fc;font-size:11px}.unit-list>button{border:0;border-bottom:1px solid var(--rf-border);text-align:left;width:100%;min-height:60px;color:var(--rf-ink);background:#fff}.unit-list>button:hover{background:var(--rf-panel-muted)}.unit-list>button.active{background:var(--rf-primary-soft);box-shadow:inset 3px 0 var(--rf-primary)}.unit-list>button b{color:var(--rf-primary);font-size:12px}.unit-list>button span{font-size:13px}.unit-list em{border-radius:14px;justify-self:start;padding:4px 9px;font-size:10px;font-style:normal}.unit-list em.on{background:var(--rf-primary-soft);color:var(--rf-primary-hover)}.unit-list em.off{color:var(--rf-muted);background:#eef2f6}.unit-form{padding:24px}.unit-form h2{margin:0 0 2px;font-size:21px;line-height:1.3}.unit-form footer{justify-content:flex-end;gap:10px;margin-top:2px;padding-top:4px;display:flex}.unit-form footer .rf-button{min-width:116px}.unit-example{background:var(--rf-panel-muted);border-radius:10px;flex-direction:column;padding:11px 13px;display:flex}.unit-example b{font-size:11px}.unit-example span{color:var(--rf-ink);font-size:12px}@media (width<=1100px){.unit-layout{grid-template-columns:1fr}.unit-list-head,.unit-list>button{grid-template-columns:90px 1fr 120px 90px}}@media (width<=600px){.unit-form{padding:18px}.unit-list-head{display:none}.unit-list>button{grid-template-rows:auto auto;grid-template-columns:72px minmax(0,1fr);padding:13px 14px}.unit-list>button>em{grid-column:1}.unit-form footer{flex-direction:column-reverse}.unit-form footer .rf-button{width:100%}}.price-note{display:none}.account-page,.account-page button,.account-page input{font-family:Leelawadee UI,Tahoma,Noto Sans Thai,sans-serif}.account-page{color:#111827}.account-page header{height:auto;color:inherit;background:0 0}.account-page .account-head{padding:0}.account-page .account-head p,.account-page .cash-flow p,.account-page .account-section header p,.account-page .opening-cash-modal>p{color:#2563eb;letter-spacing:.1em;font-size:11px;font-weight:700}.account-page .account-head h1{letter-spacing:-.02em;color:#111827;font-size:30px;font-weight:700}.account-page .account-head>div>span{color:#6b7280;font-size:14px}.account-page .account-head label{color:#6b7280;font-size:12px}.account-page .account-head input{color:#111827;border-color:#d1d5db}.account-page .account-head button{color:#fff;background:#2563eb;font-weight:700}.account-page .account-head button:hover{background:#1d4ed8}.account-page .cash-board{gap:16px}.account-page .cash-hero{background:linear-gradient(145deg,#2563eb,#1d4ed8);padding:26px;box-shadow:0 12px 28px #2563eb26}.account-page .cash-kicker{color:#dbeafe;font-size:14px}.account-page .cash-hero>strong{letter-spacing:-.03em;font-size:42px;font-weight:700}.account-page .cash-hero>div{border-color:#ffffff35}.account-page .cash-hero>div small{color:#dbeafe;font-size:12px}.account-page .cash-hero>div b{font-size:17px}.account-page .cash-flow,.account-page .sale-strip article,.account-page .account-section{background:#fff;border-color:#e5e7eb;box-shadow:0 1px 3px #1118270d}.account-page .cash-flow header{padding:0}.account-page .cash-flow h2,.account-page .account-section h2{letter-spacing:-.01em;color:#111827;font-weight:700}.account-page .cash-flow header button{color:#374151;background:#fff;border-color:#d1d5db}.account-page .cash-flow small{color:#6b7280;font-size:12px}.account-page .cash-flow b{color:#111827;font-size:21px;font-weight:700}.account-page .cash-flow em{color:#9ca3af}.account-page .open-dot{background:#f59e0b}.account-page .in-dot{background:#5ea7f7}.account-page .out-dot{background:#ef4444}.account-page .sale-strip i{color:#2563eb;background:#eff6ff}.account-page .sale-strip small,.account-page .sale-strip em{color:#6b7280;font-size:12px}.account-page .sale-strip b{color:#111827;font-size:19px;font-weight:700}.account-page .account-section>header{color:#111827;background:#fff}.account-page .account-section>header>b{color:#2563eb;background:#eff6ff;font-size:12px}.account-page .account-section header span{color:#6b7280}.account-page .account-section th{color:#6b7280;background:#f9fafb;border-color:#e5e7eb;font-size:12px}.account-page .account-section td{color:#1f2937;border-color:#e5e7eb;font-size:14px}.account-page .brand-mark{color:#2563eb;background:#eff6ff;font-weight:700}.account-page .sold b{color:#d97706}.account-page .revenue b,.account-page .opening-cash-modal{color:#111827}.account-page .opening-cash-modal>button:last-child{background:#2563eb}.account-page .opening-cash-modal h2{color:#111827;font-size:25px;font-weight:700}.login-desktop-download{color:#2378d1;background:#f8faf7;border:1px solid #d8e4ef;border-radius:10px;align-items:center;gap:11px;margin-top:12px;padding:11px 13px;text-decoration:none;transition:all .15s;display:flex}.login-desktop-download:hover{background:#eef4fa;border-color:#a9bfd5}.login-desktop-download>b{background:#eef4fa;border-radius:9px;place-items:center;width:34px;height:34px;font-size:17px;display:grid}.login-desktop-download>span{flex-direction:column;font-size:12px;font-weight:800;display:flex}.login-desktop-download small{color:#60758a;font-size:10px;font-weight:500}.nav-desktop-download{color:#2378d1;white-space:nowrap;background:#eef4fa;border:1px solid #d8e4ef;border-radius:8px;align-items:center;gap:5px;height:32px;padding:0 9px;font-size:11px;font-weight:800;text-decoration:none;display:flex}.nav-desktop-download:hover{background:#eef4fa}.nav-desktop-download>span{display:inline!important}.store-user:has(.nav-desktop-download){width:310px}@media (width<=1350px){.store-sidebar{grid-template-columns:190px minmax(600px,1fr) 215px}.nav-desktop-download>span{display:none!important}.store-user:has(.nav-desktop-download){width:210px}}@media (width<=1250px){.store-sidebar{grid-template-columns:190px minmax(600px,1fr) 185px}.store-user:has(.nav-desktop-download){width:175px}}:root{--shell-pad:clamp(18px,3vw,56px);--touch:44px;--mobile-bar:0px}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;max-width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-text-size-adjust:100%;min-width:0!important}button,input,select,textarea{font:inherit}button{touch-action:manipulation}kbd{font-family:inherit}.mobile-menu-toggle,.mobile-tabbar,.menu-scrim{display:none}.store-shell,.store-sidebar{min-width:0}.store-sidebar nav{scrollbar-width:none;min-width:0;overflow-x:auto}.store-sidebar nav::-webkit-scrollbar{display:none}.store-sidebar nav button{flex:none}.store-sidebar nav button span{min-width:0}.store-sidebar nav button kbd{color:#60758a;background:#f5f7f4;border:1px solid #d8e4ef;border-radius:5px;margin-left:auto;padding:2px 5px;font-size:9px;font-weight:600;display:none}.shortcut-help{flex:none;font-weight:900;border-radius:9px!important;width:32px!important;height:32px!important;min-height:32px!important;padding:0!important}.logout-button{flex:none}.store-content{overscroll-behavior:contain}.store-content>*{min-width:0}.page-head h1,.account-head h1,.users-head h1,.real-title h1{font-size:clamp(25px,2.1vw,32px)}.table-panel,.users-table,.permission-matrix,.account-table-wrap{overscroll-behavior-inline:contain;max-width:100%;overflow:auto}.table-panel>table,.users-table table,.permission-matrix table{min-width:760px}.table-panel th:first-child,.table-panel td:first-child{z-index:1;background:#fff;position:sticky;left:0}.table-panel th:first-child{background:#f8faf7}.real-search kbd,.real-title kbd,.bill-dock kbd{color:#60758a;background:#f5f7f4;border:1px solid #d8e4ef;border-radius:6px;place-items:center;min-width:26px;height:24px;padding:0 6px;font-size:10px;font-weight:800;display:inline-grid;box-shadow:0 1px #a9bfd5}.real-search button kbd,.real-title button kbd{margin-left:6px}.bill-dock button kbd{color:inherit;box-shadow:none;background:#ffffff25;border-color:#ffffff45;margin-left:8px}.shortcut-dialog{width:100%}.shortcut-grid{grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 16px;display:grid}.shortcut-grid span{background:#f8faf7;border:1px solid #d8e4ef;border-radius:12px;grid-template-columns:82px 1fr;align-items:center;min-height:54px;padding:9px 12px;display:grid}.shortcut-grid kbd{color:#2378d1;background:#fff;border:1px solid #d8e4ef;border-radius:7px;justify-self:start;padding:5px 8px;font-size:11px;box-shadow:0 2px #d8e4ef}.shortcut-grid b{font-size:12px}.shortcut-dialog>small{color:#60758a;line-height:1.6}@media (width>=1600px){.store-sidebar{grid-template-columns:220px minmax(0,1fr) minmax(235px,310px)!important;padding-inline:clamp(18px,2vw,32px)!important}.store-sidebar nav{justify-content:center}.store-sidebar nav button{padding-inline:clamp(8px,.75vw,14px)!important;font-size:clamp(11px,.72vw,13px)!important}.store-sidebar nav button>i{font-size:16px}:is(.store-user,.store-user:has(.nav-desktop-download)){min-width:225px;width:auto!important}.store-content{padding-inline:var(--shell-pad)}}@media (width>=768px) and (width<=1599px){.store-shell{grid-template-rows:118px minmax(0,1fr)!important}.store-sidebar{grid-template-rows:62px 56px;height:118px;grid-template-columns:minmax(190px,1fr) auto!important;padding:0 20px!important}.store-brand{grid-area:1/1;height:52px}.store-sidebar nav{border-top:1px solid #eef4fa;grid-area:2/1/auto/-1;justify-content:flex-start;align-self:stretch;gap:6px;padding:5px 0 8px!important}.store-sidebar nav button{min-height:42px!important;padding:0 13px!important;font-size:12px!important}.store-sidebar nav button.active:after{bottom:-8px!important}:is(.store-user,.store-user:has(.nav-desktop-download)){grid-area:1/2;min-width:0;height:52px;padding-left:14px;width:auto!important}.store-user span{display:flex!important}.store-content{padding:24px clamp(20px,3vw,36px) 42px;grid-row:2!important}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid{grid-template-columns:1fr}.role-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}.real-pos{min-height:calc(100vh - 118px)}.real-products{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.sale-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px) and (width<=1023px){.store-brand small{display:none}.store-user span,.nav-desktop-download{display:none!important}.unit-layout,.cash-board{grid-template-columns:1fr!important}.flow{justify-content:flex-start;overflow-x:auto}.flow span{flex:none}.account-head,.users-head{align-items:flex-start}}@media (width>=768px) and (width<=1099px){.store-shell{grid-template-rows:176px minmax(0,1fr)!important}.store-sidebar{grid-template-rows:62px 114px;height:176px}.store-sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:48px;overflow:visible;gap:5px!important;padding:5px 0 8px!important;display:grid!important}.store-sidebar nav button{justify-content:center;width:auto;min-width:0;padding:0 7px!important}.store-sidebar nav button>span{text-overflow:ellipsis;overflow:hidden}.store-sidebar nav button.active:after{display:none}.store-content{grid-row:2!important}.real-pos{min-height:calc(100vh - 176px)}}@media (width<=767px){:root{--shell-pad:14px;--mobile-bar:72px}html{font-size:15px}.store-shell{background:#f2f4f0;height:100dvh;grid-template-rows:64px minmax(0,1fr)!important}.store-sidebar{z-index:90;align-items:center;position:relative;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;grid-row:1!important;grid-template-columns:44px minmax(0,1fr) auto!important;height:64px!important;padding:0 12px!important;display:grid!important;overflow:visible!important}.mobile-menu-toggle{background:#f7f9f6;border:1px solid #d8e4ef;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:42px;height:42px;min-height:42px;display:flex}.mobile-menu-toggle i{background:#2378d1;border-radius:2px;width:17px;height:2px;display:block}.store-brand{grid-column:2;height:52px;padding-left:8px}.store-brand>i{border-radius:11px;width:38px;height:38px}.store-brand span b{font-size:14px}.store-brand small{display:none}:is(.store-user,.store-user:has(.nav-desktop-download)){border:0;grid-column:3;gap:6px;height:52px;padding:0;width:auto!important}.store-user>span,.nav-desktop-download,.shortcut-help{display:none!important}.store-user>i{width:35px;height:35px}.logout-button{width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;font-size:10px!important}.store-sidebar>nav{z-index:120;opacity:0;visibility:hidden;background:#fff;border:1px solid #d8e4ef;border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;transition:all .18s;position:fixed;inset:74px 12px 82px;overflow:auto;transform:translateY(-10px)scale(.98);box-shadow:0 25px 70px #172b3f45;gap:8px!important;padding:14px!important;display:grid!important}.menu-open .store-sidebar>nav{opacity:1;visibility:visible;transform:none}.menu-open .store-sidebar{z-index:130}.store-sidebar nav button{text-align:left;width:100%;color:#405a73!important;background:#f8faf7!important;border:1px solid #eef4fa!important;border-radius:13px!important;grid-template-rows:1fr!important;grid-template-columns:34px 1fr!important;min-height:62px!important;padding:0 12px!important;display:grid!important}.store-sidebar nav button>i{grid-column:1;font-size:20px!important}.store-sidebar nav button>span{white-space:normal;grid-column:2;font-size:13px;font-weight:700}.store-sidebar nav button.active{color:#2378d1!important;background:#eef4fa!important;border-color:#d8e4ef!important}.store-sidebar nav button.active:after,.store-sidebar nav button kbd{display:none!important}.menu-scrim{z-index:110;inset:64px 0 var(--mobile-bar);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#172b3f70;border:0;position:fixed}.menu-open .menu-scrim{display:block}.mobile-tabbar{z-index:100;height:calc(var(--mobile-bar) + env(safe-area-inset-bottom));padding:6px 6px env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-top:1px solid #d8e4ef;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #172b3f14}.mobile-tabbar button{color:#60758a;background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;padding:0 3px;display:flex}.mobile-tabbar button i{font-size:19px;font-style:normal;line-height:1}.mobile-tabbar button span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:700;overflow:hidden}.mobile-tabbar button.active{color:#2378d1;background:#eef4fa}.store-content{min-height:0;overflow-x:hidden;padding:20px var(--shell-pad) calc(var(--mobile-bar) + 24px)!important;grid-row:2!important}.store-content.pos-content{padding:0 0 var(--mobile-bar)!important;overflow:auto!important}.page-head,.account-head,.users-head{flex-direction:column;gap:14px;margin-bottom:18px;display:flex;align-items:stretch!important}.page-head h1,.account-head h1,.users-head h1,.real-title h1{font-size:25px;line-height:1.2}.page-head>div:first-child,.account-head>div:first-child,.users-head>div:first-child{min-width:0}.page-head>button,.page-head>.primary-action,.page-head>.secondary-action,.users-head>button{width:100%;min-height:48px}.dashboard-actions,.account-head>div:last-child{grid-template-columns:1fr 1fr;width:100%;align-items:stretch!important;gap:8px!important;display:grid!important}.dashboard-actions button,.account-head button,.account-head label,.account-head input{width:100%}.metric-grid,.stock-summary,.role-overview,.sale-strip{gap:9px;grid-template-columns:1fr!important}.metric-grid article{min-height:124px;padding:17px}.metric-grid strong{font-size:24px}.dash-grid,.unit-layout,.cash-board{grid-template-columns:1fr!important}.shortcut{grid-template-columns:1fr 1fr}.table-tools{flex-direction:column;align-items:stretch;gap:8px;height:auto;min-height:66px;padding:10px}.table-search{width:100%}.table-search input{width:calc(100% - 26px);height:42px}.table-tools>button{min-height:42px}.table-panel>table,.users-table table,.permission-matrix table{min-width:720px}.flow{justify-content:flex-start;gap:8px;padding:11px;overflow-x:auto}.flow span{flex:none}.flow>b{font-size:12px}.tabs{padding:0 8px;overflow-x:auto}.tabs button{flex:none;min-height:50px}.notice{padding:13px}.unit-form{position:static!important}.unit-list-head{display:none}.unit-list>button{grid-template-rows:auto auto;grid-template-columns:80px minmax(0,1fr)!important;gap:5px 10px!important;padding:12px!important}.unit-list>button>b{grid-area:1/1}.unit-list>button>span:first-of-type{text-overflow:ellipsis;white-space:nowrap;grid-area:1/2;overflow:hidden}.unit-list>button>span:nth-of-type(2){color:#60758a;grid-area:2/2;font-size:12px}.unit-list>button>em{grid-area:2/1}.users-table,.permission-matrix{overflow:auto}.user-actions{min-width:185px}.account-head>div:last-child{grid-template-columns:1fr}.cash-hero,.cash-flow{min-height:auto;padding:19px}.cash-hero>strong{margin:9px 0 25px;font-size:35px}.cash-flow>div{margin-top:16px;grid-template-columns:1fr!important;height:auto!important}.cash-flow em{display:none}.profit-board>div{grid-template-columns:1fr!important}.profit-board>div>em{display:none}.account-section>header{align-items:flex-start;gap:8px;padding:15px}.account-section>header>b{flex:none}.receipt-list>article{padding:14px}.receipt-head{gap:8px}.receipt-head span{flex-direction:column;align-items:flex-start;gap:6px}.receipt-item,.receipt-item-cost{gap:8px;grid-template-columns:1fr auto!important}.receipt-item-cost>span:nth-child(3),.receipt-item-cost>b{text-align:right;grid-column:2}.receive-two{grid-template-columns:1fr!important}.product-modal,.user-modal,.opening-cash-modal{width:100%!important}.product-form-grid{grid-template-columns:1fr!important}.real-pos{min-height:100%;padding:14px 12px 150px}.real-search{z-index:15;border-radius:14px;margin:0 -2px 16px;padding:7px 8px 7px 12px;position:sticky;top:0;box-shadow:0 8px 24px #173f6c19}.real-search>span{font-size:22px}.real-search input{width:0;height:46px;font-size:14px}.real-search>kbd{display:none}.real-search button{width:48px;height:44px;padding:0;font-size:0}.real-search button:before{content:"▣";font-size:18px}.real-search button kbd{display:none}.real-title{align-items:flex-start;gap:10px;margin-bottom:14px}.real-title button{min-height:42px;padding:0 12px;font-size:12px}.real-title button kbd{display:none}.real-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.real-products>button{grid-template-columns:1fr;min-height:195px;padding:12px}.rice-pack{width:50px;height:60px}.real-products b{font-size:14px}.real-products footer{flex-direction:column;gap:2px;margin-top:9px}.bill-dock{left:12px;right:12px;bottom:calc(var(--mobile-bar) + 8px);border-radius:17px;grid-template-columns:minmax(0,1fr) auto;gap:9px;width:auto;padding:10px;transform:none}.bill-count{gap:8px;min-width:0}.bill-count i{width:38px;height:38px}.bill-count span{min-width:0}.bill-count b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.bill-amount{display:none}.bill-dock>button{height:46px;padding:0 12px;font-size:11px}.bill-dock>button kbd{display:none}.shortcut-dialog{width:100%}.shortcut-grid{grid-template-columns:1fr}.desktop-update-check{right:10px;bottom:calc(var(--mobile-bar) + 8px)}}@media (width<=420px){.real-products{grid-template-columns:1fr}.real-products>button{grid-template-columns:55px 1fr;min-height:122px}.rice-pack{width:50px;height:64px}.real-products footer{flex-direction:row}.dashboard-actions{grid-template-columns:1fr!important}.shortcut,.store-sidebar>nav{grid-template-columns:1fr}}@media (hover:none){.real-products>button:not(:disabled):hover,.store-sidebar nav button:hover{box-shadow:none;transform:none}button{cursor:default}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.real-catalog{background:#ffffffad;border:1px solid #d8e4ef;border-radius:26px;width:min(1540px,100%);margin:0 auto;padding:24px;box-shadow:0 18px 55px #173f6c0f}.real-catalog .real-products{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:stretch}.real-catalog .real-products>.product-card{grid-template-columns:96px minmax(0,1fr);align-items:stretch;gap:16px;width:100%;min-width:0;min-height:148px;padding:14px;display:grid;overflow:hidden}.product-card .product-picture{color:#715d31;background:linear-gradient(145deg,#f4ecd7,#e7d7aa);border-radius:14px;place-items:center;width:96px;height:118px;font-weight:900;display:grid;overflow:hidden}.product-picture img{object-fit:cover;width:100%;height:100%}.product-card-body{flex-direction:column;min-width:0;display:flex;overflow:hidden}.product-card-body>small,.product-card-body>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.product-card-body>b{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0;line-height:1.35;display:-webkit-box;overflow:hidden}.product-card-body>footer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin-top:auto;display:grid}.product-card-body>footer strong,.product-card-body>footer em{white-space:nowrap;min-width:0}.sale-product-heading{align-items:center;gap:13px;margin-bottom:18px;display:flex}.sale-product-heading img{object-fit:cover;border-radius:15px;width:70px;height:70px}.sale-product-heading h2{margin:3px 45px 0 0}.payment-warning{color:#95463c;background:#fff0ec;border-radius:9px;margin:-5px 0 12px;padding:10px 12px;font-size:12px}.opening-history{margin-top:14px}.opening-history>header{border-bottom:1px solid #eef4fa;justify-content:space-between;align-items:center;padding:17px 19px;display:flex}.opening-history h2{margin:0;font-size:18px}.opening-history header span{color:#60758a;font-size:12px}.stock-history-list{gap:0;display:grid}.stock-history-list article{border-bottom:1px solid #eef4fa;grid-template-columns:minmax(180px,1.3fr) repeat(4,minmax(110px,1fr));align-items:center;gap:14px;padding:14px 18px;display:grid}.stock-history-list article:last-child{border-bottom:0}.stock-history-list article>span{flex-direction:column;display:flex}.stock-history-list small{color:#60758a;font-size:11px}.stock-history-list b{font-size:13px}.history-document{color:#2378d1;font-size:10px}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-insights{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:12px;margin-top:12px;display:grid}.dashboard-insights>.panel{flex-direction:column;min-width:0;display:flex}.dashboard-payment-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:15px;display:grid}.dashboard-payment-grid article{background:#f7faff;border-radius:13px;flex-direction:column;justify-content:center;min-width:0;padding:14px;display:flex}.dashboard-payment-grid small{color:#60758a}.dashboard-payment-grid b{color:#2378d1;font-size:20px}.dashboard-stock-list{flex:1;grid-template-rows:repeat(3,1fr);padding:8px 16px 14px;display:grid}.dashboard-stock-list span{border-bottom:1px solid #eef4fa;justify-content:space-between;align-items:center;gap:16px;padding:9px 0;display:flex}.dashboard-stock-list span:last-child{border-bottom:0}.dashboard-stock-list small{color:#60758a}.payment-channel-strip{background:#fff;border:1px solid #d8e4ef;border-radius:18px;margin:14px 0;overflow:hidden}.payment-channel-strip>header{border-bottom:1px solid #eef4fa;justify-content:space-between;align-items:center;padding:16px 19px;display:flex}.payment-channel-strip h2{margin:0;font-size:18px}.payment-channel-strip header span{color:#60758a;font-size:12px}.payment-channel-strip header strong{color:#2378d1;font-size:21px}.payment-channel-strip>div{grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;display:grid}.payment-channel-strip article{background:#f7faff;border-radius:13px;align-items:center;gap:11px;padding:13px;display:flex}.payment-channel-strip article>i{color:#2378d1;background:#eef4fa;border-radius:11px;place-items:center;width:38px;height:38px;font-style:normal;font-weight:900;display:grid}.payment-channel-strip article>span{flex-direction:column;display:flex}.payment-channel-strip small{color:#60758a}.payment-channel-strip b{font-size:18px}.receipt-payments{flex-wrap:wrap;gap:7px;margin-bottom:9px;display:flex}.receipt-payments>span{color:#2378d1;background:#eef4fa;border-radius:9px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;display:flex}.receipt-payments small{color:#60758a}@media (width<=1000px){.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-insights{grid-template-columns:1fr}.stock-history-list article{grid-template-columns:1.2fr repeat(2,1fr)}.stock-history-list article>span:nth-child(4),.stock-history-list article>span:nth-child(5){grid-row:2}.payment-channel-strip>div{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.bill-dock{bottom:calc(var(--mobile-bar) + 8px)!important}.real-catalog{border-radius:19px;padding:14px}.real-catalog .real-products{grid-template-columns:repeat(2,minmax(0,1fr))}.real-catalog .real-products>.product-card{grid-template-columns:1fr;gap:9px;min-height:226px;padding:11px}.product-card .product-picture{width:100%;height:112px}.product-card-body>footer{grid-template-columns:1fr;gap:2px}.opening-grid,.opening-summary{grid-template-columns:1fr}.stock-history-list article{grid-template-columns:1fr 1fr;gap:10px;padding:15px}.stock-history-list article>span:first-child{grid-column:1/3}.stock-history-list article>span:nth-child(4),.stock-history-list article>span:nth-child(5){grid-row:auto}.dashboard-payment-grid,.dashboard-insights,.payment-channel-strip>div{grid-template-columns:1fr}.payment-channel-strip>header{align-items:flex-start;gap:8px}.payment-channel-strip header strong{font-size:17px}}@media (width<=430px){.real-catalog{padding:10px}.real-catalog .real-products{grid-template-columns:1fr}.real-catalog .real-products>.product-card{grid-template-columns:76px minmax(0,1fr);gap:11px;min-height:124px;padding:11px}.product-card .product-picture{width:72px;height:96px}.product-card-body>footer{grid-template-columns:minmax(0,1fr) auto;gap:6px}.payment-total{margin:15px 0;padding:14px}.payment-total strong{font-size:24px}.dashboard-metrics,.stock-history-list article{grid-template-columns:1fr}.stock-history-list article>span:first-child{grid-column:auto}}.operations-frame{background:#f4f5f1;border:0;border-radius:14px;width:100%;height:calc(100vh - 56px);display:block}.store-sidebar nav{min-height:0;overflow-y:auto}.store-sidebar nav::-webkit-scrollbar{width:4px}.store-sidebar nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.sidebar-group{border-bottom:1px solid #ffffff12;padding:2px 0}.sidebar-group summary{color:#d8e4ef;cursor:pointer;border-radius:9px;align-items:center;gap:10px;min-height:42px;padding:0 10px;font-size:11px;font-weight:750;list-style:none;display:flex}.sidebar-group summary::-webkit-details-marker{display:none}.sidebar-group summary>i{text-align:center;width:20px;font-size:15px;font-style:normal}.sidebar-group summary>span{flex:1}.sidebar-group summary>b{font-size:11px;transition:transform .16s}.sidebar-group[open] summary>b{transform:rotate(180deg)}.sidebar-group>div{gap:2px;padding:2px 0 6px 15px;display:grid}.store-sidebar .sidebar-group>div>button{min-height:36px;padding-left:10px;font-size:10px}.store-sidebar .sidebar-group>div>button>i{font-size:13px}@media (width>=768px){.store-sidebar{color:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#173f6c!important;border:0!important;border-right:1px solid #173f6c!important;flex-direction:column!important;grid-area:1/1!important;align-items:stretch!important;height:100vh!important;padding:18px 12px!important;display:flex!important;box-shadow:5px 0 24px #173f6c12!important}.store-brand{border-bottom:1px solid #ffffff1c!important;height:auto!important;padding:0 8px 18px!important}.store-sidebar>nav{border:0!important;flex:1!important;padding:12px 0!important;display:block!important;overflow:hidden auto!important}.store-sidebar .sidebar-group summary{color:#d8e4ef!important}.store-sidebar .sidebar-group>div>button{color:#d8e4ef!important;background:0 0!important;border:0!important;justify-content:flex-start!important;width:100%!important;min-height:38px!important;padding:0 9px!important;display:flex!important;position:relative!important;transform:none!important}.store-user{color:#fff!important;border:0!important;border-top:1px solid #ffffff1c!important;justify-self:auto!important;width:auto!important;height:auto!important;margin-top:auto!important;padding:12px 4px 0!important}.store-shell{grid-template-rows:82px minmax(0,1fr)!important;grid-template-columns:1fr!important}.store-sidebar{color:#172b3f!important;background:#fffffcf5!important;border:0!important;border-bottom:1px solid #d8e4ef!important;grid-area:1/1!important;grid-template-rows:82px!important;grid-template-columns:230px minmax(600px,1fr) 330px!important;align-items:center!important;height:82px!important;padding:0 24px!important;display:grid!important;overflow:visible!important;box-shadow:0 5px 24px #172b3f12!important}.store-brand{border:0!important;height:52px!important;padding:0!important}.store-brand span b{color:#172b3f!important}.store-brand small{color:#60758a!important}.store-sidebar>nav{border:0!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:0!important;display:flex!important;overflow:visible!important}.sidebar-group{border:0;padding:0;position:relative}.sidebar-group summary{border-radius:12px;min-height:45px;padding:0 13px;font-size:12px;color:#60758a!important}.sidebar-group summary:hover,.sidebar-group[open] summary{background:#eef4fa;color:#2378d1!important}.sidebar-group>div{z-index:80;background:#fff;border:1px solid #d8e4ef;border-radius:13px;gap:3px;width:255px;padding:9px;display:grid;position:absolute;top:53px;left:0;box-shadow:0 18px 48px #173f6c33}.store-sidebar .sidebar-group>div>button{color:#405a73!important;background:#fff!important;border:0!important;border-radius:8px!important;justify-content:flex-start!important;width:100%!important;min-height:40px!important;padding:0 10px!important;transform:none!important}.store-sidebar .sidebar-group>div>button:hover{color:#2378d1!important;background:#f7faff!important}.store-sidebar .sidebar-group>div>button.active{color:#2378d1!important;box-shadow:none!important;background:#eef4fa!important}.store-sidebar .sidebar-group>div>button.active:after{display:none!important}.store-user{color:#172b3f!important;border:0!important;border-left:1px solid #d8e4ef!important;justify-self:end!important;width:310px!important;height:52px!important;margin:0!important;padding:0 0 0 18px!important}.store-user span{display:flex!important}.store-user small{color:#60758a!important}.store-user button{color:#60758a!important;background:#f8faf7!important;border-color:#d8e4ef!important}.store-content{grid-area:2/1!important;padding:30px clamp(28px,4vw,64px) 48px!important}.store-sidebar nav kbd{display:none!important}}@media (width>=768px) and (width<=1599px){.store-shell{grid-template-rows:118px minmax(0,1fr)!important}.store-sidebar{grid-template-rows:62px 56px!important;grid-template-columns:minmax(190px,1fr) auto!important;height:118px!important;padding:0 20px!important}.store-sidebar>nav{border-top:1px solid #eef4fa!important;grid-area:2/1/auto/-1!important;justify-content:flex-start!important;padding:5px 0 8px!important}.store-user{grid-area:1/2!important;width:auto!important}.sidebar-group>div{top:48px}}@media (width>=768px){.store-sidebar{background:#fff!important;border-bottom-color:#d8e4ef!important;box-shadow:0 6px 26px #173f6c24!important}.store-sidebar .sidebar-group summary{color:#172b3f!important;font-weight:850!important}.store-sidebar .sidebar-group summary:hover,.store-sidebar .sidebar-group[open] summary{color:#173f6c!important;background:#d8e4ef!important}.sidebar-group>div{border-color:#d8e4ef!important;box-shadow:0 20px 48px #173f6c3d!important}.store-sidebar .sidebar-group>div>button{color:#172b3f!important;font-weight:700!important}.store-sidebar .sidebar-group>div>button:hover{color:#173f6c!important;background:#eef4fa!important}.store-sidebar .sidebar-group>div>button.active{color:#173f6c!important;background:#d8e4ef!important}.store-brand span b,.store-user b{color:#172b3f!important}.store-brand small,.store-user small{color:#405a73!important}}.sidebar-quick{display:contents}.store-sidebar .sidebar-quick>button{font-weight:850!important}.store-sidebar .sidebar-quick>button>i{color:#2378d1}.store-sidebar .sidebar-quick>button.active{color:#173f6c!important;background:#d8e4ef!important}body{background:var(--rf-canvas);color:var(--rf-ink)}.sale-dialog{gap:16px;display:grid}.sale-dialog .sale-product-heading{margin-bottom:0}.sale-basis{grid-template-columns:1fr 1fr;gap:9px;display:grid}.sale-basis button{min-height:52px}.sale-weight-panel{border:1px solid var(--rf-border);background:var(--rf-primary-soft);border-radius:14px;padding:16px}.sale-weight-shortcuts{grid-template-columns:repeat(4,1fr);gap:6px;margin:9px 0 7px;display:grid}.sale-line-total{justify-content:space-between;align-items:center;display:flex}.sale-line-total b{color:var(--rf-primary-hover);font-size:22px}.cart-dialog{gap:16px;display:grid}.cart-dialog-description{color:var(--rf-muted);font-size:13px}.cart-dialog .modal-lines{margin:0}.cart-dialog .cart-line-remove{min-height:32px;color:var(--rf-danger)}.cart-dialog-footer{border-top:1px solid var(--rf-border);grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding-top:16px;display:grid}.cart-dialog-footer>div{text-align:right;flex-direction:column;display:flex}.cart-dialog-footer strong{color:var(--rf-primary-hover);font-size:25px}@media (width<=600px){.cart-dialog-footer{grid-template-columns:1fr 1fr}.cart-dialog-footer>div{text-align:left;grid-area:1/1/auto/-1}}.sale-payment-dialog{gap:16px;display:grid}.sale-payment-description{color:var(--rf-muted);font-size:13px}.sale-payment-total{border:1px solid var(--rf-border);background:var(--rf-primary-soft);border-radius:15px;justify-content:space-between;align-items:end;padding:20px;display:flex}.sale-payment-total strong{color:var(--rf-primary-hover);font-size:30px}.sale-payment-methods{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sale-payment-method{border:1px solid var(--rf-border);background:var(--rf-panel-muted);border-radius:15px;flex-direction:column;gap:12px;padding:14px;display:flex}.sale-payment-method>header{align-items:center;gap:9px;display:flex}.sale-payment-method>header i{background:var(--rf-primary-soft);width:34px;height:34px;color:var(--rf-primary-hover);border-radius:10px;flex:0 0 34px;place-items:center;font-style:normal;font-weight:900;display:grid}.sale-payment-method>header div{flex-direction:column;display:flex}.sale-payment-method>header small{color:var(--rf-muted);font-size:10px}.sale-cash-presets{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.sale-cash-presets button{min-height:36px;padding-inline:8px;font-size:11px}.sale-payment-summary{grid-template-columns:1fr 1fr;gap:9px;display:grid}.sale-payment-summary>span{background:var(--rf-primary-soft);border-radius:12px;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.sale-payment-summary small{color:var(--rf-muted)}.sale-payment-summary b{color:var(--rf-primary-hover);font-size:20px}.sale-payment-summary .sale-payment-short{background:var(--rf-danger-soft)}.sale-payment-summary .sale-payment-short b{color:var(--rf-danger)}@media (width<=760px){.sale-payment-methods,.sale-payment-summary{grid-template-columns:1fr}}.sale-success-dialog{text-align:center;justify-items:center;gap:10px;display:grid}.sale-success-dialog>i{background:var(--rf-primary-soft);width:68px;height:68px;color:var(--rf-primary);border-radius:50%;place-items:center;font-size:30px;font-style:normal;display:grid}.sale-success-dialog>p{color:var(--rf-muted);margin:0}.sale-success-dialog>strong{color:var(--rf-primary-hover);font-size:28px}.store-shell{background:var(--rf-canvas)!important}.store-sidebar{color:var(--rf-ink)!important;border-bottom-color:var(--rf-border)!important;background:#fffffffa!important;box-shadow:0 6px 24px #173f6c1a!important}.store-brand>i{background:var(--rf-primary)!important;color:var(--rf-white)!important;box-shadow:0 8px 20px #2378d13d!important}.store-brand span b,.store-user b{color:var(--rf-ink)!important}.store-brand small,.store-user small,.store-sidebar nav button,.store-sidebar .sidebar-group summary{color:var(--rf-muted)!important}.store-sidebar .sidebar-quick>button>i,.store-sidebar .sidebar-group summary>i{color:var(--rf-primary)!important}.store-sidebar nav button:hover,.store-sidebar nav button.active,.store-sidebar .sidebar-group summary:hover,.store-sidebar .sidebar-group[open] summary{background:var(--rf-primary-soft)!important;color:var(--rf-primary-hover)!important;box-shadow:inset 0 0 0 1px var(--rf-blue-100)!important}.store-sidebar nav button.active:after{background:var(--rf-primary)!important}.store-sidebar .rf-nav-menu__target.is-open{background:var(--rf-primary-soft)!important;color:var(--rf-primary-hover)!important}.sidebar-group>div{background:var(--rf-white)!important;border-color:var(--rf-border)!important;box-shadow:0 20px 48px #173f6c2e!important}.store-sidebar .sidebar-group>div>button{background:var(--rf-white)!important;color:var(--rf-ink)!important}.store-sidebar .sidebar-group>div>button:hover,.store-sidebar .sidebar-group>div>button.active{background:var(--rf-primary-soft)!important;color:var(--rf-primary-hover)!important}.store-user{border-left-color:var(--rf-border)!important;color:var(--rf-ink)!important}.store-user>i{background:var(--rf-primary-soft)!important;color:var(--rf-primary-hover)!important}.store-user button,.nav-desktop-download{background:var(--rf-panel-muted)!important;border-color:var(--rf-border)!important;color:var(--rf-primary-hover)!important}.store-content{background:var(--rf-canvas)}.page-head h1,.panel-head h2{color:var(--rf-ink)}.page-head>div>span,.panel-head small{color:var(--rf-muted)}.primary-action,.pay,.add-line,.confirm,.success>button,.login-card>button{background:var(--rf-primary)!important;color:var(--rf-white)!important;box-shadow:0 8px 20px #2378d133!important}.primary-action:hover,.pay:hover:not(:disabled),.add-line:hover:not(:disabled),.confirm:hover:not(:disabled),.success>button:hover,.login-card>button:hover{background:var(--rf-primary-hover)!important}.secondary-action{background:var(--rf-white)!important;border-color:var(--rf-border)!important;color:var(--rf-primary-hover)!important}.metric-grid article,.panel,.table-panel,.stock-summary span,.flow,.notice,.real-catalog,.payment-channel-strip{background:var(--rf-panel)!important;border-color:var(--rf-border)!important;box-shadow:var(--rf-shadow-sm)!important}.metric-grid article>i,.task-list button>i,.no-data>i,.shortcut button,.payment-method>header i,.payment-channel-strip article>i{background:var(--rf-primary-soft)!important;color:var(--rf-primary-hover)!important}.metric-grid article:first-child{background:var(--rf-primary)!important;color:var(--rf-white)!important}.metric-grid article:first-child>i{color:var(--rf-white)!important;background:#ffffff2e!important}.metric-grid article:first-child>span small,.metric-grid article:first-child>em{color:var(--rf-blue-100)!important}.metric-grid em,.stock-summary b,.dashboard-row strong,.dashboard-payment-grid b,.dashboard-stock-list b,.shortcut button,.tabs button.active,.history-document,.payment-channel-strip header strong,.payment-channel-strip b{color:var(--rf-primary-hover)!important}.dashboard-payment-grid article,.shortcut button,.payment-channel-strip article,.payment-summary>span,.opening-summary span{background:var(--rf-panel-muted)!important;border-color:var(--rf-border)!important}.dashboard-row{border-bottom-color:var(--rf-border)!important}.dashboard-row:hover,.task-list button:hover{background:var(--rf-panel-muted)!important}th{background:var(--rf-panel-muted)!important;color:var(--rf-muted)!important}th,td,.panel-head,.table-tools,.tabs,.dashboard-stock-list span{border-color:var(--rf-border)!important}.tabs button.active{border-bottom-color:var(--rf-primary)!important}.location,.tabs button b{background:var(--rf-primary-soft)!important}.pos header{background:var(--rf-primary)!important}.pos .brand>i,.pos .cashier b i{color:var(--rf-white)!important;background:#ffffff2e!important}.pos .groups .active,.pos .mode .active{background:var(--rf-primary-soft)!important;border-color:var(--rf-primary)!important;color:var(--rf-primary-hover)!important}.pos .search button,.pos .capture,.pos .customer,.pos .empty-cart>i{background:var(--rf-primary-soft)!important;color:var(--rf-primary-hover)!important}.pos .pinfo footer>b,.pos .line-detail .weight,.pos .grand strong,.pos .pack-summary b,.pos .scale-panel input,.pos .pay-head h2 b,.pos .cash input,.pos .cash h3,.pos .success strong{color:var(--rf-primary-hover)!important}.pos .backdrop{background:#172b3f9e!important}.login-page{background:var(--rf-canvas)!important}.login-logo,.login-mark{background:var(--rf-primary)!important;color:var(--rf-white)!important}@media (width<=767px){.store-sidebar{border-right-color:var(--rf-border)!important}.mobile-menu-toggle i{background:var(--rf-primary)!important}.mobile-tabbar button.active{color:var(--rf-primary)!important}}html,body,#root,.store-shell,.store-content,.pos-route,.real-pos,.dashboard-v2,.account-page,.users-page,.unit-layout{width:100%;min-width:0;max-width:100%}html,body,#root{overflow-x:hidden}.store-content>*,.store-content :where(section,article,form,header,footer,main,aside,nav,div),.rf-dialog__content,.rf-dialog__body,.mantine-Modal-content,.mantine-Modal-body{min-width:0}.store-content :where(input,select,textarea,button),.rf-dialog__content :where(input,select,textarea,button){max-width:100%}.store-content :where(img,svg,canvas,video),.rf-dialog__content :where(img,svg,canvas,video){max-width:100%;height:auto}.store-content :where(h1,h2,h3,p,span,small,b,strong,em,code),.rf-dialog__content :where(h1,h2,h3,p,span,small,b,strong,em,code){overflow-wrap:anywhere}.store-content .rf-button--primary,.store-content .rf-button--primary :where(span),.rf-dialog__content .rf-button--primary,.rf-dialog__content .rf-button--primary :where(span){color:var(--rf-white)!important}.store-content .rf-button--secondary :where(span),.store-content .rf-button--ghost :where(span),.rf-dialog__content .rf-button--secondary :where(span),.rf-dialog__content .rf-button--ghost :where(span){color:inherit!important}.store-content :where(.page-head,.users-head,.account-head){gap:20px}.store-content :where(.page-head,.users-head,.account-head)>.rf-button{flex:none;min-height:46px;padding-inline:18px}.store-content :where(.unit-form,.price-modal-form,.product-modal-form,.receive-form,.user-modal),.rf-dialog__content :where(.unit-form,.price-modal-form,.product-modal-form,.receive-form,.user-modal){align-content:start;gap:16px;display:grid}.store-content :where(.unit-form,.price-modal-form,.product-modal-form,.receive-form,.user-modal) :where(.mantine-InputWrapper-root,.mantine-Checkbox-root),.rf-dialog__content :where(.unit-form,.price-modal-form,.product-modal-form,.receive-form,.user-modal) :where(.mantine-InputWrapper-root,.mantine-Checkbox-root),.store-content :where(.unit-form,.price-modal-form,.product-modal-form,.receive-form,.user-modal) .mantine-Input-input,.rf-dialog__content :where(.unit-form,.price-modal-form,.product-modal-form,.receive-form,.user-modal) .mantine-Input-input{margin:0}.store-content :where(.unit-list-head,th){background-color:#f4f8fc}.table-panel,.table-wrap,.account-table-wrap,.users-table,.permission-matrix,.product-table-panel,.rf-data-table{overscroll-behavior-inline:contain;width:100%;max-width:100%;overflow-x:auto}.mantine-Modal-inner{max-width:100vw;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));overflow-x:hidden}.mantine-Modal-content,.rf-dialog__content{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow-x:hidden}.mantine-Modal-body,.rf-dialog__body{max-width:100%;overflow-x:hidden}.backdrop,.update-backdrop{max-width:100vw;padding:12px;overflow:auto}.sale-sheet,.payment,.price-modal,.product-modal,.user-modal,.opening-cash-modal,.update-dialog{box-sizing:border-box;width:min(var(--legacy-dialog-width,510px), calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:hidden auto}.price-modal,.product-modal,.user-modal,.opening-cash-modal,.update-dialog{--legacy-dialog-width:480px}.operations-frame{width:100%;min-width:0;max-width:100%;display:block}@media (width<=767px){.store-content{max-width:100vw}.dashboard-card>header,.panel-head,.account-section>header,.users-table>header,.permission-matrix>header{flex-wrap:wrap;max-width:100%}.sale-payment-total,.receipt-head,.sale-line-total{flex-wrap:wrap;min-width:0}}