*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f6f3ef;color:#25170f}.app{display:flex;min-height:100vh}aside{width:220px;background:linear-gradient(#2a160b,#1b0f09);color:#fff;padding:22px 14px;position:fixed;inset:0 auto 0 0}.brand{display:flex;gap:12px;align-items:center;padding:8px 10px 28px}.brand svg{width:38px;height:38px}.brand b,.brand strong{display:block}.brand strong{font-family:Georgia,serif;font-style:italic;color:#f5cf93;font-size:20px}aside button{border:0;background:none;color:#ddd;width:100%;display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:10px;margin:3px 0;text-align:left;font-weight:600}aside button.active{background:#f6d8a6;color:#30190c}.owner{position:absolute;bottom:18px;border:1px solid #5a4335;border-radius:12px;padding:10px;width:calc(100% - 28px);font-weight:700}.owner span,.owner small{display:block;margin-left:35px}.owner small{font-weight:400;color:#bbb}main{margin-left:220px;width:calc(100% - 220px)}header{height:70px;background:#fff;display:flex;align-items:center;gap:20px;padding:12px 20px;border-bottom:1px solid #eee}.search{display:flex;align-items:center;background:#f4f4f4;border-radius:10px;padding:0 12px;flex:1;max-width:650px}.search input{border:0;background:none;outline:0;padding:13px;width:100%;font-size:15px}.online{margin-left:auto;color:#168b49;background:#eaf8ef;padding:8px 12px;border-radius:20px}.pos{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:14px;padding:16px}.cats{display:flex;gap:8px;overflow:auto;margin-bottom:14px}.cats button{border:1px solid #e5d8ce;background:#fff;padding:10px 16px;border-radius:10px;white-space:nowrap}.cats button.on{background:#4a2917;color:#fff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.product{background:#fff;border:1px solid #eadfd7;border-radius:13px;padding:0 0 12px;text-align:left;overflow:hidden;box-shadow:0 2px 6px #00000008}.product .pic{height:105px;background:linear-gradient(135deg,#f4e5d6,#e6c6a8);display:grid;place-items:center;font-size:52px}.product b,.product strong,.product small{display:block;margin:8px 10px 0}.product strong{color:#713914;font-size:16px}.product small{color:#888}.order{background:#fff;border-radius:14px;padding:18px;min-height:calc(100vh - 102px);position:sticky;top:86px}.empty{height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;font-size:34px}.empty b,.empty span{font-size:14px;margin-top:8px}.line{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee}.line small{display:block;color:#777;margin-top:5px}.step{display:flex;gap:7px;align-items:center}.step button{border:1px solid #ddd;background:#fff;border-radius:7px;width:28px;height:28px}.step svg{width:13px}.sum{margin-top:18px;border-top:1px dashed #ddd;padding-top:14px}.sum span,.sum h2{display:flex;justify-content:space-between;margin:10px 0}.sum h2{background:#f5eee6;padding:14px;border-radius:10px}.actions{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:8px}.actions button,.form button{border:1px solid #ddd;background:#fff;border-radius:9px;padding:12px;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700}.actions svg,.form svg{width:17px}.actions .pay{background:#2aaa58;color:#fff;border:0}.page{padding:25px}.page h1{margin-bottom:4px}.muted{color:#777;margin-top:0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.card,.panel{background:#fff;border:1px solid #eadfd7;border-radius:14px;padding:18px}.card small,.card strong,.card span{display:block}.card strong{font-size:24px;margin:10px 0}.card span{font-size:12px;color:#15904a}.panel{margin-top:14px;overflow:auto}.placeholder{height:300px;display:grid;place-content:center;text-align:center;color:#777}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:12px;border-bottom:1px solid #eee;font-size:13px}th{color:#777}.form{display:flex;gap:10px}.form input{padding:12px;border:1px solid #ddd;border-radius:8px;min-width:240px}.form button{background:#4a2917;color:#fff}.modal{position:fixed;inset:0;background:#0008;display:grid;place-items:center;z-index:5}.modal>div{background:#fff;border-radius:16px;padding:25px;width:340px}.modal p{display:flex;justify-content:space-between}.modal button{display:block;width:100%;padding:13px;margin:8px 0;border:0;border-radius:9px;background:#2aaa58;color:#fff;font-weight:700}.modal .cancel{background:#eee;color:#333}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}.pos{grid-template-columns:1fr 340px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){aside{width:70px}aside .brand div,aside button:not(.active){font-size:0}.brand{padding-left:2px}.owner{display:none}main{margin-left:70px;width:calc(100% - 70px)}.pos{grid-template-columns:1fr}.order{position:static}.grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr 1fr}}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#6c3c1f,#211108 60%);padding:20px}.loginbox{width:min(430px,100%);background:#fff;border-radius:22px;padding:34px;box-shadow:0 30px 80px #0006}.loginbrand{display:flex;gap:12px;align-items:center;color:#3c2011}.loginbrand svg{width:46px;height:46px}.loginbrand b,.loginbrand strong{display:block}.loginbrand strong{font:italic 24px Georgia;color:#8a4c24}.login h1{margin:28px 0 5px}.login p{color:#777;margin-top:0}.login form label{display:block;font-size:13px;font-weight:700;margin:16px 0 7px}.login form input{width:100%;padding:13px 14px;border:1px solid #ddd;border-radius:10px;font-size:15px}.login form button{width:100%;margin-top:20px;padding:14px;border:0;border-radius:10px;background:#4a2917;color:#fff;font-weight:800;font-size:15px}.error{background:#fff0f0;color:#b42318;padding:10px;border-radius:8px;margin-top:12px;font-size:13px}.demo{margin-top:22px;background:#faf5ef;border:1px dashed #dfc9b6;padding:13px;border-radius:10px;font-size:12px}.demo b,.demo span{display:block;margin:3px 0}.role{display:flex;gap:9px;align-items:center;margin:0 0 14px;padding:10px;border-radius:10px;font-size:10px}.role svg{width:20px}.role small{display:block;margin-top:2px}.adminrole{background:#49301f;color:#f6d8a6}.cashierrole{background:#173c2b;color:#bff1d1}.owner>b,.owner>small{display:block;margin:0}.owner>small{color:#bbb;font-weight:400;margin-top:3px}.owner button{margin-top:8px!important;padding:7px!important;color:#f0c6b7!important}.who{border-left:1px solid #eee;padding-left:15px;min-width:90px}.who b,.who small{display:block}.who small{font-size:11px;color:#777;margin-top:2px}.shiftbtn{border:1px solid #ddd;background:#fff;border-radius:9px;padding:9px 12px;display:flex;align-items:center;gap:6px;font-weight:700}.shiftbtn svg{width:16px}.shiftbtn.open{background:#eaf8ef;color:#168b49;border-color:#c8ead4}.orderopts{display:flex;gap:8px;margin:-2px 0 12px;flex-wrap:wrap}.orderopts button,.holds button{border:1px solid #dfd4ca;background:#fff;border-radius:9px;padding:9px 11px;display:flex;align-items:center;gap:6px}.orderopts button.sel{background:#4a2917;color:#fff}.orderopts svg,.holds svg{width:15px}.orderopts input{border:1px solid #dfd4ca;border-radius:9px;padding:9px 11px;min-width:110px}.holds{display:flex;align-items:center;gap:7px;overflow:auto;background:#fff7e8;border:1px solid #f0d9aa;padding:8px 10px;border-radius:10px;margin-bottom:12px;font-size:12px}.holds button{white-space:nowrap;padding:6px 9px}.discount{display:flex;align-items:center;gap:7px;padding:7px 0}.discount svg{width:16px}.discount input{margin-left:auto;width:120px;border:1px solid #ddd;border-radius:7px;padding:7px;text-align:right}.rowactions{display:flex;gap:5px}.rowactions button{border:1px solid #e5c9c9;background:#fff7f7;color:#9b2424;border-radius:6px;padding:5px 7px}.statusbad{display:block;color:#b42318;text-transform:uppercase;margin-top:4px}.actions button:disabled{opacity:.45}.recipegroup{margin-top:14px}.recipehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}.recipehead h2{margin:0}.recipehead small,.recipetotal small{color:#7c6f67}.recipetotal{text-align:right;display:flex;flex-direction:column}.recipetotal b{font-size:22px;color:#5a2c16}.danger{border:1px solid #ef4444!important;color:#b91c1c!important;background:#fff!important}.form .cancel{background:#fff!important;color:#5a2c16!important;border:1px solid #d6c5b8!important}.recipehead{flex-wrap:wrap}.recipetotal{min-width:150px;padding-right:8px}.recipetotal b{white-space:nowrap}.dashhead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.filters{display:flex;gap:8px}.filters select,.filters input{padding:10px 12px;border:1px solid #ddd0c4;border-radius:9px;background:#fff}.dashperiod{margin:10px 0 14px;color:#765f51}.metricgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.metric{background:#fff;border:1px solid #eadfd6;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px}.metric small{color:#7d6a5f;font-weight:700}.metric strong{font-size:25px;color:#2d160b}.metric span{font-size:12px;color:#8c7b71}.dashcols{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.targetbox{margin-bottom:14px}.targetline{display:flex;align-items:center;gap:12px;margin:5px 0 10px}.targetline strong{font-size:22px}.targetline input{width:130px;padding:7px;border:1px solid #ddd;border-radius:7px}.progress{height:12px;background:#eee4dc;border-radius:999px;overflow:hidden;margin:8px 0}.progress i{display:block;height:100%;background:#3caf5b;border-radius:999px}.hourchart{display:flex;flex-direction:column;gap:8px}.hourrow{display:grid;grid-template-columns:52px 1fr 100px;gap:9px;align-items:center;font-size:12px}.hourrow>div{height:10px;background:#eee7e2;border-radius:99px;overflow:hidden}.hourrow i{display:block;height:100%;background:#6b351c;border-radius:99px}.hourrow b{text-align:right}.statrow,.rankrow{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eee5de}.rankrow{display:grid;grid-template-columns:28px 1fr auto;gap:10px}.rankrow>b{background:#f4e3c6;width:25px;height:25px;border-radius:50%;display:grid;place-items:center}.critical{margin-top:8px;padding:8px 10px;background:#fff1f1;color:#a31d1d;border-radius:8px;font-size:12px}.rowactions .muted{font-size:11px}@media(max-width:1000px){.metricgrid{grid-template-columns:repeat(2,1fr)}.dashcols{grid-template-columns:1fr}}.metricgrid.metric4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric em{font-size:11px;font-style:normal;font-weight:700;margin-top:2px}.metric em.up{color:#168b49}.metric em.down{color:#b42318}.targettop{display:flex;align-items:center;justify-content:space-between;gap:15px}.targettop small,.targettop strong{display:block}.targettop strong{font-size:22px;margin-top:4px}.softbtn,.targetedit button{border:1px solid #dcc8b9;background:#fff7ef;color:#542a16;border-radius:8px;padding:8px 12px;font-weight:700}.targetedit{display:flex;gap:7px}.targetedit input{width:140px;padding:8px;border:1px solid #ddd;border-radius:8px}.sectiontitle{display:flex;justify-content:space-between;align-items:center}.sectiontitle h2{margin-right:10px}.sectiontitle span{font-size:11px;font-weight:700;background:#f5e7d7;color:#6b351c;padding:6px 9px;border-radius:99px}.prochart{min-height:190px;justify-content:center}.paywrap{display:grid;grid-template-columns:145px 1fr;align-items:center;gap:18px}.donut{width:138px;height:138px;border-radius:50%;display:grid;place-items:center}.donut>div{width:92px;height:92px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center}.donut b{font-size:14px}.donut small{color:#88756a;margin-top:3px}.paylegend .statrow{font-size:13px}.topmenu{min-width:600px}.tophead,.toprow{display:grid;grid-template-columns:minmax(160px,1.6fr) .45fr .8fr .8fr .55fr;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #eee5de}.tophead{font-size:11px;color:#86736a;font-weight:700}.toprow{font-size:13px}.toprow>span{display:flex;align-items:center;gap:9px}.toprow>span b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#f4e3c6}.toprow strong{font-size:12px}.insight{background:linear-gradient(135deg,#fff,#fff8ee)}.insightgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.insightgrid>div{display:flex;gap:10px;align-items:flex-start;background:#faf2e8;border:1px solid #f0dfcf;border-radius:10px;padding:12px;font-size:12px;line-height:1.5}.insightgrid b{min-width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#5b2d18;color:#fff}@media(max-width:1200px){.metricgrid.metric4{grid-template-columns:repeat(2,1fr)}.insightgrid,.paywrap{grid-template-columns:1fr}.donut{margin:auto}}@media(max-width:700px){.metricgrid.metric4{grid-template-columns:1fr}.targettop{align-items:flex-start;flex-direction:column}}.appversion{position:absolute;bottom:112px;left:14px;right:14px;border-top:1px solid #4b3529;padding:10px 8px;color:#d9c7ba;font-size:11px}.appversion b,.appversion span,.appversion small{display:block}.appversion b{color:#fff;font-size:12px}.appversion span{color:#f5cf93;font-weight:800;margin-top:3px}.appversion small{margin-top:2px}.shiftlive{background:#eaf8ef;color:#168b49;padding:9px 12px;border-radius:99px;font-size:12px;font-weight:800}.shifthelp{background:#fff8ee;color:#65402b}.shifttable{min-width:1150px}.shifttable td small{display:block;color:#88756a;margin-top:5px;white-space:nowrap}.shiftstatus{font-size:10px;font-weight:900;padding:6px 8px;border-radius:99px}.shiftstatus.open{background:#e8f8ed;color:#14783d}.shiftstatus.closed{background:#eee9e5;color:#6e625b}.varianceok{color:#168b49;font-weight:800}.variancebad{color:#b42318;font-weight:900}aside{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding-bottom:14px}aside .brand,aside .role,aside>button{flex-shrink:0}.appversion{position:static!important;left:auto!important;right:auto!important;bottom:auto!important;margin-top:auto;border-top:1px solid #4b3529;padding:12px 8px 8px}.owner{position:static!important;bottom:auto!important;width:100%!important;flex-shrink:0;margin-top:4px}.closemodal>div{width:min(470px,calc(100vw - 30px));max-height:92vh;overflow:auto}.closemodal h2{margin-top:0}.closerows{background:#faf7f3;border:1px solid #eadfd7;border-radius:12px;padding:10px 14px;margin-bottom:14px}.closemodal .closerows p{margin:7px 0;padding:3px 0}.closemodal h4{font-size:11px;letter-spacing:.08em;color:#8a6f60;margin:14px 0 5px;border-bottom:1px solid #e9ddd4;padding-bottom:6px}.closemodal .closetotal,.closemodal .expected{border-top:1px solid #dfd1c7;padding-top:9px!important;margin-top:9px!important}.closemodal .expected strong{font-size:19px;color:#4a2917}.closemodal label{display:block;font-size:12px;font-weight:800;margin:12px 0 6px}.cashinput{width:100%;padding:12px 13px;border:1px solid #d9cec5;border-radius:9px;font-size:15px}.cashpreview{display:block;color:#7b6c63;margin-top:5px}.variancepreview{margin:12px 0;background:#fff7e8;border:1px solid #f0d9aa;padding:10px;border-radius:9px}.shiftmetrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0}.shiftmetrics>div{background:#fff;border:1px solid #eadfd6;border-radius:12px;padding:14px}.shiftmetrics small,.shiftmetrics b{display:block}.shiftmetrics small{color:#7d6a5f}.shiftmetrics b{font-size:19px;margin-top:5px}.shiftmetrics .neg{color:#b42318}.shiftmetrics .warn,.variancewarn{color:#b36a00;font-weight:900}.shiftmetrics .pos{color:#168b49}.tablewrap{overflow:auto}.detailbtn{border:1px solid #d7c6ba;background:#fff8ef;color:#5a2c16;border-radius:7px;padding:6px 9px;font-weight:700}.shiftmodal>div{width:min(620px,calc(100vw - 30px));max-height:90vh;overflow:auto}.detailList{border:1px solid #eee1d8;border-radius:9px;padding:4px 12px;margin-bottom:14px}.detailList p{display:flex;justify-content:space-between;border-bottom:1px solid #f1e8e1;padding:8px 0;margin:0}.accessinfo{background:#fff8ee}.empstatus{padding:5px 8px;border-radius:99px;font-size:10px;font-weight:900}.empstatus.on{background:#e8f8ed;color:#14783d}.empstatus.off{background:#feecec;color:#a51e1e}.disablebtn,.enablebtn{border-radius:7px;padding:7px 10px;font-weight:700;background:#fff}.disablebtn{border:1px solid #e6b8b8;color:#a51e1e}.enablebtn{border:1px solid #a9d7b8;color:#14783d}@media(max-width:1100px){.shiftmetrics{grid-template-columns:repeat(2,1fr)}}.employeeTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.addemp{display:flex;align-items:center;gap:7px;background:#4b2413;color:#fff;border:0;border-radius:9px;padding:11px 15px;font-weight:700;cursor:pointer}.employeeModal{width:min(460px,92vw)!important}.employeeModal label{display:block;font-weight:700;margin:12px 0 6px}.employeeModal input{width:100%;box-sizing:border-box;padding:11px 12px;border:1px solid #d8c9bc;border-radius:8px}.employeeModal small{display:block;color:#78685f;margin-top:5px}.employeeModal>button{margin-top:14px}.shiftfilters{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.shiftfilters select{padding:9px 12px;border:1px solid #dccfc5;border-radius:9px;background:#fff;color:#3d2418;font-weight:700}.performtable{min-width:1050px}.shiftacts{display:flex;gap:6px;white-space:nowrap}.shiftacts .detailbtn{display:inline-flex;align-items:center;gap:5px}.modalactions{display:flex;gap:8px}.modalactions button{display:flex;align-items:center;justify-content:center;gap:6px}.shiftmodal .closerows p{display:flex;justify-content:space-between;gap:20px}.shiftmodal .closerows strong{text-align:right}@media(max-width:800px){.shiftfilters{align-items:flex-start}.shiftmetrics{grid-template-columns:1fr 1fr}.employeeTitle{flex-direction:column}}.productform{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr .55fr auto auto;gap:10px;align-items:center}.settingspanel{max-width:760px;display:grid;gap:10px;padding:22px}.settingspanel label{font-weight:700;margin-top:6px}.settingspanel input{padding:12px;border:1px solid #ddd0c5;border-radius:8px}.settingspanel button{margin-top:8px;max-width:230px}.settingsinfo{margin-top:16px;padding-top:16px;border-top:1px solid #eadfd5;display:flex;gap:18px;flex-wrap:wrap;color:#6b4a3a}@media(max-width:1100px){.productform{grid-template-columns:1fr 1fr}}.productform{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.productform input,.productform select{min-width:150px}.checkline{display:flex;align-items:center;gap:7px;padding:0 8px;font-size:13px}.checkline input{min-width:auto}.productcell{display:flex;align-items:center;gap:9px}.productcell img{width:42px;height:42px;object-fit:cover;border-radius:9px;border:1px solid #eadbcf}.productcell span{font-size:25px}.productpreview{display:flex;align-items:center;gap:14px}.productpreview img{width:90px;height:90px;object-fit:cover;border-radius:12px}.blockmuted{display:block;color:#8b817a;margin-top:3px}.okbtn{color:#147a35;border-color:#b8dfc2;background:#effaf2}.pic img{width:100%;height:100%;object-fit:cover;border-radius:0}.paymentmodal,.correctionmodal{width:min(440px,92vw)!important;max-height:92vh;overflow:auto}.paymentmodal h2,.correctionmodal h2{margin-top:0}.paymentmodal .paytotal{display:flex;justify-content:space-between;align-items:center;padding:12px 0;margin:8px 0 12px;border-top:1px solid #eadfd5;border-bottom:1px solid #eadfd5}.paymentmodal .paytotal strong{font-size:25px}.paymentmodal label,.correctionmodal label{display:block;font-weight:700;margin:11px 0 6px}.paymethods,.correctiontypes{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 12px}.paymethods button,.correctiontypes button{margin:0!important;padding:11px 7px!important}.paymethods button.selected,.correctiontypes button.selected{background:#187d3d!important;box-shadow:0 0 0 3px #ccebd6 inset}.paymethods button:disabled{opacity:.45;cursor:not-allowed}.cashinput{width:100%;padding:12px 13px;border:1px solid #d9cec5;border-radius:9px;font-size:16px}.cashpreview{display:block;color:#7b6c63;margin:5px 0 8px}.quickcash{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:8px 0}.quickcash button{margin:0!important;padding:10px 7px!important}.changebox{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;border-radius:10px;margin:11px 0}.changebox.ok{background:#e8f6ec;color:#176b36}.changebox.short{background:#fff1f1;color:#a51d1d}.changebox strong{font-size:21px}.confirmPay{width:100%;margin-top:8px!important}.correctioncurrent{display:grid;grid-template-columns:1fr auto;gap:7px 15px;background:#f7f2ec;padding:12px;border-radius:10px;margin:10px 0 15px}.correctionmodal textarea{width:100%;min-height:88px;padding:11px;border:1px solid #d9cfc6;border-radius:9px;resize:vertical}.saleslinewrap{width:100%;overflow-x:auto;padding-top:4px}.salesline{display:block;width:100%;min-width:900px;height:300px;overflow:visible}.salesline .gridline{stroke:#ddd8d3;stroke-width:1}.salesline .ylabel,.salesline .xlabel{fill:#7d7068;font:11px Inter,Arial,sans-serif}.salesline .salespoly{fill:none;stroke:#3d9635;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.salesline .salesdot{fill:#3d9635;stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:pointer}.salesline .salesdot:hover{r:6}@media(max-width:800px){.salesline{height:260px}}.navgroup{width:100%}.navgroup .navparent{position:relative}.navarrow{margin-left:auto;font-size:18px}.navsub{padding:2px 0 6px 27px;border-left:2px solid #3b8871;margin:0 0 4px 13px}.navsub button{font-size:12px!important;padding:9px 10px!important;margin:1px 0!important;border-radius:7px!important}.navsub button.active{background:#314054!important;color:#fff!important}.pohead{display:grid;grid-template-columns:1fr 2fr;gap:14px}.pohead label{font-size:12px;font-weight:800;color:#6e5c51}.pohead select,.pohead input,.potable select,.potable input{width:100%;padding:10px;border:1px solid #d9cec5;border-radius:8px;background:#fff;margin-top:6px}.potable table{min-width:900px}.potable td{vertical-align:middle}.poDel{border:0;background:#fff;color:#a51d1d}.poDel svg{width:17px}.poAdd{display:flex;align-items:center;gap:5px;border:0;background:none;color:#078aa6;font-weight:800;padding:12px 4px}.poAdd svg{width:16px}.pototal{display:flex;justify-content:flex-end;align-items:center;gap:20px;border-top:1px solid #eee;padding:16px 4px 6px}.pototal strong{font-size:25px}.poactions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.poactions button,.receivebtn{padding:11px 16px;border:1px solid #d7c7ba;border-radius:9px;background:#fff;font-weight:800}.poactions .post,.receivebtn{background:#2aaa58;color:#fff;border:0}@media(max-width:800px){.pohead{grid-template-columns:1fr}.navsub{padding-left:12px}}.attHero{background:#fff;border:1px solid #eadfd7;border-radius:14px;padding:22px;margin:18px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.attHero small,.attHero strong,.attHero span{display:block}.attHero small{color:#7d6a5f;font-weight:700}.attHero strong{font-size:24px;margin:6px 0}.attHero span{color:#168b49;font-weight:700}.attHero button{border:0;border-radius:11px;padding:14px 22px;color:#fff;font-weight:900;font-size:15px}.clockin{background:#2aaa58}.clockout{background:#a33b2c}.payrollmodal{width:min(470px,92vw)!important;max-height:90vh;overflow:auto}.payrollmodal label{display:block;font-weight:700;margin:11px 0 6px}.payrollmodal input,.payrollmodal select{width:100%;padding:11px;border:1px solid #d9cec5;border-radius:8px;background:#fff}.payrolltimes{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:700px){.attHero{align-items:flex-start;flex-direction:column}.attHero button{width:100%}.payrolltimes{grid-template-columns:1fr}}.refreshAttendanceBtn{border:0;border-radius:9px;padding:10px 14px;background:#2aaa58;color:#fff;font-weight:800;cursor:pointer;white-space:nowrap}.refreshAttendanceBtn:disabled{opacity:.6;cursor:wait}.organizedNav{display:flex;flex-direction:column;gap:2px}.organizedNav .navgroup{margin:0}.organizedNav .navparent{width:100%}.organizedNav .navsub{margin:0 8px 4px 30px;padding-left:10px;border-left:2px solid rgba(44,190,140,.55)}.organizedNav .navsub button{width:100%;text-align:left;padding:9px 10px;font-size:13px;border-radius:7px}.poEditNotice{display:flex;align-items:center;gap:12px;background:#fff3cd;border:1px solid #efd58a;border-radius:10px;padding:12px 16px;margin:12px 0}.poEditNotice b{color:#7a4b00}.poEditNotice button{margin-left:auto}.poStatus{display:inline-block;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800}.poStatus.draft{background:#fff3cd;color:#7a4b00}.poStatus.posted{background:#dcecff;color:#174e8c}.poStatus.received{background:#dcf6e5;color:#176c3b}.poStatus.cancelled{background:#f8dddd;color:#8d2929}.poRowActions{display:flex;gap:6px;flex-wrap:wrap}.poRowActions button{padding:7px 10px;border-radius:7px}.shopActions{display:flex;gap:7px;flex-wrap:wrap}.shopActions button{white-space:nowrap}.shoppingDetail{width:min(900px,94vw)!important;max-height:90vh;overflow:auto;background:#fff;border-radius:14px;padding:22px}.modalhead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.modalhead h2{margin:0 0 5px}.modalhead>button{border:0;background:#eee;border-radius:8px;padding:8px 11px}.shopMeta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.shopMeta span{display:flex;flex-direction:column;color:#7d6a5f}.shopMeta b{color:#21140d;margin-top:3px}.shopGrand{text-align:right;font-size:17px;margin:18px 0}.shopGrand strong{font-size:24px;margin-left:12px}.shopFooter{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}@media(max-width:800px){.cashier-app{display:block;min-height:100vh;padding-bottom:76px;background:#f6f3ef}.cashier-app main{margin-left:0!important;width:100%!important;min-width:0}.cashier-app aside{position:fixed!important;inset:auto 0 0!important;width:100%!important;height:68px!important;z-index:40;padding:5px 6px!important;display:grid!important;grid-template-columns:repeat(5,1fr);gap:2px;background:#241208;border-top:1px solid #563522;overflow:visible}.cashier-app aside .brand,.cashier-app aside .role,.cashier-app aside .appversion,.cashier-app aside .owner{display:none!important}.cashier-app aside>button{margin:0!important;padding:5px 2px!important;border-radius:9px!important;min-width:0;height:58px;display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:3px!important;font-size:10px!important;line-height:1.05;text-align:center!important;color:#f5e8df!important;white-space:normal}.cashier-app aside>button svg{width:20px;height:20px;flex:0 0 auto}.cashier-app aside>button.active{background:#f6d8a6!important;color:#30190c!important}.cashier-app header{height:auto!important;min-height:58px;padding:8px 10px!important;gap:7px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;position:sticky;top:0;z-index:20;box-shadow:0 2px 8px #0000000c}.cashier-app header .search{grid-column:1/2;min-width:0;padding:0 8px!important}.cashier-app header .search input{padding:10px 5px!important;font-size:13px!important;min-width:0}.cashier-app header .search svg{width:17px}.cashier-app header .online{display:none!important}.cashier-app header .who{grid-column:2/3;border-left:0!important;padding-left:0!important;min-width:54px;font-size:11px}.cashier-app header .who small{font-size:9px}.cashier-app header .shiftbtn{grid-column:3/4;padding:8px!important;font-size:10px;white-space:nowrap}.cashier-app header .shiftbtn svg{width:14px}.cashier-app header>b{display:none}.cashier-app .pos{display:block!important;padding:9px!important}.cashier-app .pos>section:first-child{min-width:0}.cashier-app .cats{margin:0 -9px 9px;padding:0 9px 3px;gap:6px;scrollbar-width:none}.cashier-app .cats::-webkit-scrollbar{display:none}.cashier-app .cats button{padding:9px 13px;font-size:12px;flex:0 0 auto}.cashier-app .orderopts{display:grid!important;grid-template-columns:1fr 1fr;gap:7px!important;margin-bottom:9px!important}.cashier-app .orderopts button{justify-content:center;padding:10px 7px!important;font-size:12px}.cashier-app .orderopts input{width:100%!important;min-width:0!important;padding:10px!important;font-size:12px}.cashier-app .orderopts input:last-child{grid-column:1/-1}.cashier-app .holds{margin-bottom:9px}.cashier-app .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.cashier-app .product{min-width:0;border-radius:11px;padding-bottom:9px}.cashier-app .product .pic{height:86px!important;font-size:42px!important}.cashier-app .product .pic img{width:100%;height:100%;object-fit:cover}.cashier-app .product b,.cashier-app .product strong,.cashier-app .product small{margin:6px 8px 0!important;overflow:hidden;text-overflow:ellipsis}.cashier-app .product b{font-size:12px;line-height:1.25;min-height:30px}.cashier-app .product strong{font-size:14px!important;margin-top:2px!important}.cashier-app .order{position:static!important;min-height:0!important;margin-top:10px;border:1px solid #eadfd7;padding:13px!important;border-radius:13px}.cashier-app .order h2{font-size:19px;margin:4px 0 10px}.cashier-app .empty{height:110px!important;font-size:26px!important}.cashier-app .line{gap:8px;padding:10px 0}.cashier-app .line>div:first-child{min-width:0}.cashier-app .step{gap:5px}.cashier-app .step button{width:34px;height:34px}.cashier-app .discount input{width:105px}.cashier-app .sum h2{font-size:20px;padding:12px}.cashier-app .actions{position:sticky;bottom:76px;z-index:15;background:#fff;padding:8px 0 2px;grid-template-columns:.8fr .8fr 1.4fr;box-shadow:0 -8px 12px #fff}.cashier-app .actions button{padding:12px 6px;font-size:12px}.cashier-app .page{padding:14px 10px 86px!important;max-width:100vw;overflow-x:hidden}.cashier-app .page h1{font-size:25px}.cashier-app .panel{padding:12px!important;overflow-x:auto}.cashier-app table{min-width:680px}.cashier-app .pohead{grid-template-columns:1fr!important}.cashier-app .potable{overflow-x:auto}.cashier-app .potable table{min-width:760px}.cashier-app .poactions{flex-wrap:wrap}.cashier-app .attHero{padding:16px!important;margin:12px 0!important}.cashier-app .modal{padding:10px;z-index:80;align-items:end}.cashier-app .modal>div{width:100%!important;max-width:520px!important;max-height:88vh;overflow:auto;border-radius:18px 18px 8px 8px!important;padding:20px!important}.cashier-app .paymentmodal .paymethods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.cashier-app .paymentmodal .paymethods button{padding:12px 5px}.cashier-app .quickcash{display:grid;grid-template-columns:1fr 1fr;gap:6px}}@media(min-width:801px)and (max-width:1180px){.cashier-app aside{width:190px}.cashier-app main{margin-left:190px;width:calc(100% - 190px)}.cashier-app .pos{grid-template-columns:minmax(0,1fr) 330px}.cashier-app .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cashier-app header{gap:10px;padding:10px 12px}.cashier-app header>b{font-size:11px}}@media(max-width:380px){.cashier-app aside>button{font-size:9px!important}.cashier-app .product .pic{height:76px!important;font-size:38px!important}.cashier-app .product b{font-size:11px}.cashier-app .product strong{font-size:13px!important}.cashier-app header .who{display:none}.cashier-app header{grid-template-columns:minmax(0,1fr) auto}.cashier-app header .shiftbtn{grid-column:2/3}}.mobilelogout{display:none}@media(max-width:800px){.cashier-app header{grid-template-columns:minmax(0,1fr) auto auto auto!important}.cashier-app header .who{grid-column:2/3}.cashier-app header .mobilelogout{grid-column:3/4;display:flex!important;align-items:center;justify-content:center;gap:4px;border:1px solid #ead7ca;background:#fff7f2;color:#8d2d20;border-radius:9px;padding:8px 9px;font-size:10px;font-weight:800;white-space:nowrap}.cashier-app header .mobilelogout svg{width:15px;height:15px}.cashier-app header .shiftbtn{grid-column:4/5}}@media(max-width:460px){.cashier-app header .mobilelogout span{display:none}.cashier-app header .mobilelogout{width:36px;height:36px;padding:0}}@media(max-width:380px){.cashier-app header{grid-template-columns:minmax(0,1fr) auto auto!important}.cashier-app header .mobilelogout{grid-column:2/3}.cashier-app header .shiftbtn{grid-column:3/4}}.quickExpenseBtn{background:#fff3cd!important;color:#6f4900!important;border-color:#e8c76a!important;font-weight:800!important}.quickExpenseBtn svg{width:15px}.expenseShiftInfo{background:#eaf8ef;border:1px solid #c8ead4;color:#176b36;border-radius:10px;padding:11px 13px;margin:12px 0}.expenseForm{display:flex;flex-direction:column;gap:8px;max-width:760px}.expenseForm label{font-size:12px;font-weight:800;color:#5f4a3e;margin-top:5px}.expenseForm input{width:100%;padding:12px;border:1px solid #d9cec5;border-radius:9px;font-size:15px}.expensePresets{display:flex;gap:7px;flex-wrap:wrap}.expensePresets button{border:1px solid #dccfc5;background:#fff;border-radius:999px;padding:9px 12px;font-weight:700}.expensePresets button.on{background:#4a2917;color:#fff;border-color:#4a2917}.saveExpense{align-self:flex-start;border:0;background:#2aaa58;color:#fff;border-radius:9px;padding:12px 17px;font-weight:900;display:flex;align-items:center;gap:6px}.saveExpense:disabled{opacity:.5}.saveExpense svg{width:17px}@media(max-width:800px){.expenseCashier{padding:14px 10px 90px}.expenseCashier h1{font-size:22px}.expenseForm{padding:14px}.expensePresets{display:grid;grid-template-columns:1fr 1fr}.expensePresets button{border-radius:9px;padding:11px 8px;font-size:12px}.saveExpense{width:100%;justify-content:center;padding:14px}.expenseCashier .panel{overflow-x:auto}.expenseCashier table{min-width:620px}}.cashRecapModal>div{width:min(520px,calc(100vw - 24px));max-height:92vh;overflow:auto;padding:0!important}.cashRecapHead{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;background:#f7f2ec;border-bottom:1px solid #eadfd7}.cashRecapHead h2{margin:3px 0 0}.cashRecapHead small{font-weight:900;color:#168b49;letter-spacing:.08em}.cashRecapRows{padding:14px 22px}.cashRecapRows p{display:flex;justify-content:space-between;gap:18px;margin:0;padding:8px 0;border-bottom:1px solid #f1e8e1}.cashRecapRows p strong{text-align:right}.cashRecapRows h4{margin:16px 0 4px;font-size:11px;letter-spacing:.08em;color:#806b5f}.cashRecapRows .expenseLine{padding-left:10px}.cashRecapRows .expenseLine strong{color:#a33b2c}.cashRecapRows .recapSubtotal{font-weight:800;border-top:1px solid #d9c9bd}.cashRecapRows .recapVariance{margin-top:8px;padding:13px;border-radius:9px;border:0;font-size:17px}.cashRecapRows .recapVariance.ok{background:#e8f6ec;color:#176b36}.cashRecapRows .recapVariance.warn{background:#fff1e8;color:#a34d1d}.cashRecapActions{display:grid;grid-template-columns:1.4fr 1fr;gap:8px;padding:0 22px 22px}.cashRecapActions button{border:0;border-radius:9px;padding:13px;font-weight:800;background:#4a2917;color:#fff;display:flex;justify-content:center;align-items:center;gap:6px}.cashRecapActions button svg{width:17px}.cashRecapActions .cancel{background:#eee;color:#333}@media(max-width:600px){.cashRecapModal{align-items:flex-end}.cashRecapModal>div{width:100%;max-height:94vh;border-radius:18px 18px 0 0}.cashRecapHead{padding:17px}.cashRecapRows{padding:10px 17px}.cashRecapActions{position:sticky;bottom:0;background:#fff;padding:10px 17px 16px;box-shadow:0 -6px 18px #0000000d}}.shiftbtn.close{background:#fff0ed;color:#a73322;border-color:#efb8ae;cursor:pointer}.shiftbtn.close:hover{background:#ffe2dc;border-color:#df8f80}.clockoutReminder{margin:14px 0 4px;padding:14px;border:1px solid #f0c987;background:#fff8e8;border-radius:12px;display:flex;flex-direction:column;gap:6px}.clockoutReminder b{color:#176b36;font-size:15px}.clockoutReminder span{color:#6d584b;font-size:12px;line-height:1.45}.clockoutReminder button{margin-top:5px!important;background:#a33b2c!important;color:#fff!important;display:flex!important;align-items:center;justify-content:center;gap:7px}.clockoutReminder button svg{width:17px}@media(max-width:800px){.shiftbtn.close{background:#a33b2c;color:#fff;border-color:#a33b2c}.clockoutReminder{position:relative}.clockoutReminder button{min-height:46px;font-size:14px}}.salesFilters{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 2fr;gap:12px;align-items:end}.salesFilters label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700}.salesFilters input,.salesFilters select{height:42px;border:1px solid #ddd2c9;border-radius:10px;padding:0 12px;background:#fff}.salesTableWrap{overflow-x:auto}.salesReportTable{min-width:1180px}.salesReportTable th{white-space:nowrap}.salesReportTable td{vertical-align:top}.productChips{display:flex;flex-wrap:wrap;gap:6px;min-width:360px}.productChips span{display:inline-block;padding:6px 9px;border-radius:999px;background:#dcf2df;color:#27633a;font-size:12px;white-space:nowrap}.cancelledRow .productChips span{background:#fee2d8;color:#9a3d25}.reportStatus{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;text-transform:capitalize;background:#dcfce7;color:#166534}.reportStatus.void,.reportStatus.refunded{background:#fee2e2;color:#991b1b}.salesGrand{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 4px 2px;border-top:1px solid #eee;margin-top:10px}.emptyReport{text-align:center;padding:35px;color:#777}.salesMetrics{margin-top:14px}@media(max-width:900px){.salesFilters{grid-template-columns:1fr 1fr}.salesSearch{grid-column:1/-1}.salesGrand{align-items:flex-start;flex-direction:column}}.salesFilters{grid-template-columns:1.35fr .8fr .8fr 1.6fr}.salesDateLabel,.salesRangeWrap{position:relative}.salesRangeButton{height:42px;width:100%;border:1px solid #ddd2c9!important;border-radius:10px!important;background:#fff!important;color:#33251e!important;padding:0 11px!important;display:flex!important;align-items:center;gap:8px;justify-content:flex-start;font-weight:600!important}.salesRangeButton svg{width:16px;height:16px}.salesRangeButton svg:last-child{margin-left:auto;width:14px}.rangeBackdrop{position:fixed;inset:0;z-index:90;background:transparent}.rangePopover{position:absolute;z-index:100;top:48px;left:0;width:720px;background:#fff;border:1px solid #d9dfe3;border-radius:10px;box-shadow:0 14px 38px #0002;padding:12px}.rangeInputs{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin-bottom:10px}.rangeInputs>div{border:1px solid #d9dfe3;border-radius:7px;padding:8px 10px}.rangeInputs small{display:block;color:#78838c;font-size:10px}.rangeInputs b{font-size:13px}.rangeBody{display:grid;grid-template-columns:1fr 150px;gap:12px}.rangeCalendars{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:10px}.rangeNav{position:absolute;z-index:2;left:0;right:0;top:0;display:flex;justify-content:space-between;pointer-events:none}.rangeNav button{pointer-events:auto;border:0!important;background:transparent!important;color:#52616b!important;font-size:25px!important;padding:0 7px!important;height:30px}.rangeCalendar{border:1px solid #e2e7ea;border-radius:7px;overflow:hidden}.rangeMonth{text-align:center;font-weight:800;padding:8px 30px;border-bottom:1px solid #edf0f2;text-transform:capitalize}.rangeWeek,.rangeDays{display:grid;grid-template-columns:repeat(7,1fr)}.rangeWeek b{text-align:center;font-size:10px;color:#687781;padding:7px 2px;background:#f7f9fa}.rangeDays span,.rangeDays button{height:34px}.rangeDays button{border:0!important;border-radius:0!important;background:#fff!important;color:#33434d!important;padding:0!important;font-size:12px!important;font-weight:600!important}.rangeDays button:hover{background:#eaf9fb!important}.rangeDays button.inrange{background:#d8f6f8!important;color:#087b86!important}.rangeDays button.selected{background:#0eb7c7!important;color:#fff!important;font-weight:900!important}.rangePresets{display:flex;flex-direction:column;gap:4px}.rangePresets button,.rangeCustom{border:0!important;background:#f3f4f5!important;color:#0799aa!important;text-align:left;padding:8px 10px!important;border-radius:3px!important;font-size:12px!important;font-weight:600!important}.rangePresets button:hover{background:#dff7f9!important}.rangeCustom{margin-top:2px;color:#53636d!important}.rangeActions{display:flex;justify-content:flex-end;gap:7px;margin-top:10px;border-top:1px solid #edf0f2;padding-top:10px}.rangeActions button{border:1px solid #cbd4d9!important;background:#fff!important;color:#42525c!important;padding:7px 13px!important;border-radius:5px!important;font-size:12px!important}.rangeActions .apply{background:#08b7c7!important;color:#fff!important;border-color:#08b7c7!important}.rangeActions .apply:disabled{opacity:.45}@media(max-width:900px){.salesFilters{grid-template-columns:1fr 1fr}.salesDateLabel,.salesSearch{grid-column:1/-1}.rangePopover{position:fixed;left:10px;right:10px;top:70px;width:auto;max-height:calc(100vh - 90px);overflow:auto}.rangeBody{grid-template-columns:1fr}.rangePresets{display:grid;grid-template-columns:1fr 1fr}.rangeCalendars{grid-template-columns:1fr 1fr}}@media(max-width:620px){.rangeCalendars{grid-template-columns:1fr}.rangeCalendar:nth-of-type(3){display:none}.rangePopover{top:55px}.rangeDays span,.rangeDays button{height:39px}.rangePresets{grid-template-columns:1fr 1fr}.rangeInputs{grid-template-columns:1fr}.rangeInputs>span{display:none}}.salesReportPage .salesFilters{position:relative!important;z-index:120!important;overflow:visible!important}.salesReportPage .salesDateLabel,.salesReportPage .salesRangeWrap{position:relative!important;overflow:visible!important}.salesReportPage .rangeBackdrop{z-index:121!important}.salesReportPage .rangePopover{z-index:130!important}.salesReportPage .salesMetrics,.salesReportPage .salesTableWrap{position:relative;z-index:1}@media(max-width:900px){.salesReportPage .rangePopover{position:fixed!important;z-index:130!important}}nnn.productSalesFilters{grid-template-columns:1.35fr .9fr 1.8fr}.productSalesTable{width:100%;min-width:900px;border-collapse:collapse}.productSalesTable th{white-space:nowrap;text-align:left}.productSalesTable td,.productSalesTable th{padding:13px 12px;border-bottom:1px solid #eee}.productSalesTable .num{text-align:right}.productSalesTable tbody tr:hover{background:#fffaf6}@media(max-width:900px){.productSalesFilters{grid-template-columns:1fr 1fr}.productSalesFilters .salesDateLabel,.productSalesFilters .salesSearch{grid-column:1/-1}}nnn .navsubsection{padding:10px 16px 5px 38px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;opacity:.68}.navsub .navlevel2{padding-left:48px!important;font-size:12px}.reportTopbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;padding:2px 2px 14px;border-bottom:1px solid #e8e1db}.reportTopbar>button{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.reportBreadcrumb{display:flex;align-items:center;gap:10px;min-width:0;font-size:13px;color:#765e50}.reportBreadcrumb b{color:#b8aaa1;font-size:17px;font-weight:500}.reportBreadcrumb strong{color:#9a8d84;font-weight:500}.productSalesTable{table-layout:fixed!important;width:100%!important;min-width:980px}.productSalesTable .colProduct{width:22%}.productSalesTable .colCategory{width:14%}.productSalesTable .colSku{width:10%}.productSalesTable .colQty{width:8%}.productSalesTable .colMoney{width:15.33%}.productSalesTable th,.productSalesTable td{box-sizing:border-box;vertical-align:middle}.productSalesTable th.num,.productSalesTable td.num{text-align:right!important;font-variant-numeric:tabular-nums}.productSalesTable th:nth-child(3),.productSalesTable td:nth-child(3){text-align:center}.productSalesTable tbody td:first-child{font-weight:600}.productSalesPage .salesGrand{display:grid;grid-template-columns:54% 46%;align-items:center}.productSalesPage .salesGrand strong{text-align:right}@media(max-width:900px){.reportTopbar{align-items:flex-start}.reportBreadcrumb{flex-wrap:wrap;gap:6px}.productSalesTable{min-width:900px}.productSalesPage .salesGrand{grid-template-columns:1fr;gap:8px}.productSalesPage .salesGrand strong{text-align:left}}n .navsub{padding-top:5px!important;padding-bottom:8px!important}.navsub button{line-height:1.25!important;white-space:normal!important;min-height:34px}.navsubsection{padding:10px 10px 5px 12px!important;font-size:12px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;opacity:.78}.navsub .navlevel2{padding:8px 10px 8px 22px!important;font-size:12px!important;line-height:1.25!important}.organizedNav .navsub button{font-size:12px!important}.dailySalesFilters{display:grid;grid-template-columns:minmax(300px,420px);align-items:end}.dailySalesTable{width:100%;table-layout:fixed;border-collapse:collapse}.dailySalesTable th,.dailySalesTable td{padding:14px;border-bottom:1px solid #eee}.dailySalesTable th{background:#202a36;color:#fff;text-align:left}.dailySalesTable .num{text-align:right;font-variant-numeric:tabular-nums}.dailySalesTable tfoot th{background:#fff;color:#4b5563;font-weight:800}.dailySalesTable tfoot th.num{color:#27384a}.dailyCount{font-size:12px;color:#64748b;margin:16px 0 0}.dailySalesPage .salesTableWrap{overflow:visible}@media(max-width:800px){.dailySalesFilters{grid-template-columns:1fr}.dailySalesTable{min-width:650px}.dailySalesPage .salesTableWrap{overflow-x:auto}.navsubsection{padding-left:8px!important}.navsub .navlevel2{padding-left:16px!important}}.dailySalesPage .dailySalesFilters{position:relative!important;z-index:140!important;overflow:visible!important}.dailySalesPage .dailySalesFilters.panel{overflow:visible!important}.dailySalesPage .salesDateLabel,.dailySalesPage .salesRangeWrap{position:relative!important;z-index:141!important;overflow:visible!important}.dailySalesPage .rangeBackdrop{position:fixed!important;inset:0!important;z-index:142!important}.dailySalesPage .rangePopover{position:absolute!important;z-index:150!important}.dailySalesPage .salesTableWrap{position:relative!important;z-index:1!important}@media(max-width:900px){.dailySalesPage .rangePopover{position:fixed!important;left:10px!important;right:10px!important;top:70px!important;width:auto!important;z-index:150!important}}nn .shiftfilters,.expenseHistoryHead{position:relative;z-index:120;overflow:visible!important}.reportRangeFilter{display:flex;align-items:flex-end;gap:12px;min-width:330px}.reportRangeFilter .salesDateLabel{width:310px;margin:0}.expenseHistoryPanel{position:relative;overflow:visible!important}.expenseHistoryHead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.expenseHistoryHead h2{margin:0}.expenseDateFilter{width:310px;margin:0}.shiftfilters .salesRangeWrap,.expenseHistoryHead .salesRangeWrap{position:relative;overflow:visible!important}.shiftfilters .rangeBackdrop,.expenseHistoryHead .rangeBackdrop{z-index:141!important}.shiftfilters .rangePopover,.expenseHistoryHead .rangePopover{z-index:150!important}@media(max-width:900px){.reportRangeFilter,.expenseHistoryHead{align-items:stretch;flex-direction:column;min-width:0}.reportRangeFilter .salesDateLabel,.expenseDateFilter{width:100%}.shiftfilters .rangePopover,.expenseHistoryHead .rangePopover{position:fixed!important;z-index:150!important}}.shiftfilters .salesRangeWrap .rangePopover,.expenseHistoryHead .salesRangeWrap .rangePopover{left:auto!important;right:0!important;width:min(720px,calc(100vw - 250px))!important;max-width:720px!important}.shiftfilters .salesDateLabel,.shiftfilters .salesRangeWrap,.expenseHistoryHead .salesDateLabel,.expenseHistoryHead .salesRangeWrap{position:relative!important;overflow:visible!important}.shiftfilters,.expenseHistoryPanel,.expenseHistoryHead{overflow:visible!important}@media(max-width:900px){.shiftfilters .salesRangeWrap .rangePopover,.expenseHistoryHead .salesRangeWrap .rangePopover{position:fixed!important;left:10px!important;right:10px!important;top:70px!important;width:auto!important;max-width:none!important;max-height:calc(100vh - 90px)!important;overflow:auto!important}}.productform .categoryPicker{display:flex;gap:8px;align-items:stretch;min-width:0}.productform .categoryPicker select{flex:1;min-width:0}.productform .categoryManageBtn{white-space:nowrap;background:#f5d9a6;color:#3a1b0c;border:1px solid #e4bd78;font-weight:800;padding:0 14px}.categoryModal{width:min(680px,calc(100vw - 32px));max-height:82vh;overflow:auto}.categoryModalHead{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.categoryModalHead h2{margin:0 0 4px}.categoryModalHead p{margin:0}.categoryClose{font-size:24px;line-height:1;width:38px;height:38px;padding:0;border-radius:10px;background:#f5f1ed;color:#432313}.categoryAddRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:12px;background:#faf7f3;border:1px solid #eadfd5;border-radius:12px;margin-bottom:14px}.categoryAddRow input{min-width:0}.categoryList{border:1px solid #eadfd5;border-radius:12px;overflow:hidden}.categoryRow{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;border-bottom:1px solid #eee4db;background:#fff}.categoryRow:last-child{border-bottom:0}.categoryRow small{display:block;color:#7b6b62;margin-top:3px}.categoryRow.inactive{opacity:.58;background:#f7f5f3}.categoryActions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:760px){.productform .categoryPicker{grid-column:1/-1}.categoryAddRow{grid-template-columns:1fr}.categoryRow{align-items:flex-start;flex-direction:column}.categoryActions{width:100%;justify-content:flex-start}}.categoryPageHead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.categoryPageHead h1{margin-bottom:4px}.categoryPageForm{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.categoryPageForm>div{flex:1;min-width:260px}.categoryPageForm label{display:block;font-weight:800;margin-bottom:7px}.categoryPageForm input{width:100%;min-height:44px}.categoryPageForm>button{min-height:44px}.categoryPageTable{overflow-x:auto}.categoryPageTable table{width:100%;table-layout:fixed}.categoryPageTable th:nth-child(1){width:145px}.categoryPageTable th:nth-child(2){width:auto}.categoryPageTable th:nth-child(3){width:170px}.categoryPageTable th:nth-child(4){width:140px}.categoryPageTable th:nth-child(5){width:230px}.categoryOrder,.categoryTableActions{display:flex;align-items:center;gap:7px}.categoryOrder b{min-width:22px}.categoryOrder button{width:34px;height:32px;padding:0}.catStatus{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:900}.catStatus.on{background:#e8f8ee;color:#087a39;border:1px solid #a9dfbd}.catStatus.off{background:#f3f1ef;color:#786b63;border:1px solid #ddd3cc}.categoryInactive{opacity:.6;background:#faf8f6}@media(max-width:760px){.categoryPageForm{display:grid;grid-template-columns:1fr}.categoryPageForm>div{min-width:0}.categoryPageTable table{min-width:760px}}.productDangerBar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;padding:14px 16px;border:1px solid #efc7bd;border-radius:14px;background:#fff8f5}.productDangerBar>div{display:flex;flex-direction:column;gap:3px}.productDangerBar b{color:#7d2d1c}.productDangerBar span{font-size:12px;color:#7a665f}.resetDemoBtn,.deleteProductBtn{display:inline-flex;align-items:center;gap:6px}.resetDemoBtn svg,.deleteProductBtn svg{width:15px;height:15px}.deleteProductBtn{margin-left:4px}@media(max-width:760px){.productDangerBar{align-items:stretch;flex-direction:column}.resetDemoBtn{justify-content:center;width:100%}}nn .pageTitleActions{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.resetIngredientBtn{white-space:nowrap}.stockIngredientForm input:disabled{background:#f2eee9;color:#8b8178;cursor:not-allowed}.editStockNotice{margin:-4px 0 14px;padding:10px 14px;border:1px solid #efd8b9;background:#fff8ed;border-radius:10px;font-size:13px}.ingredientActions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ingredientActions .danger,.resetIngredientBtn{border:1px solid #dc2626!important;color:#b91c1c!important;background:#fff!important}.ingredientActions .danger:hover,.resetIngredientBtn:hover{background:#fff1f1!important}@media(max-width:700px){.pageTitleActions{flex-direction:column}.resetIngredientBtn{width:100%}.stockIngredientTable{overflow-x:auto}.stockIngredientTable table{min-width:850px}}