:root{--rf-canvas:#f1f3ee;--rf-panel:#fffefa;--rf-panel-muted:#f7f7f2;--rf-ink:#172019;--rf-muted:#667069;--rf-border:#d8ddd5;--rf-primary:#1d4a32;--rf-primary-hover:#153a27;--rf-primary-soft:#e0ebe2;--rf-warm:#a47a2c;--rf-danger:#984a3c;--rf-warning:#8b641d;--rf-success:#28713c;--rf-radius-sm:10px;--rf-radius-md:16px;--rf-radius-lg:22px;--rf-shadow:0 12px 32px #17201912}body{background:var(--rf-canvas);color:var(--rf-ink);margin:0}button,input,select{font:inherit}button{min-height:44px}:focus-visible{outline-offset:2px;outline:3px solid #1d4a3240}:root{color:#1d2922;font-family:Noto Sans Thai,system-ui,sans-serif}body{background:#edf0eb;min-width:1100px;overflow:hidden}button{cursor:pointer}header{color:#fff;background:#173f2b;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:#173f2b;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:#b9ccbf;font-size:10px}.connection{font-size:10px}.connection i{background:#6ed087;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:#1a5135;background:#dce9df;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 #dce2db;border-radius:15px;overflow:hidden}.catalog{flex-direction:column;display:flex}.search{border-bottom:1px solid #e1e6e0;align-items:center;gap:8px;height:70px;padding:11px 16px;display:flex}.search>span{font-size:26px}.search input{background:#f8faf7;border:1px solid #cbd5cc;border-radius:10px;flex:1;height:46px;padding:0 13px}.search button{color:#20593a;background:#e1eee4;border:0;border-radius:9px;height:46px;font-weight:700}.groups{border-bottom:1px solid #e4e8e3;gap:7px;padding:9px 16px;display:flex;overflow:auto}.groups button{white-space:nowrap;background:#fff;border:1px solid #d5dcd5;border-radius:20px;min-height:33px;padding:0 14px;font-size:11px}.groups .active{color:#fff;background:#1c583a;border-color:#1c583a}.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:#79837c;font-size:10px}.legend{color:#718078;font-size:9px}.legend i{background:#53a66a;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 #dce2db;border-radius:12px;min-height:225px;padding:0;overflow:hidden}.product:hover{border-color:#7ca086;transform:translateY(-1px);box-shadow:0 8px 22px #173f2b12}.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:#e0e9dc}.s2{background:#e7e1d5}.s3{background:#dce8e5}.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:#7b867e;font-size:9px}.pinfo h3{margin:3px 0 0;font-size:12px}.pinfo>span{color:#6f7972;font-size:9px}.pinfo footer{justify-content:space-between;align-items:end;margin-top:9px;display:flex}.pinfo footer>b{color:#185136}.pinfo footer small{color:#6f7f73;font-size:9px}aside{flex-direction:column;display:flex}.order-head{border-bottom:1px solid #e1e6e0;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:#78837b;font-size:9px;display:block}.order-head button{color:#9c4d41;background:0 0;border:0;font-size:10px}.customer{text-align:left;background:#f5faf6;border:1px solid #d6e2d8;border-radius:10px;align-items:center;gap:9px;min-height:54px;margin:9px 11px 4px;display:flex}.customer>i{background:#dceade;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:#31704d;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:#768078;max-width:260px}.empty-cart>i{color:#3f7554;background:#edf3ed;border-radius:20px;place-items:center;width:65px;height:65px;margin:auto;font-size:25px;font-style:normal;display:grid}.empty-cart b{color:#344038;margin-top:10px;font-size:12px;display:block}.lines article{border-bottom:1px solid #e3e7e2;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:#768179;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:#1c5a3a;flex:1;font-weight:700}.totals{background:#fafbf8;border-top:1px solid #dce2dc;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 #d3dad3;border-radius:6px;padding-left:6px}.totals input{text-align:right;border:0;width:65px;height:26px}.totals .grand{border-top:1px dashed #cad2ca;padding-top:8px}.grand strong{color:#174f33;font-size:21px}.pay{color:#fff;background:#1c593b;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:#7d877f;background:#d7ddd7}.quick{grid-template-columns:1fr 1fr;gap:6px;padding:0 11px 10px;display:grid}.quick button{background:#fff;border:1px solid #d6ddd6;border-radius:8px;min-height:36px;font-size:10px}.backdrop{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#12251ab5;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:#778179;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 #d6ddd6;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:#7b857d;font-size:9px}.mode .active{color:#1b5437;background:#edf6ef;border:2px solid #286946}.pack-panel,.scale-panel{background:#f7f9f6;border-top:1px solid #dfe5de;padding:18px 20px}.pack-panel label{font-size:10px;font-weight:700}.pack-panel select{background:#fff;border:1px solid #c9d3ca;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 #d9dfd8;border-radius:9px;padding:11px}.pack-summary small,.pack-summary b{display:block}.pack-summary small{color:#778179;font-size:9px}.pack-summary b{color:#185237}.scale-top{justify-content:space-between;font-size:10px;display:flex}.scale-top em{color:#9b5d4e;font-style:normal}.scale-top em.stable{color:#287040}.scale-panel>label{margin-top:6px;display:flex;position:relative}.scale-panel input{text-align:right;color:#174f33;border:1px solid #b8c7bb;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 #d2dad3;border-radius:7px;min-height:36px;font-size:10px}.scale-actions .capture{color:#1d5a3a;background:#dfece2;font-weight:700}.scale-panel>p{color:#647068;text-align:right;font-size:10px}.add-line{color:#fff;background:#1c593b;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:#7d877f;background:#d5ddd6}.pay-head{justify-content:space-between;padding:18px 20px;display:flex}.pay-head small{color:#78827a;font-size:9px}.pay-head h2{margin:2px 0;font-size:14px}.pay-head h2 b{color:#175136;font-size:20px}.pay-head button{border:0;border-radius:50%;width:34px;min-height:34px;font-size:20px}.cash{background:#f7faf6;border-top:1px solid #dfe4df;padding:18px 20px}.cash label{font-size:10px}.cash label>div{position:relative}.cash input{text-align:right;color:#175136;border:1px solid #bdc9bf;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 #d3dbd3;border-radius:7px;min-height:36px;font-size:10px}.cash h3,.success h3{color:#175136;border-top:1px dashed #cad2ca;justify-content:space-between;padding-top:12px;font-size:14px;display:flex}.confirm{color:#fff;background:#1c593b;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:#d5ddd6}.success{text-align:center;padding:34px}.success>i{color:#247041;background:#dff1e3;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:#768078;font-size:10px}.success>strong{color:#175136;font-size:27px}.success>button{color:#fff;background:#1c593b;border:0;border-radius:9px;width:100%;height:46px;font-weight:700}.login-page{background:radial-gradient(circle at 30% 20%,#eef5ec,#dce6dd);place-items:center;min-height:100vh;display:grid;overflow:auto}.login-card{background:#fff;border:1px solid #d4ddd4;border-radius:20px;flex-direction:column;width:390px;padding:34px;display:flex;box-shadow:0 25px 70px #173f2b20}.login-logo{color:#ead7a2;background:#173f2b;border-radius:14px;place-items:center;width:52px;height:52px;font-size:18px;font-weight:900;display:grid}.login-card h1{margin:16px 0 0;font-size:24px}.login-card>span{color:#758078;margin:2px 0 22px;font-size:12px}.login-card label{margin-top:11px;font-size:11px;font-weight:700}.login-card input{border:1px solid #cbd5cc;border-radius:9px;width:100%;height:44px;margin-top:5px;padding:0 12px}.login-card>button{color:#fff;background:#1c593b;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:#8a938c;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:#173f2b;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:#173f2b;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:#adc2b4;font-size:9px}.store-sidebar nav{flex-direction:column;gap:4px;padding-top:16px;display:flex}.store-sidebar nav button{color:#c2d2c7;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:#b9cabf;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:#17482f;background:#dce9df;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:#bcd0c2;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:#707b73;font-size:11px}.primary-action,.secondary-action{border-radius:9px;height:42px;padding:0 15px;font-weight:700}.primary-action{color:#fff;background:#1c593b;border:0}.primary-action b{margin-left:20px}.secondary-action{color:#254f36;background:#fff;border:1px solid #cad3ca}.metric-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.metric-grid article{background:#fff;border:1px solid #dce2db;border-radius:13px;grid-template-columns:34px 1fr;padding:15px;display:grid}.metric-grid article>i{color:#245d3d;background:#e5eee6;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:#89928c;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:#377151;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 #dce2db;border-radius:13px;overflow:hidden}.panel-head{border-bottom:1px solid #e4e8e3;padding:14px 16px}.panel-head h2{margin:0;font-size:13px}.panel-head small{color:#7b857e;font-size:9px}.task-list{padding:6px 14px}.task-list button{text-align:left;background:#fff;border:0;border-bottom:1px solid #e7eae6;align-items:center;gap:10px;width:100%;padding:10px 0;display:flex}.task-list button>i{background:#e5efe7;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:#7c867f;font-size:8px}.task-list em{color:#35704e;font-size:9px;font-style:normal}.clean-state{text-align:center;color:#36764f;padding:16px;font-size:10px}.shortcut{grid-template-columns:1fr 1fr;gap:8px;padding:14px;display:grid}.shortcut button{color:#285d40;background:#f9faf7;border:1px solid #dce2db;border-radius:9px;height:72px;font-size:20px}.shortcut span{color:#506058;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 #dce2db;border-radius:11px;padding:12px 15px}.stock-summary small,.stock-summary b{display:block}.stock-summary small{color:#78827b;font-size:9px}.stock-summary b{color:#185136;font-size:18px}.table-tools{border-bottom:1px solid #e1e6e0;justify-content:space-between;align-items:center;height:58px;padding:0 14px;display:flex}.table-search{color:#728077;border:1px solid #d1d9d1;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 #d4dcd4;border-radius:7px;min-height:36px;font-size:10px}table{border-collapse:collapse;width:100%;font-size:10px}th{text-align:left;color:#6d7870;text-transform:uppercase;letter-spacing:.04em;background:#f8faf7;font-size:8px}th,td{border-bottom:1px solid #e6e9e5;padding:11px 14px}.right{text-align:right}.location{background:#eef2ed;border-radius:5px;padding:3px 6px}.badge{border-radius:12px;padding:3px 7px;font-size:8px;display:inline-block}.badge.ok{color:#24663c;background:#e3f1e6}.badge.low{color:#935b16;background:#fff0db}.no-data,.loading{text-align:center;color:#77827a;padding:45px}.no-data.tall{padding:70px}.no-data>i{color:#3c7251;background:#edf3ed;border-radius:17px;place-items:center;width:55px;height:55px;margin:auto;font-size:23px;font-style:normal;display:grid}.no-data b{color:#364239;margin-top:9px;font-size:11px;display:block}.no-data p{font-size:9px}.loading{font-size:10px}.flow{background:#fff;border:1px solid #dce2db;border-radius:11px;justify-content:center;align-items:center;gap:12px;margin-bottom:10px;padding:14px;display:flex}.flow span{color:#69756d;font-size:9px}.flow span i{background:#edf1ec;border-radius:50%;place-items:center;width:24px;height:24px;margin-right:5px;font-style:normal;display:inline-grid}.flow span.done{color:#24633d;font-weight:700}.flow span.done i{background:#dfeee2}.flow>b{color:#b1b9b2}.tabs{border-bottom:1px solid #e2e6e1;padding:0 14px;display:flex}.tabs button{color:#738078;background:#fff;border:0;min-height:48px;padding:0 15px;font-size:10px}.tabs button.active{color:#1c5b3b;border-bottom:2px solid #1c5b3b;font-weight:700}.tabs button b{background:#edf1ed;border-radius:10px;margin-left:3px;padding:2px 6px}.notice{background:#f6faf6;border:1px solid #d9e2d8;border-radius:10px;flex-direction:column;margin-top:10px;padding:12px 15px;display:flex}.notice b{font-size:10px}.notice span{color:#68756c;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(#e9eee8 0,#f4f5f1 160px);grid-template-rows:82px minmax(0,1fr);grid-template-columns:1fr;height:100vh;display:grid}.store-sidebar{color:#1d2922;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:5;background:#fffffcf5;border:0;border-bottom:1px solid #d8dfd7;grid-row:1;grid-template-columns:230px minmax(600px,1fr) 330px;align-items:center;padding:0 24px;display:grid;box-shadow:0 5px 24px #19372412}.store-brand{border:0;gap:11px;height:52px;padding:0}.store-brand>i{color:#efdba7;background:linear-gradient(145deg,#183f2b,#286044);border-radius:13px;width:43px;height:43px;box-shadow:0 7px 17px #17432d28}.store-brand span b{font-size:15px}.store-brand small{color:#78837b;font-size:11px}.store-sidebar nav{flex-direction:row;justify-content:center;gap:5px;padding:0;display:flex}.store-sidebar nav button{color:#68736b;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:#204f36;background:#f0f4ef;transform:translateY(-1px)}.store-sidebar nav button.active{color:#174f33;background:#e1ede3;font-weight:800;box-shadow:inset 0 0 0 1px #c8dccd}.store-sidebar nav button.active:after{content:"";background:#286b48;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:#223029;border:0;border-left:1px solid #dde3dc;justify-self:end;width:225px;height:52px;margin:0;padding:0 0 0 18px}.store-user>i{color:#174f33;background:#dceade;width:38px;height:38px}.store-user b{font-size:13px}.store-user small{color:#7d877f;font-size:10px}.store-user button{color:#68736b;background:#f8faf7;border:1px solid #d9dfd8;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 #1c412a0b}.metric-grid article{border-color:#dbe2da}.metric-grid article:first-child{color:#fff;background:linear-gradient(145deg,#194c33,#246343);border:0}.metric-grid article:first-child>i{color:#194c33;background:#efdba7}.metric-grid article:first-child>span small,.metric-grid article:first-child>em{color:#c8dacf}.primary-action{background:linear-gradient(145deg,#1b5639,#276d49);border-radius:12px;height:46px;padding:0 18px;box-shadow:0 8px 20px #1c593b2b}.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{max-width:none;padding:0;overflow:hidden}.pos-content>.pos{height:100%}.pos-content>.pos>header{display:none}.pos-content .layout{height:100%;padding:10px}.show-pos{background:#edf0eb}.show-pos .store-sidebar nav button.active:after{bottom:-19px}.cell-sub{color:#7a857d;margin-top:2px;font-size:11px;display:block}.price-cell{color:#195238;font-weight:700}.price-cell>span{color:#a05d4e;font-size:11px;font-weight:500}.row-action{color:#215b3b;background:#f5faf6;border:1px solid #cad6cc;border-radius:8px;min-height:34px;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-product{background:#f3f7f2;border-radius:10px;flex-direction:column;padding:12px 14px;display:flex}.price-product b{font-size:15px}.price-product span{color:#748078;font-size:12px}.price-basis{grid-template-columns:1fr 1fr;gap:7px;margin:14px 0;display:grid}.price-basis button{color:#68746c;background:#fff;border:1px solid #d1dad2;border-radius:9px;height:46px}.price-basis button.active{color:#195137;background:#eaf4ec;border:2px solid #286946;font-weight:800}.price-modal>label{margin-top:12px;font-size:12px;font-weight:700;display:block}.price-modal select{background:#fff;border:1px solid #c9d3ca;border-radius:8px;width:100%;height:43px;margin-top:5px;padding:0 10px}.price-input{margin-top:5px;position:relative}.price-input input{color:#175136;border:1px solid #b9c8bc;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:#707b73;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:#1c593b;border:0;border-radius:9px;width:100%;height:48px;margin-top:15px;font-weight:800}.save-price:disabled{color:#7e8880;background:#d5ddd6}.opening-modal>span{color:#6f7b72;margin:-10px 0 16px;display:block}.opening-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.opening-modal label{margin-top:12px;display:block}.opening-modal select,.opening-modal>label>input,.opening-grid input{border:1px solid #cbd4cc;border-radius:9px;width:100%;height:44px;margin-top:6px;padding:0 10px}@media (width<=600px){.opening-grid{grid-template-columns:1fr}}.opening-summary{grid-template-columns:1fr 1fr;gap:9px;margin:12px 0;display:grid}.opening-summary span{background:#f5f7f5;border-radius:9px;flex-direction:column;padding:12px;display:flex}.opening-summary small{color:#727d75}.opening-summary b{font-size:18px}.unit-layout{grid-template-columns:minmax(540px,1.25fr) minmax(360px,.75fr);gap:12px;max-width:1500px;margin:auto;display:grid}.unit-list,.unit-form{background:#fff;border:1px solid #dce2db;border-radius:13px;overflow:hidden}.unit-list-head,.unit-list>button{grid-template-columns:110px 1fr 150px 110px;align-items:center;gap:10px;padding:0 16px;display:grid}.unit-list-head{color:#758078;background:#f6f8f5;height:44px;font-size:11px}.unit-list>button{text-align:left;color:#28342c;background:#fff;border:0;border-bottom:1px solid #e4e8e3;width:100%;min-height:56px}.unit-list>button:hover{background:#f7faf7}.unit-list>button.active{background:#e9f3eb;box-shadow:inset 3px 0 #286946}.unit-list>button b{color:#1b5538;font-size:12px}.unit-list>button span{font-size:13px}.unit-list em{border-radius:14px;justify-self:start;padding:3px 8px;font-size:10px;font-style:normal}.unit-list em.on{color:#24663c;background:#e3f1e6}.unit-list em.off{color:#737d76;background:#edf0ec}.unit-form{padding:22px}.unit-form>p{letter-spacing:.14em;color:#946f2a;margin:0;font-size:10px;font-weight:800}.unit-form h2{margin:3px 0 15px;font-size:20px}.unit-form>label{margin-top:12px;font-size:12px;font-weight:700;display:block}.unit-form input[type=text],.unit-form label>input:not([type=checkbox]),.unit-weight{border:1px solid #cbd5cc;border-radius:8px;width:100%;height:43px;margin-top:5px}.unit-form label>input:not([type=checkbox]){padding:0 11px}.unit-weight{align-items:center;display:flex;overflow:hidden}.unit-weight input{flex:1;border:0!important;height:41px!important;margin:0!important}.unit-weight span{color:#6e7971;padding:0 11px;font-size:12px}.unit-check{align-items:center;gap:7px;font-weight:500!important;display:flex!important}.unit-check input{width:17px;height:17px}.unit-example{background:#f2f7f2;border-radius:8px;flex-direction:column;margin-top:13px;padding:10px 12px;display:flex}.unit-example b{font-size:11px}.unit-example span{color:#536159;font-size:12px}.unit-form footer{justify-content:flex-end;gap:7px;margin-top:17px;display:flex}.unit-form footer button{border-radius:8px;height:43px;padding:0 15px;font-weight:700}.delete-unit{color:#94483d;background:#fff;border:1px solid #e0c8c3}.save-unit{color:#fff;background:#1c593b;border:0}.save-unit:disabled{opacity:.55}@media (width<=1100px){.unit-layout{grid-template-columns:1fr}.unit-list-head,.unit-list>button{grid-template-columns:90px 1fr 120px 90px}}.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:#10b981}.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:#28563b;background:#f8faf7;border:1px solid #d5ddd5;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:#edf4ee;border-color:#adc4b2}.login-desktop-download>b{background:#dceade;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:#77827a;font-size:10px;font-weight:500}.nav-desktop-download{color:#225c3b;white-space:nowrap;background:#edf5ee;border:1px solid #cbd9ce;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:#dfece2}.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:#78827a;background:#f5f7f4;border:1px solid #d5ddd6;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:#67746b;background:#f5f7f4;border:1px solid #d1dad2;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 #c6cec7}.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-backdrop{z-index:250;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#102019a8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.shortcut-dialog{background:#fff;border-radius:22px;width:min(600px,100vw - 30px);padding:26px;box-shadow:0 30px 90px #10241955}.shortcut-dialog header{color:#1d2922;background:0 0;height:auto;padding:0}.shortcut-dialog header p{color:#8b6929;letter-spacing:.15em;margin:0;font-size:10px;font-weight:900}.shortcut-dialog header h2{margin:3px 0;font-size:24px}.shortcut-dialog header button{background:#edf1ed;border:0;border-radius:50%;width:38px;height:38px;font-size:22px}.shortcut-grid{grid-template-columns:1fr 1fr;gap:9px;margin:22px 0 16px;display:grid}.shortcut-grid span{background:#f8faf7;border:1px solid #dce3dc;border-radius:12px;grid-template-columns:82px 1fr;align-items:center;min-height:54px;padding:9px 12px;display:grid}.shortcut-grid kbd{color:#225c3b;background:#fff;border:1px solid #cbd5cd;border-radius:7px;justify-self:start;padding:5px 8px;font-size:11px;box-shadow:0 2px #d9dfda}.shortcut-grid b{font-size:12px}.shortcut-dialog>small{color:#738078;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 #e3e8e2;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 #dbe2dc;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:#27583d;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 #d8e0d9;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 #102b1d45;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:#3e4c43!important;background:#f8faf7!important;border:1px solid #e0e6e0!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:#174f33!important;background:#e7f1e9!important;border-color:#b8d0be!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:#10201970;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 #d7ded8;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #19372514}.mobile-tabbar button{color:#718078;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:#185438;background:#e6f0e7}.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:#657269;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-modal,.receive-modal-wide{max-height:calc(100dvh - 20px);overflow:auto;width:calc(100vw - 20px)!important;padding:20px!important}.receive-two,.receive-line-list article{grid-template-columns:1fr!important}.product-modal,.user-modal,.opening-cash-modal{max-height:calc(100dvh - 20px);overflow:auto;width:calc(100vw - 20px)!important;padding:20px!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 #173d2519}.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}.backdrop{background:#102019a8;align-items:end;padding:0}.real-sale-modal,.cart-modal,.payment-modal,.real-success,.sale-sheet,.payment{max-width:none;max-height:92dvh;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;width:100%!important}.real-sale-modal h2,.cart-modal h2,.payment-modal h2{font-size:22px}.real-basis{gap:7px}.real-basis button{height:58px}.weight-shortcuts,.cash-presets{grid-template-columns:repeat(2,1fr)}.weight-shortcuts button,.cash-presets button{min-height:44px}.cart-modal footer{grid-template-columns:1fr 1fr;gap:8px}.cart-modal footer>div{text-align:left;grid-area:1/1/auto/-1}.clear-bill,.go-pay{min-height:48px}.shortcut-backdrop{align-items:end;padding:0}.shortcut-dialog{width:100%;max-height:90dvh;padding:22px 18px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;overflow:auto}.shortcut-dialog header h2{font-size:21px}.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 #dce4dc;border-radius:26px;width:min(1540px,100%);margin:0 auto;padding:24px;box-shadow:0 18px 55px #19412b0f}.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}.multi-payment-modal{width:min(720px,96vw)}.multi-payment-modal>header>div{flex-direction:column;display:flex}.multi-payment-modal>header span{color:#748078;font-size:12px}.payment-methods{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.payment-method{background:#f9faf8;border:1px solid #dce3dc;border-radius:15px;padding:14px}.payment-method>header{justify-content:flex-start;align-items:center;gap:9px;display:flex}.payment-method>header i{color:#205c3d;background:#e5eee6;border-radius:10px;place-items:center;width:34px;height:34px;font-style:normal;font-weight:900;display:grid}.payment-method>header div{flex-direction:column;display:flex}.payment-method>header small{color:#7b857e;font-size:10px}.payment-method>label{background:#fff;border:1px solid #bccbbf;border-radius:10px;align-items:center;margin-top:12px;padding:0 9px;display:flex}.payment-method>label input{min-width:0;height:48px;padding:0;font-size:21px}.payment-method>label span{color:#6f7b73;font-size:11px}.payment-reference{background:#fff;margin-top:8px;text-align:left!important;border:1px solid #d0d9d1!important;border-radius:9px!important;height:38px!important;padding:0 9px!important;font-size:12px!important}.payment-method .cash-presets{grid-template-columns:repeat(2,1fr);margin-top:8px}.payment-method .cash-presets button{height:34px;font-size:11px}.payment-summary{grid-template-columns:1fr 1fr;gap:9px;margin:14px 0;display:grid}.payment-summary>span{background:#eef4ee;border-radius:12px;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.payment-summary small{color:#6e7a71}.payment-summary b{color:#174d33;font-size:20px}.payment-summary .payment-short{background:#fff0ec}.payment-summary .payment-short b{color:#a64c40}.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 #e2e7e2;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:#758078;font-size:12px}.stock-history-list{gap:0;display:grid}.stock-history-list article{border-bottom:1px solid #e6ebe6;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:#78837b;font-size:11px}.stock-history-list b{font-size:13px}.history-document{color:#265f41;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:#f4f7f3;border-radius:13px;flex-direction:column;justify-content:center;min-width:0;padding:14px;display:flex}.dashboard-payment-grid small{color:#758078}.dashboard-payment-grid b{color:#185136;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 #e5e9e5;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:#758078}.payment-channel-strip{background:#fff;border:1px solid #dce3dc;border-radius:18px;margin:14px 0;overflow:hidden}.payment-channel-strip>header{border-bottom:1px solid #e3e8e3;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:#758078;font-size:12px}.payment-channel-strip header strong{color:#185136;font-size:21px}.payment-channel-strip>div{grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;display:grid}.payment-channel-strip article{background:#f5f8f4;border-radius:13px;align-items:center;gap:11px;padding:13px;display:flex}.payment-channel-strip article>i{color:#215e3e;background:#e3eee5;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:#748078}.payment-channel-strip b{font-size:18px}.receipt-payments{flex-wrap:wrap;gap:7px;margin-bottom:9px;display:flex}.receipt-payments>span{color:#245c3d;background:#edf4ee;border-radius:9px;align-items:center;gap:6px;padding:6px 9px;font-size:11px;display:flex}.receipt-payments small{color:#708078}@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){.backdrop{place-items:start center!important;padding:8px 0 84px!important;overflow:hidden!important}.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}.payment-methods{grid-template-columns:1fr}.multi-payment-modal{max-height:calc(100dvh - 92px)}.payment-method{padding:12px}.payment-summary{grid-template-columns:1fr}.price-modal,.receive-modal{box-sizing:border-box;border-radius:18px;margin:0;overflow:auto;width:calc(100vw - 24px)!important;max-height:calc(100dvh - 92px)!important;padding:20px!important}.opening-modal>span{margin:-8px 36px 12px 0}.opening-grid,.opening-summary{grid-template-columns:1fr}.opening-modal select,.opening-modal>label>input,.opening-grid input{height:48px}.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}}.real-pos{background:#f2f4f0;min-height:calc(100vh - 88px);padding:22px 24px 120px}.real-search{background:#fff;border:1px solid #d9e0d9;border-radius:18px;align-items:center;gap:10px;max-width:900px;margin:0 auto 22px;padding:8px 9px 8px 18px;display:flex;box-shadow:0 10px 30px #173d2510}.real-search>span{font-size:28px}.real-search input{border:0;outline:0;flex:1;height:48px;font-size:16px}.real-search button,.real-title button{color:#164e32;background:#e6efe7;border:0;border-radius:11px;padding:13px 18px;font-weight:800}.pos-error{color:#91463b;background:#fff0ec;border-radius:10px;max-width:900px;margin:-12px auto 14px;padding:10px 15px}.real-title{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.real-title p,.cart-modal p,.payment-modal p{color:#287049;letter-spacing:.13em;margin:0;font-size:11px;font-weight:900}.real-title h1{margin:2px 0;font-size:30px}.real-title small{color:#6e786f}.real-products{grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:14px;display:grid}.real-products>button{text-align:left;background:#fff;border:1px solid #dce2db;border-radius:17px;grid-template-columns:64px 1fr;gap:13px;min-height:128px;padding:15px;transition:all .18s;display:grid}.real-products>button:not(:disabled):hover{border-color:#7ba089;transform:translateY(-3px);box-shadow:0 12px 28px #173d2515}.real-products>button:disabled{opacity:.5}.rice-pack{color:#745f32;background:linear-gradient(145deg,#f7efd9,#e9d9ad);border:1px solid #d7c69e;border-radius:8px 8px 18px 18px;place-items:center;width:60px;height:76px;font-weight:900;display:grid}.real-products>button>div:last-child{flex-direction:column;min-width:0;display:flex}.real-products small,.real-products span{color:#78837b;font-size:12px}.real-products b{margin:3px 0;font-size:16px}.real-products footer{justify-content:space-between;gap:8px;margin-top:auto;display:flex}.real-products strong{color:#21613e;font-size:12px}.real-products em{font-size:11px;font-style:normal}.bill-dock{z-index:20;color:#fff;background:#153f2b;border-radius:20px;grid-template-columns:1fr auto auto;align-items:center;gap:24px;width:min(900px,100vw - 60px);padding:13px 14px 13px 18px;display:grid;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 18px 48px #102d2050}.bill-count{align-items:center;gap:12px;display:flex}.bill-count i{color:#153f2b;background:#fff;border-radius:13px;place-items:center;width:42px;height:42px;font-style:normal;font-weight:900;display:grid}.bill-count span,.bill-amount{flex-direction:column;display:flex}.bill-dock small{color:#bad0c0}.bill-amount{text-align:right}.bill-amount strong{font-size:23px}.bill-dock>button{color:#26372c;background:#f5c95c;border:0;border-radius:13px;height:50px;padding:0 21px;font-weight:900}.backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#102019aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.real-sale-modal,.cart-modal,.payment-modal,.real-success{background:#fff;border-radius:24px;width:min(540px,95vw);max-height:90vh;padding:26px;position:relative;overflow:auto}.close,.cart-modal header>button,.payment-modal header>button{background:#edf1ed;border:0;border-radius:50%;width:38px;height:38px;font-size:23px}.real-sale-modal>.close{position:absolute;top:20px;right:20px}.real-sale-modal h2{margin:4px 45px 18px 0;font-size:25px}.real-basis{grid-template-columns:1fr 1fr;gap:9px;display:grid}.real-basis button{background:#fff;border:1px solid #d1d9d1;border-radius:12px;height:52px;font-weight:700}.real-basis button.active{color:#195137;background:#e6f1e8;border:2px solid #286946}.real-basis button:disabled{opacity:.4}.real-sale-modal>label{margin-top:16px;font-size:13px;font-weight:700;display:block}.real-sale-modal select{border:1px solid #c9d3ca;border-radius:11px;width:100%;height:48px;margin-top:7px;padding:0 11px}.real-scale{background:#f5f8f4;border-radius:14px;margin-top:16px;padding:16px}.real-scale>label{margin-top:7px;display:flex;position:relative}.real-scale input{text-align:right;border:1px solid #b9c7bc;border-radius:11px;width:100%;height:64px;padding-right:47px;font-size:29px;font-weight:900}.real-scale label>b{position:absolute;top:21px;right:14px}.weight-shortcuts{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:7px;display:grid}.weight-shortcuts button,.real-scale>button{color:#205b3b;background:#fff;border:1px solid #c9d5cb;border-radius:9px;height:37px}.real-scale>button{background:#e3efe5;width:100%;margin-top:7px}.real-price{justify-content:space-between;align-items:center;padding:18px 0;display:flex}.real-price b{color:#185136;font-size:22px}.add-line,.confirm-payment{color:#fff;background:#1c593b;border:0;border-radius:12px;width:100%;height:52px;font-weight:900}.add-line:disabled,.confirm-payment:disabled{background:#ccd5ce}.cart-modal,.payment-modal{width:min(650px,95vw)}.cart-modal header,.payment-modal header{justify-content:space-between;display:flex}.cart-modal h2,.payment-modal h2{margin:3px 0;font-size:26px}.modal-lines{max-height:48vh;margin:20px -4px;overflow:auto}.modal-lines article{border-bottom:1px solid #e5e9e5;justify-content:space-between;align-items:center;padding:15px 5px;display:flex}.modal-lines article>div,.modal-lines article>span{flex-direction:column;display:flex}.modal-lines small{color:#748078}.modal-lines article>span{align-items:end;font-size:17px;font-weight:900}.modal-lines article button{color:#a34e45;background:0 0;border:0;font-size:11px}.cart-modal footer{border-top:1px solid #e0e5e0;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding-top:18px;display:grid}.cart-modal footer>div{text-align:right;flex-direction:column;display:flex}.cart-modal footer strong{color:#174d33;font-size:25px}.clear-bill{color:#a34e45;background:0 0;border:0}.go-pay{color:#fff;background:#1c593b;border:0;border-radius:12px;height:50px;padding:0 22px;font-weight:900}.payment-total{background:#eef4ee;border-radius:15px;justify-content:space-between;align-items:end;margin:22px 0;padding:20px;display:flex}.payment-total strong{color:#174d33;font-size:30px}.payment-modal>label>div{border:2px solid #8ba392;border-radius:13px;align-items:center;margin-top:8px;padding:0 14px;display:flex}.payment-modal input{text-align:right;border:0;outline:0;width:100%;height:60px;font-size:29px;font-weight:900}.cash-presets{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px;display:grid}.cash-presets button{background:#fff;border:1px solid #d0d9d1;border-radius:9px;height:40px}.change{justify-content:space-between;padding:22px 0;display:flex}.change strong{color:#174d33;font-size:24px}.real-success{text-align:center;width:min(430px,95vw)}.real-success>i{color:#247041;background:#dff1e3;border-radius:50%;place-items:center;width:68px;height:68px;margin:auto;font-size:30px;font-style:normal;display:grid}.real-success>strong{color:#175136;font-size:27px;display:block}.real-success>button{color:#fff;background:#1c593b;border:0;border-radius:11px;width:100%;height:48px;margin-top:17px}@media (width<=700px){.real-pos{padding:14px 12px 110px}.real-products{grid-template-columns:1fr}.bill-dock{grid-template-columns:1fr auto;width:calc(100vw - 24px)}.bill-amount{display:none}.bill-dock>button{padding:0 13px}}.receive-modal{background:#fff;border-radius:17px;width:500px;padding:24px;position:relative}.receive-modal>p{letter-spacing:.13em;color:#946f2b;margin:0;font-size:10px;font-weight:800}.receive-modal h2{margin:3px 0 16px}.receive-modal>label,.receive-two label{margin-top:11px;font-size:12px;font-weight:700;display:block}.receive-modal select,.receive-modal input{background:#fff;border:1px solid #c9d3ca;border-radius:8px;width:100%;height:42px;margin-top:5px;padding:0 10px}.receive-two{grid-template-columns:1fr 1fr;gap:8px;display:grid}.receive-submit{color:#fff;background:#1c593b;border:0;border-radius:9px;width:100%;height:48px;margin-top:16px;font-weight:800}.receive-submit:disabled{color:#7c877e;background:#d4dcd5}.receive-modal-wide{width:min(920px,96vw)}.receive-lines-head{justify-content:space-between;align-items:center;margin:18px 0 8px;display:flex}.receive-lines-head button{color:#185337;background:#e9f2ea;border:1px solid #bad0c0;border-radius:9px;padding:9px 13px;font-weight:800}.receive-line-list{flex-direction:column;gap:8px;max-height:38vh;display:flex;overflow:auto}.receive-line-list article{background:#f5f7f4;border:1px solid #e0e5df;border-radius:12px;grid-template-columns:2fr 1fr .65fr .9fr;gap:8px;padding:12px;display:grid;position:relative}.receive-line-list article label{margin:0}.remove-receive-line{color:#fff;background:#9c4b42;border:0;border-radius:50%;width:25px;height:25px;position:absolute;top:-7px;right:-7px}@media (width<=760px){.receive-line-list article{grid-template-columns:1fr 1fr}.receive-line-list article label:first-child{grid-column:1/-1}}.receive-lines-head button{display:none}.receive-cost-summary{background:#f5f8f5;border-radius:9px;justify-content:space-between;align-items:center;margin:12px 0;padding:13px;display:flex}.receive-cost-summary b{color:#185337;font-size:20px}.dashboard-actions{gap:7px;display:flex}.dash-grid{align-items:start}.dashboard-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #e4e8e3;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;display:flex}.dashboard-row:hover{background:#f6f9f5}.dashboard-row span{flex-direction:column;display:flex}.dashboard-row b{font-size:13px}.dashboard-row small{color:#77827a;font-size:11px}.dashboard-row strong{color:#185136}.account-page{width:min(1460px,100%);margin:0 auto;padding-bottom:50px}.account-head{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.account-head p,.cash-flow p,.account-section header p,.opening-cash-modal>p{color:#2b704b;letter-spacing:.14em;margin:0;font-size:11px;font-weight:900}.account-head h1{margin:3px 0;font-size:32px}.account-head>div:last-child{align-items:end;gap:8px;display:flex}.account-head label{color:#6b766e;flex-direction:column;gap:5px;font-size:11px;display:flex}.account-head input{background:#fff;border:1px solid #ccd5ce;border-radius:10px;height:44px;padding:0 12px}.account-head button{color:#fff;background:#205d3e;border:0;border-radius:10px;height:44px;padding:0 17px;font-weight:800}.cash-board{grid-template-columns:minmax(330px,.85fr) 1.6fr;gap:14px;display:grid}.cash-hero{color:#fff;background:linear-gradient(145deg,#174c33,#0f3926);border-radius:20px;flex-direction:column;min-height:220px;padding:24px;display:flex;box-shadow:0 16px 34px #123b2925}.cash-kicker{color:#c9ddcf;font-size:13px}.cash-hero>strong{margin:10px 0 auto;font-size:42px}.cash-hero>div{border-top:1px solid #ffffff2b;grid-template-columns:1fr 1fr;padding-top:15px;display:grid}.cash-hero>div span{flex-direction:column;display:flex}.cash-hero>div small{color:#bcd1c2}.cash-flow{background:#fff;border:1px solid #dce3dc;border-radius:20px;min-height:220px;padding:24px}.cash-flow header{justify-content:space-between;display:flex}.cash-flow h2{margin:2px 0;font-size:21px}.cash-flow header button{color:#315b43;background:#f5f8f5;border:1px solid #d0dad2;border-radius:9px;align-self:start;padding:8px 11px}.cash-flow>div{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:13px;height:125px;display:grid}.cash-flow>div>span{grid-template-columns:auto 1fr;align-items:center;gap:2px 9px;display:grid}.cash-flow i{border-radius:50%;grid-row:1/3;width:12px;height:12px}.open-dot{background:#d6b25a}.in-dot{background:#3e9a68}.out-dot{background:#c56a60}.cash-flow small{color:#6e7a71}.cash-flow b{font-size:21px}.cash-flow em{color:#a1aba3;font-size:23px;font-style:normal}.sale-strip{grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 20px;display:grid}.sale-strip article{background:#fff;border:1px solid #dce3dc;border-radius:15px;align-items:center;gap:13px;padding:15px;display:flex}.sale-strip i{color:#205c3d;background:#e8f1e9;border-radius:11px;place-items:center;width:40px;height:40px;font-style:normal;display:grid}.sale-strip span{flex-direction:column;display:flex}.sale-strip small,.sale-strip em{color:#78827a;font-size:11px;font-style:normal}.sale-strip b{font-size:19px}.account-section{background:#fff;border:1px solid #dce3dc;border-radius:18px;margin-top:14px;overflow:hidden}.account-section>header{border-bottom:1px solid #e2e7e2;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.account-section h2{margin:2px 0;font-size:19px}.account-section header span{color:#758078;font-size:12px}.account-section>header>b{color:#356148;background:#edf3ee;border-radius:20px;padding:6px 10px;font-size:11px}.account-table-wrap{overflow:auto}.account-section table{border-collapse:collapse;width:100%}.account-section th{color:#667269;text-align:left;background:#f7f9f6;padding:12px 15px;font-size:11px}.account-section td{border-top:1px solid #e7ebe7;padding:14px 15px}.account-section .right{text-align:right}.account-section td small{color:#839087;margin-top:2px;font-size:10px;display:block}.brand-mark{color:#245b3d;background:#e7f0e8;border-radius:9px;place-items:center;width:31px;height:31px;margin-right:9px;font-weight:900;display:inline-grid}.sold b{color:#a2612d}.revenue b{color:#175337}.account-empty{text-align:center;color:#7c877f;padding:38px}.opening-cash-modal{background:#fff;border-radius:20px;width:min(460px,95vw);padding:26px;position:relative}.opening-cash-modal>.close{position:absolute;top:18px;right:18px}.opening-cash-modal h2{margin:4px 0}.opening-cash-modal>span{color:#768178}.opening-cash-modal label{margin-top:20px;font-weight:700;display:block}.opening-cash-modal label>div{border:2px solid #83a18c;border-radius:12px;align-items:center;margin-top:7px;padding:0 13px;display:flex}.opening-cash-modal input{text-align:right;border:0;outline:0;width:100%;height:58px;font-size:27px;font-weight:900}.opening-cash-modal>button:last-child{color:#fff;background:#1b583a;border:0;border-radius:11px;width:100%;height:50px;margin-top:18px;font-weight:900}@media (width<=950px){.cash-board{grid-template-columns:1fr}.sale-strip{grid-template-columns:1fr 1fr}}@media (width<=600px){.account-head{align-items:start;gap:12px}.account-head>div:last-child{flex-direction:column;align-items:stretch}.cash-flow>div{grid-template-columns:1fr;gap:10px;height:auto;margin-top:18px}.cash-flow em{display:none}.sale-strip{grid-template-columns:1fr}.account-head h1{font-size:26px}}.profit-board{background:#fff;border:1px solid #e5e7eb;border-radius:18px;margin:14px 0;padding:20px}.profit-board header{padding:0}.profit-board header p{color:#2563eb;margin:0;font-size:11px;font-weight:700}.profit-board h2{margin:2px 0 18px}.profit-board>div{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:16px;display:grid}.profit-board article{background:#f9fafb;border-radius:12px;justify-content:space-between;padding:16px;display:flex}.profit-board article b{font-size:20px}.profit-board>div>em{color:#9ca3af;font-size:22px;font-style:normal}.profit-board .profit{color:#047857;background:#ecfdf5}.profit-board .loss{color:#b91c1c;background:#fef2f2}.receipt-list>article{border-bottom:1px solid #e5e7eb;padding:16px 20px}.receipt-head{justify-content:space-between;padding-bottom:10px;display:flex}.receipt-head span{align-items:center;gap:12px;display:flex}.receipt-head small{color:#6b7280}.receipt-head strong{font-size:18px}.receipt-item{background:#f9fafb;border-radius:9px;grid-template-columns:1fr auto 110px;align-items:center;gap:15px;margin-top:5px;padding:9px 12px;display:grid}.receipt-item>span:first-child{flex-direction:column;display:flex}.receipt-item small{color:#6b7280}.receipt-item>b{text-align:right}@media (width<=760px){.profit-board>div{grid-template-columns:1fr}.profit-board>div>em{display:none}.receipt-item{grid-template-columns:1fr auto}.receipt-item>b{grid-column:2}}.receipt-totals{align-items:center;gap:14px;display:flex}.receipt-totals small{color:#6b7280}.receipt-item-cost{grid-template-columns:1fr auto 150px 130px}.receipt-item-cost>span:nth-child(3){text-align:right;flex-direction:column;display:flex}.missing-cost{font-weight:700;color:#b45309!important}@media (width<=800px){.receipt-item-cost{grid-template-columns:1fr auto}.receipt-item-cost>span:nth-child(3),.receipt-item-cost>b{text-align:right;grid-column:2}.receipt-totals{flex-direction:column;align-items:end;gap:2px}}.product-modal{background:#fff;border-radius:22px;width:min(700px,96vw);padding:26px;position:relative}@media (width<=600px){.product-form-grid{grid-template-columns:1fr}}.product-modal{background:#fff;border-radius:22px;width:min(700px,96vw);max-height:calc(100dvh - 30px);padding:26px;position:relative;overflow:auto}.product-modal>.close{position:absolute;top:20px;right:20px}.product-modal>p{color:#287049;letter-spacing:.13em;margin:0;font-size:11px;font-weight:900}.product-modal h2{margin:3px 0 20px;font-size:26px}.product-form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.product-form-grid label{font-size:13px;font-weight:700}.product-form-grid input{border:1px solid #cad4cb;border-radius:9px;width:100%;height:44px;margin-top:6px;padding:0 11px}.product-active{align-items:center;gap:8px;margin-top:14px;display:flex}.product-note{color:#315b43;background:#eef4ee;border-radius:10px;margin:16px 0;padding:12px;font-size:12px}.save-product{color:#fff;background:#1b583a;border:0;border-radius:11px;width:100%;height:50px;font-weight:900}.product-table-name{align-items:center;gap:10px;min-width:180px;display:flex}.product-table-name img,.product-table-name i{object-fit:cover;border-radius:12px;flex:0 0 46px;width:46px;height:46px}.product-table-name i{color:#245b3d;background:#e7efe8;place-items:center;font-style:normal;font-weight:900;display:grid}.product-image-editor{background:#f7f9f6;border:1px solid #dce4dc;border-radius:16px;grid-template-columns:150px 1fr;align-items:center;gap:16px;margin-bottom:18px;padding:14px;display:grid}.product-image-preview{background:#e8eee8;border-radius:13px;place-items:center;height:118px;display:grid;overflow:hidden}.product-image-preview img{object-fit:cover;width:100%;height:100%}.product-image-preview span{text-align:center;color:#52635a;flex-direction:column;display:flex}.product-image-preview small{color:#7c887f;font-size:11px}.product-image-editor>div:last-child{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.choose-product-image{color:#fff;cursor:pointer;background:#205d3e;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:0 14px;font-size:12px;font-weight:800;display:inline-flex}.choose-product-image input{display:none}.product-image-editor>div>small{color:#748078;font-size:11px}.remove-product-image{color:#a24c43;background:0 0;border:0;padding:2px 0;font-size:12px}@media (width<=600px){.product-form-grid{grid-template-columns:1fr}.product-image-editor{grid-template-columns:105px 1fr}.product-image-preview{height:95px}.product-table-panel{overflow:auto}}.users-page{max-width:1500px;margin:auto}.users-head{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.users-head p,.user-modal>p{color:#936b25;letter-spacing:.13em;margin:0;font-size:11px;font-weight:800}.users-head h1{margin:3px 0;font-size:30px}.users-head>div>span{color:#6f7972;font-size:13px}.users-head>button{color:#fff;background:#235f41;border:0;border-radius:11px;height:44px;padding:0 18px;font-weight:700}.role-overview{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.role-overview article{background:#fff;border:1px solid #dce2dc;border-radius:14px;align-items:center;gap:12px;padding:16px;display:flex}.role-overview i,.user-name i{color:#20583c;background:#e2eee5;border-radius:11px;place-items:center;width:38px;height:38px;font-style:normal;font-weight:900;display:grid}.role-overview span{flex-direction:column;flex:1;display:flex}.role-overview b{font-size:14px}.role-overview small{color:#78827b;font-size:10px;line-height:1.4}.role-overview em{white-space:nowrap;font-size:12px;font-style:normal;font-weight:800}.users-table,.permission-matrix{background:#fff;border:1px solid #dce2dc;border-radius:14px;margin-top:12px;overflow:hidden;box-shadow:0 8px 25px #1c412a0b}.users-table>header,.permission-matrix>header{border-bottom:1px solid #e3e8e3;justify-content:space-between;padding:15px 18px;display:flex}.users-table h2,.permission-matrix h2{margin:0;font-size:16px}.users-table header span,.permission-matrix header span{color:#79837c;font-size:11px}.users-table table,.permission-matrix table{font-size:12px}.users-table th,.permission-matrix th{padding:12px 16px;font-size:10px}.users-table td,.permission-matrix td{padding:13px 16px}.user-name{align-items:center;gap:10px;display:flex}.user-name i{border-radius:50%;width:32px;height:32px}.users-table code{color:#425148;font:600 12px inherit}.role-chip,.status-on,.status-off{border-radius:20px;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.role-chip{color:#44534a;background:#edf1ed}.role-chip.admin{color:#634696;background:#ece6f7}.role-chip.owner{color:#835c17;background:#f7ead1}.role-chip.manager{color:#246142;background:#dfede4}.role-chip.seller{color:#315d87;background:#e4ecf5}.status-on{color:#24663e;background:#e3f1e7}.status-off{color:#914b40;background:#f3e8e5}.edit-user{color:#315c43;background:#fff;border:1px solid #d4dcd5;border-radius:8px;padding:6px 10px}.users-loading{text-align:center;color:#758078;padding:25px}.permission-matrix td:not(:first-child),.permission-matrix th:not(:first-child){text-align:center}.permission-matrix td:first-child{font-weight:600}.yes{color:#247047;font-size:16px}.no{color:#aeb5af}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.user-modal{background:#fff;border-radius:18px;width:min(480px,100vw - 30px);padding:28px;position:relative;box-shadow:0 24px 80px #10271c55}.user-modal h2{margin:4px 0 20px;font-size:23px}.user-modal label{flex-direction:column;gap:6px;margin-top:13px;font-size:12px;font-weight:700;display:flex}.user-modal input,.user-modal select{height:43px;font:inherit;background:#fff;border:1px solid #ced7cf;border-radius:9px;padding:0 11px}.user-modal input:disabled{color:#7c847e;background:#f1f3f0}.user-modal label small{color:#818a83;font-size:10px;font-weight:400}.user-modal .active-user{flex-direction:row;align-items:center}.user-modal .active-user input{width:17px;height:17px}.save-user{color:#fff;background:#215d3e;border:0;border-radius:10px;width:100%;height:46px;margin-top:19px;font-weight:800}.user-error{color:#93483d;background:#fff0ed;border-radius:8px;margin-top:12px;padding:9px 11px;font-size:11px}@media (width<=1100px){.role-overview{grid-template-columns:1fr 1fr}}.user-name b small{color:#728078;font-size:9px;font-weight:500;display:block}.user-actions{justify-content:flex-end;gap:5px;display:flex}.user-actions button{background:#fff;border-radius:8px;padding:6px 9px}.disable-user{color:#8b5b13;border:1px solid #e2c99f}.enable-user{color:#276b40;border:1px solid #add0b8}.delete-user{color:#9a4439;border:1px solid #e5c0ba}.user-actions button:disabled{opacity:.4;cursor:not-allowed}.users-alert{color:#93483d;background:#fff0ed;border:1px solid #efd1ca;border-radius:10px;margin:0 0 12px;padding:10px 13px;font-size:11px}.delete-confirm{text-align:center;background:#fff;border-radius:18px;width:min(410px,100vw - 30px);padding:30px;box-shadow:0 24px 80px #10271c55}.delete-confirm>i{color:#9a4439;background:#f8e8e4;border-radius:50%;place-items:center;width:52px;height:52px;margin:auto;font-size:24px;font-style:normal;font-weight:900;display:grid}.delete-confirm h2{margin:13px 0 6px;font-size:21px}.delete-confirm p{color:#69756d;margin:0;font-size:12px;line-height:1.6}.delete-confirm>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.delete-confirm button{background:#fff;border:1px solid #d5ddd6;border-radius:9px;height:43px;font-weight:700}.delete-confirm .confirm-delete{color:#fff;background:#98483d;border:0}.desktop-update-check{z-index:60;color:#275c3c;background:#fff;border:1px solid #cad8cd;border-radius:10px;height:38px;padding:0 13px;font-size:11px;font-weight:800;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 25px #173d2520}.desktop-update-check:hover{background:#edf5ee}.desktop-update-check.checking{opacity:.75}.desktop-update-check.current{color:#39724e}.update-backdrop{z-index:300;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1020199e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.update-dialog{text-align:center;background:#fff;border-radius:22px;width:min(440px,100vw - 30px);padding:30px;box-shadow:0 30px 100px #09170f66}.update-dialog>i{color:#1e6540;background:#e2eee4;border-radius:18px;place-items:center;width:58px;height:58px;margin:auto;font-size:25px;font-style:normal;font-weight:900;display:grid}.update-dialog h2{margin:17px 0 0;font-size:23px}.update-dialog>span{color:#68756d;margin-top:9px;font-size:12px;line-height:1.6;display:block}.update-dialog footer{grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;display:grid}.update-dialog footer button{background:#fff;border:1px solid #d4dcd5;border-radius:10px;height:45px;font-weight:800}.update-dialog footer .install-update{color:#fff;background:#1d5d3d;border:0}.update-progress{background:#e5ebe6;border-radius:9px;height:9px;margin-top:20px;overflow:hidden}.update-progress b{background:#27734c;border-radius:9px;height:100%;transition:width .2s;display:block}.update-dialog>strong{color:#225c3b;margin-top:8px;display:block}