:root{--ink:#152019;--muted:#68736c;--green:#1d6a48;--deep:#123d2d;--lime:#dff36f;--bg:#f3f5f1;--panel:#fff;--line:#e2e7e2;--red:#c84a3a;--amber:#e8a72f;--blue:#397eaa;--shadow:0 12px 35px #163d2812;--radius:15px}*{box-sizing:border-box}html{font-size:15px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button,a{transition:.18s}a{text-decoration:none;color:var(--green)}h1,h2,h3,h4,p{margin-top:0}.muted{color:var(--muted)}.eyebrow{font-size:.66rem;letter-spacing:.15em;font-weight:850}.eyebrow.green{color:var(--green)}.brand-mark{display:grid;place-items:center;width:55px;height:55px;border-radius:15px;background:var(--lime);color:var(--deep);font-size:1.8rem;font-weight:950;transform:rotate(-5deg)}.brand-mark.small{width:37px;height:37px;border-radius:10px;font-size:1.1rem}.btn{border:0;border-radius:9px;padding:.75rem 1rem;display:inline-flex;justify-content:center;align-items:center;font-weight:760;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{background:var(--deep)}.btn.secondary{background:#e7efe9;color:var(--deep)}.btn.danger{background:var(--red);color:#fff}.btn.block{width:100%}.link-btn{border:0;background:none;color:var(--green);font-weight:750;cursor:pointer}.icon-btn{display:none;border:0;background:none;font-size:1.3rem}.chip{background:#e4f0e9;color:var(--green);padding:.35rem .6rem;border-radius:99px;font-size:.7rem;font-weight:800}.alert{border-radius:9px;padding:.7rem .9rem;margin:.7rem 0;font-size:.75rem}.alert.warning{background:#fff1cc;color:#785700}.alert.success{background:#ddf2e6;color:#17633f}.alert.danger{background:#f7dfdb;color:#9a3327}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.top-gap{margin-top:1rem}
.login-body{background:var(--deep);min-height:100vh}.login-wrap{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh}.login-brand{padding:7vw;color:#fff;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 80% 25%,#dff36f2c,transparent 30%),linear-gradient(140deg,#123d2d,#1d6a48)}.login-brand .eyebrow{color:var(--lime);margin-top:2rem}.login-brand h1{font-size:clamp(3rem,5vw,5.8rem);line-height:.95;letter-spacing:-.06em;margin:1rem 0 1.4rem}.login-brand h1 em{font-style:normal;color:var(--lime)}.login-brand p{max-width:600px;color:#d4e3da;font-size:1.05rem;line-height:1.7}.feature-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.feature-pills span{border:1px solid #ffffff2b;border-radius:99px;padding:.45rem .7rem;color:#d5e4db;font-size:.72rem}.login-panel{display:grid;place-items:center;padding:3vw;background:#f5f6f1}.login-card{width:min(440px,100%);padding:2.7rem;background:#fff;border-radius:22px;box-shadow:0 25px 70px #0002}.login-card h2{font-size:2rem;letter-spacing:-.04em;margin:.6rem 0 .3rem}.form-stack{display:grid;gap:.85rem;margin-top:1.3rem}.form-stack label,.form-grid label,.checkout-fields label,.payments label,.dialog-card>label{display:grid;gap:.38rem;color:#526057;font-size:.72rem;font-weight:760}.form-stack input,.form-stack select,.form-grid input,.form-grid select,.checkout-fields input,.checkout-fields select,.payments input,.payments select,.dialog-card>label input,.dialog-card>label select,.catalog-tools input,.promo-row input,.purchase-lines input,.purchase-lines select,.top-actions select{width:100%;border:1px solid var(--line);border-radius:9px;background:#fbfcfa;padding:.75rem .8rem;outline:0}.form-stack input:focus,.form-grid input:focus,.form-grid select:focus,.checkout-fields input:focus,.checkout-fields select:focus{border-color:var(--green);box-shadow:0 0 0 3px #1d6a4815}.quick-login{border-top:1px solid var(--line);margin-top:1.5rem;padding-top:1rem}.quick-login>small{color:var(--muted)}.quick-login>div{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem}.quick-login button{border:1px solid var(--line);background:#fff;color:var(--green);border-radius:99px;padding:.32rem .55rem;font-size:.64rem;cursor:pointer}
.shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{height:100vh;position:sticky;top:0;background:var(--deep);color:#fff;padding:1.2rem .9rem;display:flex;flex-direction:column;z-index:50}.logo{display:flex;align-items:center;gap:.7rem;color:#fff;font-size:1.2rem;padding:0 .45rem}.logo b{color:var(--lime)}.logo small{font-size:.48rem;margin-left:.3rem;color:#a9c6b5}.outlet-card{margin:1.5rem .35rem .9rem;padding:.75rem .9rem;border:1px solid #ffffff12;background:#ffffff0b;border-radius:10px;display:grid}.outlet-card small{font-size:.55rem;letter-spacing:.12em;color:#91b1a0}.outlet-card strong{font-size:.74rem;margin:.2rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outlet-card span{font-size:.6rem;color:var(--lime)}.sidebar nav{display:grid;gap:.12rem;overflow:auto}.sidebar nav a{display:flex;align-items:center;gap:.75rem;padding:.62rem .75rem;color:#bfd2c7;border-radius:8px;font-size:.75rem;font-weight:660}.sidebar nav a:hover{background:#ffffff0c;color:#fff}.sidebar nav a.active{background:var(--lime);color:var(--deep)}.sidebar nav i{font-style:normal;width:20px;text-align:center;font-size:1rem}.side-user{margin-top:auto;border-top:1px solid #ffffff19;padding:.8rem .3rem 0;display:flex;align-items:center;gap:.6rem}.avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:#eef3da;color:var(--green);font-weight:900}.avatar.large{width:47px;height:47px;flex-basis:47px}.side-user>div{display:grid;flex:1;min-width:0}.side-user b{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user small{font-size:.62rem;color:#a8c0b3}.side-user button{border:0;background:none;color:#c4d6cc;font-size:1.2rem;cursor:pointer}.main{min-width:0}.topbar{height:78px;padding:0 2rem;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:.7rem;justify-content:space-between}.topbar>div:first-of-type{flex:1}.topbar small{font-size:.6rem;color:var(--muted)}.topbar h1{font-size:1.3rem;margin:1px 0 0;letter-spacing:-.03em}.top-actions{display:flex;align-items:center;gap:.6rem}.top-actions select{padding:.48rem .6rem;font-size:.7rem;max-width:230px}.online,.date{border-radius:99px;padding:.42rem .65rem;font-size:.65rem;font-weight:750}.online{background:#e5f3e9;color:var(--green)}.date{background:var(--bg)}.content{max-width:1650px;margin:auto;padding:1.7rem}.welcome,.section-title,.kds-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.3rem}.welcome h2{font-size:1.75rem;letter-spacing:-.04em;margin:.35rem 0}.welcome p,.section-title p{margin:0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.stats article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem;display:grid;gap:.3rem}.stats article.dark{background:var(--green);color:#fff;border-color:var(--green)}.stats small{color:var(--muted);font-weight:700}.stats .dark small,.stats .dark span{color:#d1e4d8}.stats strong{font-size:1.55rem;letter-spacing:-.04em}.stats span{font-size:.65rem;color:var(--green)}.stats.mini{grid-template-columns:repeat(3,1fr);margin-bottom:1rem}.grid{display:grid;gap:1rem;margin-top:1rem}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.span-2{grid-column:span 2}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 5px 15px #12281808}.panel>header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.2rem;border-bottom:1px solid var(--line)}.panel>header h3{margin:.2rem 0}.panel>header a{font-size:.72rem;font-weight:750}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.75rem}th{text-align:left;padding:.68rem .85rem;background:#fafbf9;color:var(--muted);font-size:.61rem;letter-spacing:.08em;text-transform:uppercase}td{padding:.75rem .85rem;border-top:1px solid var(--line);white-space:nowrap}td small{display:block;color:var(--muted);font-size:.61rem;margin-top:.15rem}.badge{display:inline-flex;padding:.28rem .5rem;border-radius:99px;font-size:.62rem;font-weight:850}.badge.held{background:#ebecef;color:#606973}.badge.new{background:#e5edf2;color:#497185}.badge.preparing{background:#fff0c9;color:#816000}.badge.ready{background:#def3e5;color:#176540}.badge.completed{background:#e1f0e7;color:#326a4e}.badge.cancelled{background:#f7dfda;color:#9d3d31}.timeline{padding:.55rem 1.1rem}.timeline>div{display:flex;gap:.65rem;padding:.55rem 0;border-bottom:1px solid var(--line)}.timeline i{width:7px;height:7px;border-radius:50%;background:var(--lime);outline:4px solid #eff5d8;margin-top:.35rem}.timeline p{font-size:.7rem;margin:0;display:grid}.timeline b{color:var(--green);font-size:.65rem}.timeline small{color:var(--muted)}.row-actions{display:flex;gap:.3rem}.mini-btn{border:1px solid var(--line);background:#fff;border-radius:6px;padding:.32rem .48rem;color:var(--green);font-size:.62rem;font-weight:750;cursor:pointer}.mini-btn.danger{color:var(--red)}.form-panel{padding:1.2rem}.form-panel>header{margin:-1.2rem -1.2rem 1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-grid .wide{grid-column:1/-1}.form-grid.compact{margin-top:.8rem}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto!important}.shift-grid{grid-template-columns:360px 1fr}.shift-state{display:grid;background:#eef0ee;border-radius:9px;padding:.8rem;margin:1rem 0;color:var(--muted)}.shift-state.open{background:#e1f2e7;color:var(--green)}
.content:has(.pos-layout){max-width:none;padding:0}.pos-layout{height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,1fr) 430px}.catalog{padding:1.25rem;overflow:auto}.catalog-tools{display:flex;justify-content:space-between;gap:.8rem;margin-bottom:1rem}.tabs{display:flex;gap:.35rem;overflow:auto}.tabs button{border:1px solid var(--line);background:#fff;border-radius:99px;padding:.5rem .7rem;white-space:nowrap;color:var(--ink);font-size:.68rem;font-weight:730;cursor:pointer}.tabs button.active{background:var(--green);border-color:var(--green);color:#fff}.catalog-tools input{max-width:240px;background:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:.75rem}.product-card{border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;padding:0 0 .75rem;overflow:hidden;display:grid;cursor:pointer;color:var(--ink)}.product-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.product-card.off{opacity:.55}.product-card small,.product-card b,.product-card strong,.product-card>span{margin:.15rem .75rem}.product-card small{font-size:.58rem;color:var(--muted);margin-top:.65rem}.product-card b{font-size:.82rem;min-height:34px}.product-card strong{color:var(--green)}.product-card>span{font-size:.58rem;color:var(--muted)}.product-art{height:78px;display:grid;place-items:center;background:#e5eee7;font-size:1.3rem;font-weight:900}.product-art.minuman{background:#dcecf1}.product-art.snack{background:#fff0c8}.product-art.dessert{background:#f0dfeb}.checkout{background:#fff;border-left:1px solid var(--line);padding:1rem;display:flex;flex-direction:column;min-height:0;overflow:auto}.checkout>header{display:flex;justify-content:space-between}.checkout h3{margin:.15rem 0}.checkout-fields{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin:.7rem 0}.checkout-fields .wide{grid-column:1/-1}.cart-items{min-height:130px;max-height:250px;overflow:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.empty{display:grid;place-items:center;color:var(--muted);padding:2rem}.cart-empty{min-height:125px}.cart-empty span{font-size:.65rem}.cart-row{display:flex;justify-content:space-between;gap:.6rem;padding:.65rem 0;border-bottom:1px solid var(--line)}.cart-row>div:first-child{display:grid;font-size:.72rem}.cart-row small{color:var(--muted);font-size:.6rem}.cart-row strong{color:var(--green)}.qty{display:flex;align-items:center;gap:.4rem}.qty button{width:25px;height:25px;border:1px solid var(--line);background:#fff;border-radius:6px;cursor:pointer}.promo-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.65rem 0}.totals{display:grid;gap:.32rem}.totals>div{display:flex;justify-content:space-between;font-size:.7rem}.totals .grand{font-size:.95rem;border-top:1px dashed var(--line);padding-top:.45rem}.payments{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.65rem 0}.payments label{display:grid;grid-template-columns:1fr 1fr}.payments select,.payments input{padding:.55rem;font-size:.65rem}.checkout-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:.5rem}.held-orders{margin-top:.7rem;font-size:.7rem}.held-orders summary{cursor:pointer;color:var(--green);font-weight:760}.held-orders>button{width:100%;display:flex;justify-content:space-between;border:0;border-top:1px solid var(--line);background:#fff;padding:.5rem;cursor:pointer;font-size:.62rem}.held-orders span{color:var(--muted)}
.kds-board{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.kds-column{background:#e9ede8;border-radius:12px;min-height:540px;padding:.7rem}.kds-column>header{display:flex;justify-content:space-between;align-items:center;padding:.25rem .2rem .7rem}.kds-column h3{font-size:.85rem;margin:0}.kds-column>header span{background:#fff;border-radius:99px;padding:.2rem .45rem;font-size:.66rem;font-weight:800}.kds-card{background:#fff;border-radius:10px;padding:.8rem;margin-bottom:.6rem;border-top:4px solid var(--amber)}.kds-column:nth-child(2) .kds-card{border-color:var(--blue)}.kds-column:nth-child(3) .kds-card{border-color:var(--green)}.kds-card>div{display:flex;justify-content:space-between}.kds-card>div b{font-size:1.35rem}.kds-card time,.kds-card>small{font-size:.6rem;color:var(--muted)}.kds-card h4{font-size:.78rem;margin:.55rem 0}.kds-card p{font-size:.65rem;background:#fff1d4;color:#765500;padding:.4rem;border-radius:5px}.kds-card footer{display:flex;justify-content:flex-end;gap:.4rem;border-top:1px solid var(--line);padding-top:.6rem}.kds-card footer a,.kds-card footer button{border:0;background:none;color:var(--green);font-size:.65rem;font-weight:800;cursor:pointer}.queue-screen{background:var(--deep);border-radius:18px;padding:1.3rem;min-height:calc(100vh - 120px);color:#fff}.queue-screen>header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;padding-bottom:1rem}.queue-screen>header>div:nth-child(2){text-align:center}.queue-screen>header span{font-size:.6rem;color:#b8d1c3}.queue-screen h2{margin:.2rem 0}.queue-screen time{font-size:1.4rem;color:var(--lime)}.logo.inverse{padding:0}.queue-board{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.queue-board>section{background:#ffffff0d;border-radius:13px;padding:1rem}.queue-board>section h3{color:#dbe8e0}.queue-board>section>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem}.queue-board article{background:#fff;color:var(--ink);border-radius:10px;padding:.9rem;display:grid;text-align:center}.queue-board article b{font-size:2rem}.queue-board article span{font-weight:750}.queue-board article small{color:var(--muted)}.queue-ready article{background:var(--lime)}.table-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.7rem;margin-bottom:1rem}.table-card{border:2px solid #b7d7c2;background:#fff;border-radius:13px;padding:.85rem}.table-card>div{display:flex;justify-content:space-between}.table-card b{font-size:1.2rem}.table-card span,.table-card small{font-size:.6rem;color:var(--muted)}.table-card strong{display:block;margin-top:.7rem;color:var(--green);font-size:.68rem}.table-card.occupied{border-color:#e99a89;background:#fff5f2}.table-card.occupied strong{color:var(--red)}.table-card.reserved{border-color:#eacb77;background:#fff9ea}.table-card.cleaning{border-color:#96b4ca;background:#eff7fb}.table-card button{border:0;background:var(--blue);color:#fff;border-radius:5px;font-size:.6rem;margin-top:.5rem;padding:.35rem}.manage-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.8rem}.manage-product{position:relative;display:grid;grid-template-columns:85px 1fr;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.manage-product.off{opacity:.55}.manage-product .product-art{height:100%;min-height:130px}.manage-product>div:nth-child(2){display:grid;align-content:center;padding:.8rem}.manage-product small,.manage-product p{font-size:.6rem;color:var(--muted);margin:0}.manage-product h3{font-size:.82rem;margin:.2rem 0}.manage-product b{color:var(--green)}.switch{position:absolute;right:.6rem;top:.6rem}.switch input{display:none}.switch span{display:block;width:32px;height:18px;border-radius:99px;background:#bbc4be;position:relative}.switch span:after{content:"";width:12px;height:12px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;transition:.2s}.switch input:checked+span{background:var(--green)}.switch input:checked+span:after{left:17px}.operations-grid{margin-top:1rem}.promo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.8rem}.promo-grid article{background:linear-gradient(135deg,var(--deep),var(--green));color:#fff;border-radius:14px;padding:1.2rem;position:relative;overflow:hidden}.promo-grid article>span{font-size:1.6rem;color:var(--lime);font-weight:900}.promo-grid h3{margin:.3rem 0}.promo-grid code{background:#ffffff20;border-radius:4px;padding:.25rem .4rem;color:#fff}.promo-grid p,.promo-grid small{font-size:.62rem;color:#d5e3da}.member-grid,.user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.8rem}.member-grid article,.user-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.9rem;display:flex;align-items:center;gap:.7rem}.member-grid article>div,.user-grid article>div{flex:1}.member-grid h3,.user-grid h3{font-size:.82rem;margin:.15rem 0}.member-grid p,.user-grid p,.member-grid small,.user-grid small{font-size:.6rem;color:var(--muted);margin:0;display:block}.member-grid article>strong{color:var(--green)}.user-grid article>em{align-self:flex-start;color:var(--green);font-size:.6rem;font-style:normal}.metric-list{padding:.5rem 1.1rem}.metric-list>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:.65rem 0;font-size:.7rem}.metric-list.small{max-height:200px;overflow:auto}.bars{height:190px;display:flex;align-items:flex-end;justify-content:space-around;padding:1rem}.bars>div{height:155px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative}.bars span{display:block;width:24px;background:var(--green);border-radius:5px 5px 0 0}.bars small{margin-top:.25rem;color:var(--muted)}.bars em{position:absolute;transform:rotate(-90deg);font-size:.48rem;font-style:normal;white-space:nowrap;bottom:75px;color:#fff}.integration-list{padding:.7rem 1.1rem}.integration-list>div{display:flex;justify-content:space-between;padding:.65rem 0;border-bottom:1px solid var(--line);font-size:.7rem}.integration-list span{color:var(--green);font-size:.62rem}
dialog{border:0;padding:0;border-radius:17px;box-shadow:0 30px 90px #0005;width:min(560px,calc(100% - 24px))}dialog::backdrop{background:#102b20bb}.dialog-card{padding:1.4rem;display:grid;gap:1rem}.dialog-card>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:.8rem}.dialog-card>header h3{margin:0}.dialog-card>header button{border:0;background:none;font-size:1.4rem;cursor:pointer}.dialog-card>menu{margin:0;padding:0;display:flex;justify-content:flex-end;gap:.5rem}.option-title{font-size:.68rem;font-weight:800;color:var(--green)}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.4rem}.choice-grid label{position:relative}.choice-grid input{position:absolute;opacity:0}.choice-grid span{display:block;border:1px solid var(--line);border-radius:8px;padding:.6rem;font-size:.7rem}.choice-grid input:checked+span{border-color:var(--green);background:#e8f2eb;color:var(--green)}.choice-grid small{color:var(--muted)}.success-card{text-align:center}.success-icon{width:50px;height:50px;border-radius:50%;background:var(--lime);color:var(--green);font-size:1.5rem;font-weight:900;display:grid;place-items:center;margin:auto}.success-card h2{font-size:3rem;margin:0}.success-card>strong{font-size:1.1rem}.print-links{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap}.purchase-lines{display:grid;gap:.5rem}.purchase-lines>div{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:.4rem}.toast{position:fixed;right:22px;bottom:22px;z-index:1000;background:var(--deep);color:#fff;border-radius:9px;padding:.8rem 1rem;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none}.toast.show{opacity:1;transform:none}.toast.error{background:var(--red)}.install-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(140deg,var(--deep),var(--green));padding:1rem}.install-card{width:min(600px,100%);background:#fff;border-radius:20px;padding:2rem;box-shadow:0 25px 80px #0004}.install-card .brand-mark{margin-bottom:1.2rem}.install-card h1{margin:.4rem 0}.install-card>p{color:var(--muted);line-height:1.6}.install-card .hint{font-size:.68rem;margin-top:1rem}
@media(max-width:1100px){.stats{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:1fr 1fr}.grid.cols-3 .span-2{grid-column:span 2}.pos-layout{grid-template-columns:minmax(0,1fr) 390px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}}
@media(max-width:820px){.login-wrap{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:1rem}.shell{display:block}.sidebar{position:fixed;left:-260px;width:250px;transition:.2s}.sidebar.open{left:0;box-shadow:15px 0 45px #0004}.topbar{height:68px;padding:0 1rem}.icon-btn{display:block}.top-actions .online,.top-actions .date{display:none}.content{padding:1rem}.grid.cols-2,.grid.cols-3,.shift-grid{grid-template-columns:1fr}.grid.cols-3 .span-2{grid-column:auto}.pos-layout{height:auto;display:flex;flex-direction:column}.catalog{overflow:visible}.checkout{border-left:0;border-top:1px solid var(--line);min-height:650px}.kds-board{grid-template-columns:1fr}.kds-column{min-height:200px}.queue-board{grid-template-columns:1fr}.catalog-tools{flex-direction:column}.catalog-tools input{max-width:none}}
@media(max-width:520px){.stats,.stats.mini{grid-template-columns:1fr}.login-card{padding:1.5rem}.welcome,.section-title{align-items:flex-start;gap:.6rem}.welcome .btn,.section-title .btn{font-size:.65rem}.product-grid{grid-template-columns:1fr 1fr}.product-card b{font-size:.7rem}.checkout-fields,.payments,.promo-row,.form-grid{grid-template-columns:1fr}.form-grid .wide,.checkout-fields .wide{grid-column:auto}.top-actions select{max-width:145px}.print-links{display:grid}.choice-grid{grid-template-columns:1fr}.purchase-lines>div{grid-template-columns:1fr}}