:root{--green:#4a1722;--green2:#74273a;--gold:#b08a57;--cream:#f6f1e8;--ink:#1d1c1a;--muted:#6f7974;--line:#e7e0d5;--danger:#a63333;--warn:#8a6116;--ok:#17613f}*{box-sizing:border-box}html{background:var(--cream)}body{margin:0;color:var(--ink);background:var(--cream);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px}.shell{min-height:100dvh;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.top{position:sticky;top:0;z-index:20;background:var(--green);color:white;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;box-shadow:0 2px 12px #0002}.toprow{max-width:820px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:800}.sub{font-size:12px;color:#d9cccd;margin-top:2px}.top-actions{display:flex;align-items:center;gap:8px}.iconbtn,.btn,.field,.tab,.menu-card,.order-card{border-radius:12px}.iconbtn{min-width:44px;height:44px;border:1px solid #ffffff30;color:white;background:#ffffff12;font-size:16px}.badge{display:inline-flex;min-width:20px;height:20px;padding:0 6px;border-radius:99px;align-items:center;justify-content:center;background:#e05555;color:white;font-size:11px}.content{max-width:820px;margin:auto;padding:16px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 2px 10px #2b332f0a;margin-bottom:14px}.login{max-width:420px;margin:8vh auto;padding:20px}.logo{width:58px;height:58px;border-radius:16px;background:var(--green);color:var(--gold);display:grid;place-items:center;font-weight:900;font-size:26px}.field{width:100%;min-height:48px;padding:11px 13px;border:1px solid #d8d0c4;background:white;color:var(--ink);font:inherit;margin:5px 0 12px}.field:focus,.btn:focus,.iconbtn:focus,.tab:focus{outline:3px solid #74273a55;outline-offset:2px}.label{font-size:12px;font-weight:750;color:#4e5753}.btn{min-height:46px;padding:10px 15px;border:0;background:var(--green);color:white;font:inherit;font-weight:750;cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:#edf3f0;color:var(--green)}.btn.gold{background:var(--gold);color:#172019}.btn.danger{background:#f8e8e8;color:var(--danger)}.btn.full{width:100%}.row{display:flex;gap:10px;align-items:center}.spread{justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat{background:white;border:1px solid var(--line);border-radius:14px;padding:13px}.stat strong{display:block;font-size:20px}.muted{color:var(--muted)}.small{font-size:12px}.error{background:#faeaea;color:var(--danger);border-radius:10px;padding:10px;margin:10px 0}.success{background:#e4f3eb;color:var(--ok);border-radius:10px;padding:10px;margin:10px 0}.warning{background:#fff1d9;color:var(--warn);border-radius:10px;padding:10px;margin:10px 0}.tabs{display:flex;gap:8px;overflow:auto;padding:2px 0 12px}.tab{min-height:42px;padding:9px 14px;border:1px solid var(--line);background:white;white-space:nowrap;color:var(--ink)}.tab.active{background:var(--green);color:white}.menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.menu-card{border:1px solid var(--line);background:white;padding:13px;display:flex;flex-direction:column;gap:7px}.menu-card .btn{margin-top:auto}.order-card{border:1px solid var(--line);background:white;padding:14px;margin-bottom:10px}.order-head{display:flex;justify-content:space-between;gap:8px}.pill{display:inline-flex;padding:4px 9px;border-radius:99px;font-size:11px;font-weight:800;background:#edf2ef;color:var(--green)}.pill.READY{background:#dff2e8;color:var(--ok)}.pill.PREPARING{background:#fff0d6;color:var(--warn)}.pill.CANCELLED{background:#f8e7e7;color:var(--danger)}.item{padding:11px 0;border-top:1px solid #eee8df}.qty{display:inline-flex;align-items:center;gap:8px}.qty button{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:white;font-size:20px}.bottom{position:fixed;left:0;right:0;bottom:0;z-index:30;background:white;border-top:1px solid var(--line);padding:7px 8px calc(7px + env(safe-area-inset-bottom));display:flex;justify-content:center}.bottom-inner{width:min(820px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.navbtn{min-height:54px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:700;border-radius:10px}.navbtn.active{background:#e9f1ed;color:var(--green)}.overlay{position:fixed;inset:0;z-index:50;background:#0007;display:flex;align-items:flex-end}.sheet{background:var(--cream);width:100%;max-height:92dvh;overflow:auto;border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.sheet-inner{max-width:820px;margin:auto}.cartbar{position:sticky;bottom:80px;z-index:15;margin-top:15px}.notice{border-left:4px solid var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:23px}h2{font-size:19px}h3{font-size:16px}.empty{text-align:center;color:var(--muted);padding:32px 10px}.offline{background:#ffdca8;color:#62410a}.online{background:#dff2e8;color:var(--ok)}@media(min-width:700px){.content{padding:24px}.menu{grid-template-columns:repeat(3,minmax(0,1fr))}.sheet{margin:auto;max-width:760px;border-radius:22px 22px 0 0}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:360px){.content{padding:12px}.menu{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.top{padding-left:12px;padding-right:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}