*{box-sizing:border-box}body{margin:0;background:#f3f7f5;color:#13251f;font:16px system-ui,sans-serif}button,input,textarea,select{font:inherit}.hide{display:none!important}body>main>header{height:72px;background:#fff;padding:0 max(18px,calc((100% - 1050px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce6e1}button{cursor:pointer;border:1px solid #dce6e1;background:#fff;border-radius:10px;padding:10px 14px}.hero,.wrap{max-width:1050px;margin:auto}.hero{margin-top:22px;padding:38px 48px;border-radius:27px;background:linear-gradient(125deg,#073f35,#10745f);color:#fff;display:flex;justify-content:space-between}.hero em{color:#ffb27d;font-style:normal}.hero h1{font-size:42px;margin:10px 0}.hero i{font-size:105px;font-style:normal}.wrap{padding:24px 0 100px}.modes{display:flex;gap:12px}.modes button{min-width:270px;text-align:left}.modes .on,nav .on{background:#075b4b;color:#fff}.modes small{display:block;color:#708079}.search{width:100%;margin:20px 0 12px;border:1px solid #dce6e1;border-radius:12px;padding:12px}nav{display:flex;gap:8px;overflow:auto}.title{display:flex;align-items:center;justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.food{background:#fff;border:1px solid #dce6e1;border-radius:18px;overflow:hidden}.pic{height:130px;background:#fff0e5;display:grid;place-items:center;font-size:66px}.info{padding:14px}.info h3{margin:0}.info p{height:34px;font-size:13px;color:#68766f}.info footer{display:flex;justify-content:space-between;align-items:center}.primary,.info footer button{background:#075b4b;color:#fff;border:0}.cart{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);width:min(520px,calc(100% - 24px));background:#075b4b;color:#fff;border:0;display:flex;justify-content:space-between}.modal{position:fixed;z-index:9;inset:0;background:#00201999;display:grid;place-items:center;padding:15px}.box{background:#fff;border-radius:18px;padding:22px;width:min(560px,100%);max-height:92vh;overflow:auto}.box header{display:flex;justify-content:space-between}.fields{display:grid;gap:10px;margin:15px 0}.fields label{display:grid;gap:5px}.fields input,.fields textarea,.fields select{padding:11px;border:1px solid #dce6e1;border-radius:9px}.full{width:100%}.row{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #dce6e1}.qty button{padding:5px 10px}.admin{min-height:100vh;display:grid;grid-template-columns:220px 1fr}.admin aside{background:#073f35;color:#fff;padding:20px 12px}.admin aside>b{display:block;padding:10px 8px 24px}.admin aside button{display:block;width:100%;border:0;background:transparent;color:#d0e3de;text-align:left}.admin>section{padding:25px}.admin>section>header{display:flex;justify-content:space-between}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card,.panel,.stat{background:#fff;border:1px solid #dce6e1;border-radius:14px;padding:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.stat small{display:block;color:#68766f}.table{background:#fff;border-radius:14px;overflow:auto}table{width:100%;border-collapse:collapse}td,th{padding:12px;border-bottom:1px solid #dce6e1;text-align:left}.tools{display:flex;justify-content:space-between;margin:18px 0}.panel{max-width:720px;margin-top:20px}#toast{display:none;position:fixed;z-index:20;right:18px;bottom:18px;background:#173d34;color:#fff;padding:12px;border-radius:9px}@media(max-width:700px){.hero,.wrap{margin-inline:12px}.hero{padding:25px 20px}.hero h1{font-size:30px}.hero i{font-size:55px}.modes{display:grid}.grid{grid-template-columns:1fr}.food{display:grid;grid-template-columns:110px 1fr}.admin{display:block}.admin aside{display:flex;overflow:auto;position:sticky;top:0}.admin aside>b{display:none}.admin aside button{white-space:nowrap}.admin>section{padding:14px}.stats{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}}