@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";
.netstatus{border-radius:20px;margin-left:auto;margin-right:16px;padding:6px 10px;font-size:9px;font-weight:800}.netstatus.online{color:#176b42;background:#e7f7ee}.netstatus.offline{color:#9a5411;background:#fff1df}.settingsgrid{grid-template-columns:1.1fr 1fr;gap:16px;display:grid}.settingsform{overflow:hidden}.formbody{grid-template-columns:1fr 1fr;gap:12px;padding:16px;display:grid}.formbody label{color:var(--muted);font-size:9px}.formbody input{width:100%;margin-top:5px;display:block}.savebtn{background:var(--emerald);color:#fff;cursor:pointer;border:0;border-radius:8px;margin:0 16px 16px;padding:10px 15px;font-weight:700}.settingsform>.roadmap{margin:0 16px 16px}.rolehelp{color:var(--emerald);background:#eff8f3;border-radius:8px;margin:14px 16px;padding:10px;font-size:9px;line-height:1.5}.userform{gap:8px;padding:0 16px;display:grid}.userform input,.userform select{width:100%}.userform .savebtn{margin:0 0 12px}@media (max-width:900px){.settingsgrid{grid-template-columns:1fr}.netstatus{margin-left:auto}.shell header p{display:none}}@media (max-width:560px){.netstatus{padding:7px;font-size:0}.netstatus:first-letter{font-size:10px}.formbody{grid-template-columns:1fr}}
.stocklow{background:#fff0f0}.stocknear{background:#fff8e8}.discontinued{color:#7b8580;opacity:.8;background:#f0f2f1}.stockbadge{border-radius:20px;padding:4px 7px;font-size:8px;font-weight:800;display:inline-block}.stockbadge.low{color:#a51f1f;background:#ffd9d9}.stockbadge.near{color:#865b00;background:#ffedbc}.stockbadge.good{color:#176b42;background:#dcf5e7}.stockbadge.off{color:#56605b;background:#dfe3e1}.linkbtn{color:var(--emerald);cursor:pointer;background:0 0;border:0;font-size:9px;font-weight:700}
.marketingstudio{grid-template-columns:1.4fr .8fr;gap:16px;display:grid}.campaignbuilder,.socialpanel{overflow:hidden}.campaignfields{grid-template-columns:1fr 1fr;gap:10px;padding:16px;display:grid}.campaignfields textarea{border:1px solid var(--line);min-height:100px;font:inherit;border-radius:8px;grid-column:1/-1;padding:11px}.campaignproducts{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:8px;padding:0 16px 16px;display:grid}.campaignproducts button{border:2px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:10px;padding:12px}.campaignproducts button.selected{border-color:var(--mint);background:#effaf4}.campaignproducts span,.campaignproducts b,.campaignproducts strong{display:block}.campaignproducts span{font-size:26px}.campaignproducts b{margin:6px 0;font-size:10px}.campaignproducts strong{color:var(--emerald)}.campaignactions{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:14px 16px;display:flex}.campaignactions button,.socialpanel form button{background:var(--emerald);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 13px;font-weight:700}.campaignbuilder>.roadmap{margin:0 16px 16px}.socialpanel form{gap:8px;padding:14px;display:grid}.socialrow{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:11px 15px;font-size:10px;display:flex}.socialrow small{color:var(--muted);margin-top:3px;display:block}@media (max-width:1000px){.marketingstudio{grid-template-columns:1fr}}@media (max-width:600px){.campaignfields{grid-template-columns:1fr}.campaignfields textarea{grid-column:1}.campaignactions button{width:100%}}
.channelchecks,.directshare{flex-wrap:wrap;gap:8px;padding:0 16px 14px;display:flex}.channelchecks label{border:1px solid var(--line);background:#fff;border-radius:20px;padding:7px 10px;font-size:9px;font-weight:700}.channelchecks input{margin-right:5px}.campaignfields label{color:var(--muted);font-size:9px}.campaignfields label input,.campaignfields label select{width:100%;margin-top:4px;display:block}.directshare button{border:1px solid var(--emerald);color:var(--emerald);cursor:pointer;background:#fff;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:800}
.campaignmanager{grid-template-columns:1fr auto minmax(220px,340px);align-items:center;gap:12px;margin-bottom:14px;padding:16px;display:grid}.campaignmanager h2{margin:0;font:700 17px Space Grotesk}.campaignmanager p{color:var(--muted);margin:5px 0 0;font-size:10px}.campaignmanager button{background:var(--emerald);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font-weight:800}.cardhead>div{gap:8px;display:flex}.cardhead>div button{border:1px solid var(--line);cursor:pointer;color:var(--emerald);background:#fff;border-radius:7px;padding:7px 10px}@media (max-width:760px){.campaignmanager{grid-template-columns:1fr}.campaignmanager button,.campaignmanager select{width:100%}}
.moduleactions{justify-content:flex-end;margin-bottom:12px;display:flex}.moduleactions>button{background:var(--emerald);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 15px;font-weight:800}.opmodal select{width:100%;margin-top:5px;display:block}.opmodal .error{grid-column:1/-1}.payrollrun{margin-bottom:14px;overflow:hidden}.payrollrun .linkbtn{margin-left:10px}@media (max-width:560px){.opmodal{grid-template-columns:1fr}.opmodal>*{grid-column:1}}
.modal.wide{width:min(900px,96vw)}.full{grid-column:1/-1}.lineeditor{border:1px solid var(--line);border-radius:10px;overflow:hidden}.linehead,.editline{grid-template-columns:1fr 130px 130px 34px;align-items:center;gap:8px;padding:8px;display:grid}.linehead{text-transform:uppercase;color:var(--muted);background:#f5f8f6;font-size:9px}.editline{border-top:1px solid var(--line)}.editline select,.editline input{width:100%}.editline button{color:#a22;background:#fff0f0;border:0;border-radius:6px;height:34px}.addrow{border:1px dashed var(--mint);color:var(--emerald);background:#eff8f3;border-radius:7px;margin:8px;padding:8px}.poamount{text-align:right;color:var(--forest);grid-column:1/-1;font-weight:800}@media (max-width:650px){.linehead{display:none}.editline{grid-template-columns:1fr 80px 34px}.editline:has(input+input){grid-template-columns:1fr 70px 70px 34px}}
.navback{border:1px solid var(--line);color:var(--emerald);cursor:pointer;background:#fff;border-radius:8px;margin-right:12px;padding:7px 10px;font-weight:700}.mobilebackdrop{display:none}.moduleerror{text-align:center;padding:40px}.moduleerror button{background:var(--emerald);color:#fff;border:0;border-radius:8px;padding:10px 14px;font-weight:700}@media (max-width:900px){.shell.menu-open aside{transform:translate(0);box-shadow:15px 0 40px #0005}.mobilebackdrop{z-index:9;background:#08140d99;border:0;display:none;position:fixed;inset:0}.shell.menu-open .mobilebackdrop{display:block}.mobile{cursor:pointer;background:0 0;border:0;font-size:20px}.navback{padding:8px;font-size:0}.navback:before{content:"←";font-size:18px}}@media (min-width:901px){.mobile{display:none!important}}
.saleshistory{margin-top:16px;overflow:hidden}.salereceipt{border-top:1px solid var(--line)}.saletoggle{text-align:left;cursor:pointer;background:#fff;border:0;grid-template-columns:1fr 90px 90px;align-items:center;gap:12px;width:100%;padding:12px 16px;display:grid}.saletoggle small{color:var(--muted);margin-top:3px;display:block}.saleitems{background:#f7faf8;padding:5px 18px 10px 45px}.saleitems>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 150px 100px;gap:10px;padding:7px;font-size:10px;display:grid}.branchcontext{background:#eaf7f0;border:1px solid #cde8d9;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:14px;padding:13px 15px;font-size:10px;display:grid}.branchcontext button,.requestrow>button{background:var(--emerald);color:#fff;border:0;border-radius:8px;padding:9px 12px;font-weight:800}.requesttable{margin-bottom:14px;overflow:hidden}.requestrow{border-top:1px solid var(--line);grid-template-columns:180px 1fr auto;align-items:center;gap:15px;padding:12px 15px;font-size:10px;display:grid}.requestrow small,.requestrow span{color:var(--muted);margin-top:3px;display:block}.grantline{border-top:1px solid var(--line);grid-template-columns:1fr 160px 180px;align-items:center;gap:12px;padding:9px;display:grid}.grantline input{width:100%;margin-left:6px}.grantmodal .reject{background:#a93232}.grantmodal>p{color:var(--muted)}@media (max-width:700px){.branchcontext,.requestrow{grid-template-columns:1fr}.saletoggle{grid-template-columns:1fr auto}.saletoggle>strong{grid-column:2}.saleitems{padding-left:10px}.saleitems>div{grid-template-columns:1fr auto}.grantline{grid-template-columns:1fr}.requestrow>button{width:100%}}
.compliance{gap:16px;display:grid}.compliancehero{color:#fff;background:linear-gradient(120deg,#173829,#28684c);justify-content:space-between;align-items:center;padding:22px;display:flex}.compliancehero span{text-transform:uppercase;letter-spacing:1px;color:#8ce1b5;font-size:10px}.compliancehero h2{margin:6px 0;font:700 22px Space Grotesk}.compliancehero p{color:#ffffffb8;max-width:760px;font-size:10px;line-height:1.6}.compliancehero button,.compliancefilters button{border:0;border-radius:8px;padding:10px 14px;font-weight:700}.compliancehero button{color:#173829;background:#f4c33b}.compliancefilters{gap:6px;display:flex;overflow:auto}.compliancefilters button{border:1px solid var(--line);white-space:nowrap;background:#fff;font-size:10px}.compliancefilters button.active{background:var(--emerald);color:#fff}.checklist{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px;display:grid}.checkitem{padding:16px}.checktop{justify-content:space-between;display:flex}.checktop select{padding:6px;font-size:10px}.scope{text-transform:uppercase;border-radius:20px;padding:5px 7px;font-size:8px;font-weight:800}.scope.core{color:#17623f;background:#d9f3e5}.scope.conditional{color:#865d00;background:#fff0c8}.checkitem h3{font:700 14px Space Grotesk}.checkitem p{color:var(--muted);font-size:10px;line-height:1.6}.checkitem small{font-size:9px;line-height:1.5;display:block}.checkitem label{color:var(--muted);margin-top:12px;font-size:9px;display:block}.checkitem label select{width:100%;margin-top:5px;display:block}.checkitem>a,.vault a{color:var(--emerald);margin-top:10px;font-size:10px;font-weight:700;display:inline-block}.vault td small{color:var(--muted);display:block}.vault tr.expired{background:#ffe7e7}.vault tr.expiring{background:#fff6d9}.settingslogo{align-items:center;gap:14px;padding:16px;display:flex}.settingslogo img{object-fit:contain;border:1px solid var(--line);border-radius:10px;width:90px;height:90px}.settingslogo input{font-size:10px}.complianceupload select{width:100%;margin-top:5px}@media (max-width:700px){.compliancehero{flex-direction:column;align-items:flex-start;gap:15px}.checklist{grid-template-columns:1fr}}
.branchcontext>div b,.branchcontext>div span{display:block}.branchcontext>div span{color:var(--muted);margin-top:3px}.branchcontext button:disabled{opacity:.45}.nostocksource,.branchmissing{margin-bottom:14px;padding:20px}.stockrequest{max-height:92vh;overflow:auto}.requestflow{background:#f3f8f5;border-radius:10px;justify-content:center;align-items:center;gap:14px;padding:12px;display:flex}.flowstep{align-items:center;gap:8px;display:flex}.flowstep>b{background:var(--emerald);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}.flowstep span,.flowstep strong{font-size:9px;display:block}.flowstep strong{margin-top:2px;font-size:11px}.flowarrow{color:var(--emerald);font-size:25px}.sourceinventory{border:1px solid var(--line);border-radius:10px;padding:12px}.sourceinventory>div{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;margin-top:9px;display:grid}.sourceinventory span{background:#f5faf7;border-radius:7px;padding:8px;font-size:9px}.sourceinventory span strong{float:right;color:var(--emerald)}.requestline{grid-template-columns:minmax(220px,1fr) 130px 220px 38px}.availability{color:var(--emerald);font-size:9px}.availability.error{color:var(--danger)}@media (max-width:700px){.requestflow{align-items:flex-start}.requestline,.sourceinventory>div{grid-template-columns:1fr}}
.accountbranches{padding:12px 16px}.accountbranches>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.accountbranches span b,.accountbranches span small{display:block}.accountbranches span small{color:var(--muted);margin-top:3px}.accountbranches select{min-width:160px}.branch strong{color:var(--forest);font-size:11px}@media (max-width:700px){.accountbranches>div{flex-direction:column;align-items:flex-start}.accountbranches select{width:100%}}
.salesmodule{gap:14px;display:grid}.saleshero{color:#fff;background:linear-gradient(120deg,#173829,#28684c);justify-content:space-between;align-items:center;padding:20px;display:flex}.saleshero span{text-transform:uppercase;letter-spacing:.7px;color:#8ce1b5;font-size:9px}.saleshero h2{margin:4px 0;font:700 22px Space Grotesk}.saleshero p{color:#ffffffb0;margin:0;font-size:10px}.saleshero>div:last-child{text-align:right}.saleshero>div:last-child b{font-size:28px;display:block}.salesfilters{grid-template-columns:1fr 220px 170px 170px;gap:10px;padding:12px;display:grid}.salesfilters label{color:var(--muted);font-size:9px}.salesfilters label input{width:100%;margin-top:3px;display:block}.saledetail>p{color:var(--muted)}.receiptlines>div{border-bottom:1px solid var(--line);grid-template-columns:1fr 180px 120px;gap:10px;padding:10px 0;font-size:10px;display:grid}.receiptlines small{color:var(--muted);display:block}.saletotals{gap:25px;justify-content:flex-end!important;display:flex!important}.saletotals span{font-size:11px}.printprimary{background:var(--emerald);color:#fff;border-radius:8px;padding:10px 15px;font-size:11px;font-weight:700;text-decoration:none}@media (max-width:800px){.salesfilters{grid-template-columns:1fr 1fr}.receiptlines>div{grid-template-columns:1fr auto}.receiptlines>div strong{grid-column:2}}@media (max-width:520px){.salesfilters{grid-template-columns:1fr}.saleshero{align-items:flex-start}.salesmodule table th:nth-child(5),.salesmodule table td:nth-child(5),.salesmodule table th:nth-child(6),.salesmodule table td:nth-child(6){display:none}}
.lastreceipt{text-align:center;border:1px solid var(--emerald);color:var(--emerald);border-radius:8px;margin:0 14px 14px;padding:11px;font-size:10px;font-weight:800;text-decoration:none;display:block}
.reorderlevel{border:1px dashed var(--emerald);color:var(--emerald);cursor:pointer;background:#f1faf5;border-radius:6px;padding:4px 9px;font-weight:800}.reorderbutton{cursor:pointer;border:0}.stockbadge.ordered{color:#174f91;background:#e7f0ff}.quickpo select{width:100%;margin-top:5px;display:block}.reordercontext{background:#f2f8f5;border-radius:9px;grid-template-columns:repeat(3,1fr);padding:12px;gap:8px!important;display:grid!important}.reordercontext span{color:var(--muted);font-size:9px}.reordercontext b{color:var(--forest);margin-top:3px;font-size:14px;display:block}.poestimate{color:var(--emerald);font-weight:800;justify-content:flex-start!important}.openpowarning{color:#68460a;background:#fff8e8;border:1px solid #e1ad43;border-radius:9px;flex-direction:column;padding:12px;align-items:flex-start!important;gap:6px!important;display:flex!important}.openpowarning span,.reorderhistory span{font-size:12px;display:block}.openpowarning label,.duplicateoverride{margin-top:5px;font-weight:800;align-items:center!important;gap:8px!important;display:flex!important}.openpowarning input,.duplicateoverride input{width:auto}.duplicateoverride{background:#f5f7f6;border-radius:8px;padding:10px}.reorderhistory{color:var(--muted);border-top:1px solid #dce5df;flex-direction:column;padding-top:10px;align-items:flex-start!important;gap:5px!important;display:flex!important}@media (max-width:600px){.reordercontext,.quickpo{grid-template-columns:1fr}.quickpo>*{grid-column:1}}
.productidentity{align-items:center;gap:9px;min-width:170px;display:flex}.productidentity img,.productidentity i{object-fit:cover;background:#eef5f1;border-radius:8px;place-items:center;width:46px;height:46px;font-size:20px;font-style:normal;display:grid}.photouploadbtn{color:var(--emerald);cursor:pointer;margin-left:7px;font-size:10px;font-weight:800;display:inline-flex}.photouploadbtn input{display:none}.scanstockbutton{background:#174f91!important}.barcodeactions{align-items:center!important;gap:10px!important;display:flex!important}.barcodeactions small{color:var(--muted)}.barcodescanner{text-align:center;background:#102019;border-radius:12px;padding:10px;position:relative;overflow:hidden}.barcodescanner video{object-fit:cover;border-radius:8px;width:100%;max-height:330px;display:block}.barcodescanner .scanframe{pointer-events:none;border:3px solid #f4c33b;border-radius:12px;position:absolute;inset:25% 15% 28%;box-shadow:0 0 0 999px #0004}.barcodescanner p{color:#fff;position:relative}.barcodescanner button{margin-top:8px;position:relative}.stockbarcode>p{color:var(--muted)}@media (max-width:600px){.barcodeactions{flex-direction:column;align-items:flex-start!important}.productidentity{min-width:140px}}
.posworkspace{gap:14px;display:grid}.poscontrols{justify-content:space-between;align-items:stretch;gap:12px;display:flex}.posscanner{color:#fff;background:#173829;border-radius:12px;flex:1;grid-template-columns:auto minmax(240px,1fr) auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.posscanner label{text-transform:uppercase;font-size:10px;font-weight:800}.posscanner input{border:2px solid #55bd89;font-weight:800}.posscanner button,.posdisplayactions button{color:#10291e;cursor:pointer;background:#55bd89;border:0;border-radius:8px;padding:9px 13px;font-weight:800}.posscanner span{color:#bdd4c7;grid-column:2/4;font-size:10px}.posscanner span.success{color:#78eba9}.posscanner span.failure{color:#ffb1aa}.posdisplayactions{gap:7px;display:flex}.posdisplayactions button{color:#fff;background:#174f91}.products button>img{object-fit:cover;border-radius:8px;width:100%;height:80px;display:block}.shell.pos-only aside,.shell.pos-only header{display:none}.shell.pos-only main{margin-left:0}.shell.pos-only .content{max-width:none;padding:14px}.shell.pos-only .pos{grid-template-columns:minmax(0,1fr) 430px}.shell.pos-only .cart{top:14px}@media (max-width:900px){.poscontrols{flex-direction:column}.posscanner{grid-template-columns:1fr}.posscanner span{grid-column:1}.posdisplayactions{flex-wrap:wrap}.shell.pos-only .pos{grid-template-columns:1fr}}
.cartline .removeline{color:#a22525;cursor:pointer;background:0 0;border:0;grid-column:1/-1;justify-self:end;font-size:9px;font-weight:800}.approvalsummary{background:#fff7df;border:1px solid #efd184;border-radius:9px;grid-template-columns:1fr auto;padding:12px;align-items:center!important;display:grid!important}.approvalsummary span{font-size:18px;font-weight:900}.approvalsummary small{color:#6c5a2c;grid-column:1/-1;line-height:1.5}.posapproval label input{width:100%;display:block}
.posworkspace:fullscreen{background:var(--bg);width:100vw;height:100vh;padding:14px;overflow:auto}.posworkspace:fullscreen .pos{grid-template-columns:minmax(0,1fr) 430px}.posworkspace:fullscreen .cart{top:14px}@media (max-width:900px){.posworkspace:fullscreen .pos{grid-template-columns:1fr}}
.productedit .editwarning{color:#174f91;background:#edf6ff;border:1px solid #c7def3;border-radius:8px;padding:10px;font-size:10px}.productedit input{width:100%;margin-top:5px}
:root{--forest:#173829;--emerald:#28684c;--mint:#55bd89;--gold:#d8a21d;--bg:#f3f6f4;--card:#fff;--line:#dde6e1;--text:#18241f;--muted:#6c7c74;--danger:#c73a39}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,sans-serif}button,input,select{font:inherit}.splash{min-height:100vh;color:var(--emerald);place-items:center;display:grid}.shell{min-height:100vh}.shell aside{color:#fff;z-index:10;background:linear-gradient(165deg,#173829,#10291e);flex-direction:column;width:236px;display:flex;position:fixed;inset:0 auto 0 0}.logo{color:#fff;border-bottom:1px solid #ffffff15;padding:22px 18px 17px;font:700 20px Space Grotesk}.logo b{color:var(--mint)}.logo small{text-transform:uppercase;letter-spacing:1.3px;color:#fff5;margin-top:4px;font:600 9px Inter;display:block}nav{padding:9px 7px;overflow:auto}nav button{color:#ffffffa8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 11px;font-size:12px;display:flex}nav button:hover,nav button.active{color:#70d7a3;background:#55bd8922}nav button span{text-align:center;width:20px;font-size:15px}nav em{color:#fff;background:#cf4646;border-radius:20px;margin-left:auto;padding:2px 6px;font-size:9px;font-style:normal}.user{border-top:1px solid #ffffff15;align-items:center;gap:9px;margin-top:auto;padding:13px;display:flex}.user .avatar{background:var(--mint);width:34px;height:34px;color:var(--forest);border-radius:10px;place-items:center;font-weight:800;display:grid}.user b,.user small{font-size:11px;display:block}.user small{color:#fff6;margin-top:2px}.user button{color:#fff8;background:0 0;border:0;margin-left:auto;font-size:19px}.shell main{margin-left:236px}.shell header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:5;background:#ffffffeb;align-items:center;height:68px;padding:0 26px;display:flex;position:sticky;top:0}.shell header h1{color:var(--forest);margin:0;font:700 19px Space Grotesk}.shell header p{color:var(--muted);margin:3px 0;font-size:10px}.branch{align-items:center;gap:8px;margin-left:auto;display:flex}.branch label{color:var(--muted);font-size:10px}select,input{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:8px;padding:9px 11px}.content{max-width:1540px;margin:auto;padding:24px}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kpis article,.card{background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 18px #17382908}.kpis article{border-top:3px solid var(--mint);padding:17px;position:relative;overflow:hidden}.kpis article span{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-size:9px;font-weight:700;display:block}.kpis article strong{color:var(--forest);margin-top:8px;font:700 24px Space Grotesk;display:block}.kpis article i{opacity:.5;font-size:22px;font-style:normal;position:absolute;top:15px;right:14px}.grid2{grid-template-columns:1.35fr 1fr;gap:15px;margin-top:16px;display:grid}.cardhead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.cardhead h2{margin:0;font:700 14px Space Grotesk}.cardhead span,.cardhead button{color:var(--muted);background:0 0;border:0;font-size:10px}.line{border-bottom:1px solid #edf2ef;justify-content:space-between;align-items:center;padding:11px 16px;font-size:11px;display:flex}.line small{color:var(--muted);margin:2px 0 0 23px;display:block}.danger{color:var(--danger)}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.6px;background:#f7faf8;font-size:8px}th,td{white-space:nowrap;border-bottom:1px solid #edf2ef;padding:10px 12px}.table.card{overflow:hidden}.table.compact{box-shadow:none;border:0}.toolbar{gap:10px;margin-bottom:14px;display:flex}.toolbar input{flex:1}.toolbar button,.pay,.auth button,.modal button{background:var(--emerald);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:9px 15px;font-weight:700}.pos{grid-template-columns:1fr 390px;gap:16px;display:grid}.products{grid-template-columns:repeat(auto-fill,minmax(142px,1fr));gap:10px;display:grid}.products button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:12px;min-height:140px;padding:14px}.products button:hover{border-color:var(--mint);transform:translateY(-1px)}.products button>span{font-size:29px;display:block}.products b{min-height:29px;margin:8px 0;font-size:11px;display:block}.products strong{color:var(--emerald);font-size:14px}.products small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.cart{height:max-content;position:sticky;top:84px;overflow:hidden}.cartline{border-bottom:1px solid #edf2ef;grid-template-columns:1fr auto 65px;align-items:center;gap:8px;padding:11px 14px;font-size:10px;display:grid}.cartline small{color:var(--muted);margin-top:3px;display:block}.cartline div{align-items:center;gap:7px;display:flex}.cartline button{border:1px solid var(--line);background:#fff;border-radius:5px}.empty{text-align:center;color:var(--muted);padding:55px;line-height:2}.total{border-top:1px solid var(--line);justify-content:space-between;padding:15px;display:flex}.cart>select,.cart>.pay{width:calc(100% - 28px);margin:0 14px 10px}.locationgrid,.reportgrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.locationgrid article,.reportgrid button{text-align:left;padding:18px}.locationgrid article>span,.reportgrid span{font-size:30px}.locationgrid h2,.reportgrid h2{font:700 15px Space Grotesk}.locationgrid p,.reportgrid p,.module p{color:var(--muted);font-size:11px;line-height:1.6}.locationgrid article div{border-top:1px solid var(--line);justify-content:space-between;padding:9px 0;font-size:10px;display:flex}.reportgrid button{cursor:pointer}.module{text-align:center;padding:48px}.module>span{font-size:48px}.module h2{font:700 24px Space Grotesk}.roadmap{color:var(--emerald);background:#eff8f3;border:1px solid #cfe8da;border-radius:8px;margin-top:15px;padding:11px 15px;font-size:10px;display:inline-block}.overlay{z-index:30;background:#08140dbb;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;grid-template-columns:1fr 1fr;gap:12px;width:min(560px,92vw);padding:24px;display:grid}.modal h2{grid-column:1/-1;font:700 20px Space Grotesk}.modal label{text-transform:capitalize;color:var(--muted);font-size:9px}.modal label input{width:100%;margin-top:5px;display:block}.modal>div{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.modal>div button:first-child{color:var(--text);background:#eef2ef}.toast{color:#fff;z-index:50;background:#132d21;border-radius:10px;padding:13px 18px;font-size:11px;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #0003}.auth{background:radial-gradient(circle at 70% 10%,#55bd8930,transparent 35%),var(--forest);place-items:center;min-height:100vh;display:grid}.auth form{background:#fff;border-radius:18px;width:min(400px,92vw);padding:34px;box-shadow:0 25px 70px #0005}.authmark{background:var(--forest);width:52px;height:52px;color:var(--mint);border-radius:14px;place-items:center;font:800 18px Space Grotesk;display:grid}.auth h1{margin-bottom:5px;font:700 26px Space Grotesk}.auth p{color:var(--muted);margin-bottom:20px;font-size:11px}.auth input{width:100%;margin:9px 0;padding:12px;display:block}.auth button{width:100%;margin-top:8px;padding:12px}.error{color:#a22525;background:#fff0f0;border-radius:7px;padding:9px;font-size:10px}.mobile{display:none}@media (max-width:900px){.shell aside{transform:translate(-100%)}.shell main{margin-left:0}.kpis{grid-template-columns:1fr 1fr}.grid2,.pos{grid-template-columns:1fr}.cart{position:static}.mobile{margin-right:12px;display:block}.content{padding:15px}}@media (max-width:560px){.kpis{grid-template-columns:1fr}.branch label{display:none}.branch select{max-width:120px}.products{grid-template-columns:1fr 1fr}.modal{grid-template-columns:1fr}.modal label,.modal h2,.modal>div{grid-column:1}.shell header{padding:0 14px}}
