:root{--ink:#24352c;--sage:#dce5da;--cream:#faf7f1;--sand:#eee4d6;--terracotta:#c96443;--line:#ded9cf}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}button{font:inherit;cursor:pointer}.app-shell{max-width:1280px;margin:auto;min-height:100vh;display:grid;grid-template-columns:1fr 365px}.customer-view{padding:48px 5vw 64px}.hero{display:flex;justify-content:space-between;align-items:start;margin-bottom:44px}.eyebrow{font-size:.69rem;letter-spacing:.15em;font-weight:700;color:#79857c;margin:0 0 8px}.hero h1,h2{font-family:"Playfair Display",serif;margin:0;line-height:1.08}.hero h1{font-size:clamp(2.4rem,5vw,4.6rem);letter-spacing:-.04em}.hero i{color:var(--terracotta);font-weight:600}.table-pill{background:var(--sage);border-radius:30px;padding:11px 17px;font-size:.84rem;white-space:nowrap}.table-pill strong{margin-left:5px}.categories{display:flex;gap:9px;overflow:auto;padding-bottom:24px}.category{border:1px solid var(--line);background:transparent;border-radius:30px;padding:10px 16px;color:#5c675e;font-size:.85rem;white-space:nowrap}.category.active{background:var(--ink);border-color:var(--ink);color:#fff}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:18px}.item{position:relative;background:#fff;border:1px solid #eee9e0;border-radius:16px;padding:18px;min-height:196px;display:flex;flex-direction:column}.item-icon{font-size:2.3rem;line-height:1;margin:3px 0 20px}.item h3{font-size:1rem;margin:0 0 6px}.item p{font-size:.78rem;color:#758078;margin:0 0 16px;line-height:1.4}.item-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.price{font-weight:700}.add{border:0;background:var(--sage);border-radius:50%;color:var(--ink);width:31px;height:31px;font-size:1.35rem;line-height:1}.cart-panel{position:sticky;top:0;height:100vh;background:#fff;padding:42px 30px 28px;border-left:1px solid var(--line);display:flex;flex-direction:column}.cart-heading{display:flex;justify-content:space-between;align-items:start}.cart-heading h2{font-size:1.55rem}.count{background:var(--terracotta);color:#fff;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:.76rem}.cart-items{flex:1;margin-top:26px;overflow:auto}.empty{font-size:.85rem;color:#859087;line-height:1.5}.cart-item{padding:14px 0;border-bottom:1px solid #eeeae3}.cart-item-top{display:flex;justify-content:space-between;gap:10px;font-size:.88rem;font-weight:600}.cart-item-controls{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.qty{display:flex;gap:10px;align-items:center;font-size:.82rem}.qty button{border:0;background:var(--sand);width:23px;height:23px;border-radius:50%;color:var(--ink)}.cart-footer{border-top:1px solid var(--line);padding-top:20px}.total{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.total strong{font-size:1.35rem}.primary{border:0;background:var(--terracotta);color:#fff;border-radius:10px;padding:14px 16px;font-weight:700;width:100%;transition:.2s}.primary:hover{filter:brightness(.94)}.primary:disabled{background:#d7d4ce;cursor:not-allowed}.primary span{float:right}.wide{margin-top:22px}.modal{position:fixed;inset:0;background:rgba(25,37,29,.5);display:grid;place-items:center;padding:20px;z-index:5}.hidden{display:none!important}.modal-card{position:relative;width:min(465px,100%);background:var(--cream);padding:36px;border-radius:20px;box-shadow:0 20px 80px #1e291b44}.modal-card h2{font-size:2rem;margin-bottom:9px}.close{position:absolute;right:18px;top:13px;border:0;background:none;font-size:1.9rem;color:#6e786f}.muted{color:#707c73;font-size:.9rem;line-height:1.5}.payment-options{display:grid;gap:11px;margin-top:26px}.payment-option{border:1px solid var(--line);border-radius:11px;padding:14px;display:flex;gap:13px;align-items:center;cursor:pointer}.payment-option:has(input:checked){border:2px solid var(--terracotta);background:#fff9f6}.payment-option input{accent-color:var(--terracotta)}.payment-icon{font-size:1.5rem;color:var(--terracotta)}.payment-option strong,.payment-option small{display:block}.payment-option small{font-size:.72rem;color:#78827a;margin-top:4px}.qr-card{text-align:center}.qr-placeholder{width:190px;height:190px;margin:22px auto;background:repeating-linear-gradient(90deg,#20342b 0 8px,transparent 8px 13px),repeating-linear-gradient(#20342b 0 7px,#fff 7px 12px);display:grid;place-items:center;border:10px solid white;box-shadow:0 0 0 1px var(--line)}.qr-placeholder span{background:white;padding:8px;font-size:.72rem;font-weight:700}.small-note{font-size:.75rem;color:#78827a}.success{text-align:center}.success-mark{width:62px;height:62px;background:var(--sage);border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;color:var(--ink);font-size:2rem}.staff-toggle{position:fixed;bottom:18px;left:18px;background:var(--ink);color:white;border:0;border-radius:99px;padding:10px 15px;font-size:.75rem;z-index:2}.staff-panel{position:fixed;z-index:4;inset:0 0 0 auto;width:min(520px,100%);background:#fff;padding:38px;overflow:auto;box-shadow:-10px 0 40px #0002}.staff-top{display:flex;justify-content:space-between}.staff-top h2{font-size:2rem}.staff-close{position:static}.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.stats div{background:var(--sage);padding:17px;border-radius:12px}.stats strong,.stats span{display:block}.stats strong{font-size:1.3rem}.stats span{font-size:.73rem;color:#647167;margin-top:5px}.order-card{border:1px solid var(--line);border-radius:12px;padding:17px;margin:12px 0}.order-card header{display:flex;justify-content:space-between;font-size:.82rem}.order-card ul{padding-left:18px;color:#657168;font-size:.8rem}.order-card footer{display:flex;justify-content:space-between;align-items:center}.status{background:var(--sand);border:0;border-radius:20px;padding:7px 10px;font-size:.72rem}@media(max-width:820px){.app-shell{display:block}.customer-view{padding:32px 20px 120px}.hero{margin-bottom:30px}.cart-panel{position:fixed;z-index:3;bottom:0;top:auto;width:100%;height:auto;padding:15px 20px;border:1px solid var(--line);border-radius:20px 20px 0 0;box-shadow:0 -8px 30px #24352c16}.cart-heading h2{font-family:"DM Sans";font-size:.88rem}.cart-heading .eyebrow{display:none}.cart-items{display:none}.cart-footer{border:0;padding:0;margin-top:12px}.total{display:none}.menu-grid{grid-template-columns:repeat(2,1fr);gap:11px}.item{min-height:180px;padding:14px}.item-icon{margin-bottom:15px}.staff-toggle{bottom:85px}.hero h1{font-size:2.7rem}}