:root{--bg:#faf7f2;--paper:#fff;--ink:#252921;--muted:#72766d;--line:#e8e8df;--accent:#ca542b;--accent-hover:#ae4320;--soft:#f9ece4;--green:#47745a;--green-bg:#eaf2eb;--gold:#94691e;--gold-bg:#fbf1d9;--red:#a13c32;--red-bg:#faeae6;--shadow:0 16px 56px #332c2110;--radius:22px;--heading:'Manrope','Noto Sans Thai',sans-serif;--font:'Noto Sans Thai',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d9855c;outline-offset:3px}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;object-fit:cover}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--heading);line-height:1.35}h1{font-size:32px;letter-spacing:-1.1px}h2{font-size:23px;letter-spacing:-.5px}h3{font-size:18px}small{font-size:12px}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:var(--paper);flex-shrink:0}.btn{min-height:46px;padding:11px 18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-weight:500;display:inline-flex;gap:8px;align-items:center;justify-content:center;transition:background .15s,transform .15s}.btn:hover{background:#f4f2ed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-hover)}.btn.dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn.danger{color:var(--red);border-color:#e6bdb5;background:#fff7f5}.btn.ghost{background:transparent;border-color:transparent}.btn.full{width:100%}.btn.small{min-height:38px;font-size:13px;padding:8px 12px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.column{display:flex;flex-direction:column;gap:12px}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-family:var(--heading);font-size:11px;font-weight:700;color:var(--accent)}.caption{font-size:13px}.price{font-family:var(--heading);font-weight:700;white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:5px 10px;border-radius:7px;background:#f1f2eb;color:#656b60;white-space:nowrap}.pill.green{background:var(--green-bg);color:var(--green)}.pill.orange{background:var(--soft);color:var(--accent)}.pill.yellow{background:var(--gold-bg);color:var(--gold)}.pill.red{background:var(--red-bg);color:var(--red)}.divider{height:1px;background:var(--line);margin:16px 0}.brand-mark{width:36px;height:36px;border-radius:11px;background:var(--accent);color:#fff;display:inline-flex;align-items:center;justify-content:center;font:800 31px/1 var(--heading);letter-spacing:-2px;padding-right:3px}.brand{font-family:var(--heading);font-weight:800;letter-spacing:-1px;font-size:27px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px;gap:12px}.section-title small{color:var(--muted)}
#prototype-bar{height:66px;border-bottom:1px solid var(--line);background:#fffdf9;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:18px}.prototype-brand{display:flex;align-items:center;gap:10px;font-family:var(--heading);font-weight:800;letter-spacing:1px}.prototype-brand .brand-mark{height:29px;width:29px;font-size:24px;border-radius:8px}.prototype-brand em{font-size:9px;font-weight:500;font-style:normal;letter-spacing:2px;margin-left:6px;color:var(--muted)}.role-picker{display:flex;background:#f0f0e9;border:1px solid #e9e9df;border-radius:11px;padding:4px;gap:3px}.role-picker button{border:0;background:transparent;padding:7px 22px;border-radius:8px;color:var(--muted);font-size:13px;min-height:34px}.role-picker button.active{background:#fff;color:var(--ink);box-shadow:0 2px 6px #343b2010;font-weight:600}.prototype-tools{display:flex;align-items:center;gap:9px}.demo-indicator{font-size:9px;font-family:var(--heading);letter-spacing:1.3px;color:var(--muted)}.demo-indicator:before{content:'';display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:6px}.prototype-tools .icon-button{width:30px;height:30px;border:0;background:transparent;font-size:15px}.prototype-tools svg{width:15px;height:15px}
.customer-shell{max-width:1360px;margin:auto}.restaurant-header{padding:26px 42px;display:flex;justify-content:space-between;align-items:center;gap:16px}.restaurant-identity{display:flex;align-items:center;gap:13px}.restaurant-identity small{display:block;color:var(--muted);font-size:12px}.restaurant-name{font-weight:600;font-size:17px;letter-spacing:-.4px}.restaurant-actions{display:flex;gap:9px;align-items:center}.table-tag{display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);padding:9px 14px;border-radius:12px;font-size:13px}.table-tag strong{font-family:var(--heading);font-size:18px}.customer-nav{display:flex;gap:30px;margin:0 42px;border-bottom:1px solid var(--line)}.customer-nav button{position:relative;border:0;background:transparent;min-height:50px;padding:8px 0;color:var(--muted);font-size:14px;white-space:nowrap}.customer-nav button.active{color:var(--accent);font-weight:600}.customer-nav button.active:after{position:absolute;content:'';height:3px;bottom:-1px;left:0;right:0;background:var(--accent);border-radius:6px}.count-bubble{display:inline-grid;place-items:center;min-width:20px;height:20px;background:var(--soft);border-radius:6px;color:var(--accent);font-family:var(--heading);font-size:11px;margin-left:5px;padding:0 5px}.customer-body{padding:28px 42px 60px}.menu-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:30px;align-items:start}.hero{height:235px;border-radius:24px;position:relative;overflow:hidden;background:#3d4738;color:#fff;padding:32px;display:flex;align-items:center;margin-bottom:27px}.hero img{position:absolute;inset:0;width:100%;height:100%;filter:brightness(.37)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#14201980,transparent)}.hero-copy{position:relative;z-index:1}.hero .eyebrow{color:#eadbc3}.hero h1{font-size:40px;letter-spacing:-1.3px;margin:8px 0}.hero p{color:#e4e8de;font-size:13px;margin-top:8px}.hero-note{display:inline-flex;gap:7px;align-items:center;font-size:11px;margin-top:20px;border:1px solid #ffffff4a;border-radius:6px;padding:4px 9px}.searchbox{position:relative;display:flex;align-items:center;gap:9px;min-height:46px;background:var(--paper);border:1px solid var(--line);padding:0 14px;border-radius:12px;color:var(--muted)}.searchbox input{width:100%;background:transparent;border:0;outline:none;padding:10px 0;font-size:14px;color:var(--ink)}.searchbox input:focus-visible{outline:none}.menu-tools{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:20px}.menu-tools .searchbox{max-width:265px;flex:1}.category-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 23px}.category-tabs button{border:1px solid var(--line);background:transparent;border-radius:10px;padding:8px 15px;min-height:42px;font-size:13px;color:var(--muted)}.category-tabs button.active{background:var(--ink);border-color:var(--ink);color:#fff}.food-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.food-card{background:var(--paper);border:1px solid var(--line);border-radius:17px;overflow:hidden;text-align:left;transition:transform .18s,box-shadow .18s;position:relative}.food-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.food-image{display:block;position:relative;height:145px;width:100%;border:0;padding:0;background:#eeebe4;overflow:hidden}.food-image img{width:100%;height:100%;transition:transform .35s}.food-image:hover img{transform:scale(1.05)}.food-image .pill{position:absolute;left:10px;top:10px;background:#fffffff0;color:var(--ink);font-size:10px}.food-info{padding:14px}.food-title{border:0;padding:0;background:transparent;display:block;text-align:left;font-size:15px;font-weight:600;min-height:24px}.food-info p{font-size:11px;color:var(--muted);margin:4px 0 14px;min-height:18px}.food-bottom{display:flex;justify-content:space-between;align-items:center}.food-bottom .price{font-size:17px}.add-button{display:grid;place-items:center;background:var(--soft);color:var(--accent);border:0;width:34px;height:34px;border-radius:10px;font-size:22px;line-height:1}.food-card.unavailable img{filter:grayscale(.8);opacity:.55}.food-card.unavailable{opacity:.75}.food-card.unavailable .food-title{color:var(--muted)}.cart-panel{background:var(--paper);border:1px solid var(--line);border-radius:21px;padding:23px;position:sticky;top:90px}.cart-panel h3{font-size:19px}.cart-panel .cart-sub{color:var(--muted);font-size:11px;margin:5px 0 20px}.cart-empty{text-align:center;padding:30px 0 40px;color:var(--muted);font-size:13px}.cart-empty svg{width:40px;height:40px;stroke-width:1;margin-bottom:12px;color:#b7bbaf}.cart-line{padding:14px 0;border-bottom:1px solid var(--line)}.cart-line:first-of-type{padding-top:0}.cart-line-name{font-size:13px;font-weight:500}.cart-line small{display:block;color:var(--muted);font-size:11px;margin:5px 0}.qty{display:flex;align-items:center;gap:12px;font-family:var(--heading);font-size:13px}.qty button{width:28px;height:28px;border:1px solid var(--line);background:#fff;border-radius:8px;display:grid;place-items:center;padding:0}.qty.large button{width:44px;height:44px;font-size:20px}.qty.large{font-size:17px;gap:20px}.cart-line .qty{gap:9px}.cart-line .qty button{width:25px;height:25px}.cart-total{display:flex;justify-content:space-between;margin:20px 0 18px;font-weight:600}.cart-total .price{font-size:23px}.cart-footnote{display:flex;align-items:center;gap:7px;justify-content:center;color:var(--muted);font-size:10px;margin-top:13px}.cart-footnote svg{width:13px;height:13px}.customer-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:28px 0 0;margin-top:32px;border-top:1px solid var(--line)}.mobile-cartbar{display:none}.content-narrow{max-width:830px;margin:auto}.page-heading{margin-bottom:25px}.page-heading p{color:var(--muted);font-size:13px;margin-top:7px}.order-customer{border:1px solid var(--line);border-radius:20px;background:var(--paper);padding:24px;margin:20px 0}.queue-panel{background:#f5eee2;border:1px solid #ece0c8;padding:22px;border-radius:16px;display:flex;gap:20px;align-items:center;margin:20px 0}.queue-number{font:800 54px/1 var(--heading);color:var(--accent);min-width:67px;text-align:center}.queue-copy strong{display:block;font-size:16px}.queue-copy p{font-size:13px;color:#776b56;margin-top:4px}.queue-panel.cooking{background:var(--green-bg);border-color:#d8e4d6}.queue-panel.cooking .queue-number{font-size:32px;color:var(--green)}.steps{display:flex;gap:8px;justify-content:space-between;margin:20px 0 24px}.step{flex:1;font-size:11px;color:var(--muted)}.step:before{content:'';height:4px;border-radius:4px;background:var(--line);display:block;margin-bottom:9px}.step.done{color:var(--green)}.step.done:before{background:var(--green)}.order-lines{font-size:13px}.order-lines .row{padding:8px 0}.total-banner{padding:22px;border-radius:16px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:space-between}.total-banner .price{font-size:28px}.total-banner small{color:#c4caba}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.service-card{border:1px solid var(--line);border-radius:22px;padding:27px;background:var(--paper)}.service-symbol{width:53px;height:53px;border-radius:16px;background:var(--soft);color:var(--accent);display:grid;place-items:center;margin-bottom:22px}.service-card p{color:var(--muted);font-size:13px;margin:10px 0 24px}.notice{padding:12px 15px;background:var(--soft);border-radius:10px;font-size:12px;color:#864c31;margin:13px 0}.notice.green{background:var(--green-bg);color:var(--green)}.notice.red{background:var(--red-bg);color:var(--red)}.notice.yellow{background:var(--gold-bg);color:var(--gold)}
.admin-shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - 66px)}.sidebar{background:#fffdf9;border-right:1px solid var(--line);padding:30px 18px 22px;display:flex;flex-direction:column;position:sticky;top:66px;height:calc(100vh - 66px);overflow:auto}.sidebar-brand{padding:0 12px 28px}.sidebar-brand p{font-size:11px;color:var(--muted);margin-top:6px}.sidebar-label{font:600 9px var(--heading);letter-spacing:1.5px;color:#93988c;padding:9px 14px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{min-height:46px;border:0;background:transparent;border-radius:11px;padding:11px 14px;text-align:left;display:flex;align-items:center;gap:12px;font-size:13px;color:#777d70}.sidebar nav button:hover{background:#f4f2e9}.sidebar nav button.active{background:var(--soft);color:var(--accent);font-weight:600}.sidebar nav button .count-bubble{margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:30px}.user-avatar{width:36px;height:36px;display:grid;place-items:center;background:#e9eddf;color:#536242;border-radius:12px;font:700 13px var(--heading)}.sidebar-user{padding:12px 7px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;font-size:12px}.sidebar-user small{display:block;font-size:10px;color:var(--muted)}.admin-topbar{height:80px;background:#fffdf9;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.admin-topbar .breadcrumb{color:var(--muted);font-size:12px}.admin-main{padding:30px 34px 50px;max-width:1550px;margin:auto}.admin-page-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.admin-page-title h1{font-size:28px}.admin-page-title p{font-size:12px;color:var(--muted);margin-top:5px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:26px}.stat{border:1px solid var(--line);border-radius:17px;padding:20px;background:var(--paper)}.stat-label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}.stat-label svg{width:17px;height:17px;color:#a4ac99}.stat-value{font:700 29px var(--heading);margin:13px 0 8px;letter-spacing:-1px}.stat small{color:var(--muted);font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:22px}.panel{border:1px solid var(--line);border-radius:19px;background:var(--paper);padding:23px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px}.panel-head h3{font-size:16px}.chart-bars{height:205px;display:flex;align-items:end;gap:13px;border-bottom:1px solid var(--line);margin:10px 0 8px;padding-top:20px}.chart-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:8px;position:relative}.chart-col .bar{width:100%;max-width:32px;background:#e7c0aa;border-radius:5px 5px 0 0;min-height:2px}.chart-col.current .bar{background:var(--accent)}.chart-col span{font:10px var(--heading);color:var(--muted);position:absolute;bottom:-22px}.chart-tooltip{font:9px var(--heading);color:var(--muted)}.chart-caption{margin-top:34px;font-size:10px;color:var(--muted)}.popular-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.popular-row:last-child{border:0}.popular-row img{width:45px;height:45px;border-radius:10px}.popular-row .rank{font:600 12px var(--heading);color:#a5aa9d}.popular-row strong{display:block;font-size:12px;font-weight:500}.popular-row small{font-size:10px;color:var(--muted)}.activity-row{font-size:12px;padding:13px 0;display:flex;gap:12px;border-bottom:1px solid var(--line)}.activity-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:7px;flex-shrink:0}.activity-row small{color:var(--muted);font-size:10px}.admin-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.admin-tabs button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 15px;font-size:12px;min-height:42px}.admin-tabs button.active{background:var(--ink);color:#fff;border-color:var(--ink)}.order-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.order-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;display:flex;flex-direction:column}.order-card-head{padding:17px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center}.table-number{font:700 24px var(--heading);letter-spacing:-1px}.table-number small{display:block;font:400 10px var(--font);color:var(--muted);letter-spacing:0}.order-card-body{padding:17px;flex:1}.order-card-body .order-lines .row{font-size:12px;align-items:start}.order-card-body .order-lines small{font-size:10px;color:var(--muted);display:block}.item-quantity{width:25px;height:25px;background:#f3f4ed;border-radius:6px;font:600 11px var(--heading);display:grid;place-items:center;flex-shrink:0}.order-card-foot{padding:0 17px 17px}.order-card-foot .row{gap:7px}.order-card-foot .btn{font-size:12px;flex:1}.order-card-foot .btn.ghost{flex:0;padding:10px}.request-strip{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap;background:var(--gold-bg);border:1px solid #ecddb7;border-radius:14px;padding:14px 18px;margin-bottom:22px}.request-strip h4{font-size:13px}.request-strip p{font-size:11px;color:var(--gold)}.request-strip .btn{background:#fff9e9;border-color:#e3d19f;color:#785d2d;font-size:11px;min-height:35px;padding:7px 10px}.tables-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.table-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px;text-align:left;min-height:190px;display:flex;flex-direction:column;gap:17px;transition:box-shadow .2s}.table-card:hover{box-shadow:var(--shadow)}.table-card.free{background:#f5f6f0;border-style:dashed}.table-card h3{font:700 30px var(--heading)}.table-card .table-icon{color:#a3ad98}.table-card .table-icon svg{height:30px;width:30px}.table-card .table-meta{font-size:11px;color:var(--muted);margin-top:auto}.table-card .table-meta strong{font:600 16px var(--heading);color:var(--ink);display:block}.bill-layout{display:grid;grid-template-columns:1fr 330px;gap:22px}.bill-item{display:flex;justify-content:space-between;align-items:start;gap:15px;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.bill-item small{display:block;color:var(--muted);margin-top:4px}.bill-total{font-size:27px;font-family:var(--heading);font-weight:700}.bill-card .row{margin:12px 0}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:#fff}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{padding:14px 18px;background:#f5f5ef;font-weight:500;color:var(--muted);white-space:nowrap}td{padding:15px 18px;border-top:1px solid var(--line)}td .menu-thumb{height:45px;width:45px;border-radius:9px}td .row{gap:11px}.switch{border:0;width:40px;height:24px;background:#d4d8cc;position:relative;border-radius:20px;flex-shrink:0}.switch:after{content:'';width:18px;height:18px;border-radius:50%;position:absolute;top:3px;left:3px;background:#fff;box-shadow:0 1px 3px #0002}.switch.on{background:var(--green)}.switch.on:after{left:19px}.table-actions{display:flex;gap:8px}.table-actions .icon-button{height:32px;width:32px;border:0;color:var(--muted)}.table-actions svg{height:17px;width:17px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.toolbar .searchbox{width:280px}.toolbar select{border:1px solid var(--line);border-radius:10px;padding:11px;background:#fff;font-size:12px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-field{display:block;margin-bottom:17px;font-size:13px;font-weight:500}.form-field input,.form-field textarea,.form-field select{display:block;width:100%;min-height:46px;border:1px solid #dfe2d7;background:#fff;border-radius:10px;padding:11px 13px;margin-top:7px;color:var(--ink);font-size:14px;font-weight:400}.form-field textarea{min-height:84px;resize:vertical}.form-field small{font-weight:400;color:var(--muted)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-check{display:flex;align-items:center;gap:10px;min-height:45px;font-size:13px}.form-check input{width:18px;height:18px;accent-color:var(--accent)}.login-screen{min-height:650px;display:grid;grid-template-columns:1fr 1fr;max-width:1120px;margin:45px auto;background:#fff;border:1px solid var(--line);border-radius:25px;overflow:hidden}.login-image{position:relative;background:#283224;display:flex;align-items:end;padding:45px;color:#fff;min-height:580px}.login-image img{position:absolute;inset:0;width:100%;height:100%;filter:brightness(.4)}.login-image div{position:relative}.login-image h1{font-size:44px}.login-image p{margin-top:20px;font-size:13px;color:#ddd}.login-form{padding:55px;display:flex;justify-content:center;flex-direction:column}.login-form .brand{margin-bottom:35px}.login-form h2{margin-bottom:8px}.login-form>p{margin-bottom:25px;font-size:13px;color:var(--muted)}.mobile-admin-menu{display:none}.kitchen-shell{max-width:1600px;margin:auto;padding:30px}.kitchen-header{margin-bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:16px}.kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.kanban-column{background:#eeefe7;border-radius:20px;padding:17px;min-height:530px}.kanban-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;font-size:14px;font-weight:600}.kanban .order-card{margin-bottom:14px}.kitchen-shell .request-strip{margin-bottom:25px}.empty-state{text-align:center;padding:55px 20px;color:var(--muted);font-size:13px}.empty-state svg{height:40px;width:40px;margin-bottom:15px;stroke-width:1}.empty-state h3{color:var(--ink);margin:0 0 8px;font-size:18px}.qr-sheet{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.qr-card{text-align:center;border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff}.qr-card canvas{max-width:100%;image-rendering:pixelated;display:block;margin:15px auto}.qr-card h3{font-size:28px}.qr-card small{display:block;color:var(--muted)}
#overlay{position:fixed;inset:0;background:#1e281e88;backdrop-filter:blur(6px);z-index:100;padding:30px;display:flex;align-items:center;justify-content:center}#overlay[hidden]{display:none}.modal{background:var(--paper);border-radius:24px;width:100%;max-width:520px;max-height:90vh;overflow:auto;box-shadow:0 25px 100px #0003;position:relative}.modal.wide{max-width:760px}.modal-close{position:absolute;right:15px;top:15px;z-index:2;background:#fffffff2;border:0;box-shadow:0 2px 6px #0001}.product-cover{height:215px;width:100%;display:block}.modal-content{padding:26px}.modal-content h2{font-size:25px}.modal-content>p{color:var(--muted);font-size:13px;margin:8px 0 20px}.option-group{border:0;margin:22px 0;padding:0}.option-group legend{font-weight:600;font-size:14px;width:100%;display:flex;gap:8px;align-items:center;margin-bottom:10px}.option-row{display:flex;gap:11px;align-items:center;min-height:46px;font-size:13px;border-bottom:1px solid #f1f0e9}.option-row input{width:18px;height:18px;accent-color:var(--accent);margin:0}.option-row span:last-child{margin-left:auto;color:var(--muted)}.modal-footer{position:sticky;bottom:0;padding:17px 26px;background:#fff;border-top:1px solid var(--line);display:flex;gap:20px;align-items:center}.modal-footer .btn{flex:1}.modal-footer .qty{flex-shrink:0}.validation{color:var(--red);font-size:12px;margin-bottom:10px;min-height:19px}.confirm-icon{width:57px;height:57px;border-radius:18px;background:var(--gold-bg);color:var(--gold);display:grid;place-items:center;margin-bottom:20px}.confirm-icon svg{width:27px;height:27px}.modal-actions{display:flex;gap:10px;margin-top:25px}.modal-actions .btn{flex:1}.modal label input:invalid:not(:placeholder-shown){border-color:#d79c81}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);z-index:150;background:#253526;color:#fff;padding:13px 22px;border-radius:13px;box-shadow:0 10px 45px #19211830;font-size:13px;opacity:0;pointer-events:none;transition:.2s;max-width:calc(100% - 28px);width:max-content}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.print-only{display:none}.inline-link{border:0;background:transparent;padding:0;color:var(--accent);font-size:12px;text-decoration:underline;text-underline-offset:3px}.sample-caption{font-size:10px;color:var(--muted);margin-top:20px;text-align:center}.report-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.report-range{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.report-range input{border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff;font-size:12px;min-width:0}.role-note{font-size:10px;color:var(--muted)}
@media(min-width:1500px){.food-image{height:175px}.food-grid{gap:22px}.hero{height:260px}.admin-main{padding:36px 45px}}
@media(max-width:1200px){.food-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-layout{grid-template-columns:minmax(0,1fr) 280px}.hero h1{font-size:34px}.order-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{gap:12px}.stat{padding:17px}.stat-value{font-size:25px}.tables-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.admin-shell{grid-template-columns:210px minmax(0,1fr)}.admin-main{padding:26px}.bill-layout{grid-template-columns:1fr 290px}.report-grid{grid-template-columns:1fr}.kanban{gap:13px}.kitchen-shell{padding:22px}.kanban-column{padding:12px}}
@media(max-width:900px){#prototype-bar{padding:0 18px}.prototype-brand em,.demo-indicator{display:none}.role-picker button{padding:7px 16px}.restaurant-header{padding:23px}.customer-nav{margin:0 23px}.customer-body{padding:23px 23px 100px}.menu-layout{grid-template-columns:1fr}.desktop-cart{display:none}.food-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.food-image{height:155px}.hero{height:210px}.mobile-cartbar{display:block;position:fixed;bottom:14px;left:20px;right:20px;z-index:30;max-width:700px;margin:auto}.mobile-cartbar .btn{box-shadow:0 10px 25px #923e2940;border-radius:15px;min-height:57px;justify-content:space-between;padding:15px 20px}.admin-shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding:26px 10px}.sidebar-brand{padding:0 11px 25px}.sidebar-brand .brand,.sidebar-brand p,.sidebar-label,.sidebar nav button span,.sidebar-user,.sidebar-bottom .btn{display:none}.sidebar nav button{justify-content:center;padding:13px}.sidebar nav button .count-bubble{display:none}.admin-topbar{padding:0 25px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:1fr}.tables-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bill-layout{grid-template-columns:1fr}.kanban{grid-template-columns:1fr}.kanban-column{min-height:100px}.kanban-column .order-card{display:inline-flex;width:calc(50% - 8px);vertical-align:top;margin-right:10px}.kanban-column .order-card:nth-of-type(even){margin-right:0}.qr-sheet{grid-template-columns:repeat(2,1fr)}.login-form{padding:35px}.login-image{padding:28px}.login-image h1{font-size:35px}}
@media(max-width:600px){body{font-size:14px}#prototype-bar{height:58px;padding:0 12px;gap:6px}.prototype-brand{font-size:13px;gap:5px;letter-spacing:0}.prototype-brand .brand-mark{width:25px;height:25px;font-size:21px}.prototype-tools{gap:1px}.prototype-tools .icon-button{width:25px}.role-picker{gap:0;padding:3px;border-radius:9px}.role-picker button{padding:6px 10px;font-size:11px;min-height:31px}.restaurant-header{padding:21px 18px 15px}.restaurant-identity{gap:10px}.restaurant-identity .brand-mark{width:34px;height:34px}.restaurant-name{font-size:15px}.restaurant-identity small{font-size:10px}.table-tag{padding:7px 10px;gap:6px;font-size:11px}.table-tag strong{font-size:16px}.table-tag svg{display:none}.restaurant-actions .icon-button{display:none}.customer-nav{margin:0 18px;gap:25px;overflow:auto}.customer-nav button{font-size:12px;min-height:46px}.customer-body{padding:20px 17px 110px}.hero{height:205px;border-radius:19px;padding:23px;margin-bottom:24px}.hero h1{font-size:31px;letter-spacing:-1px}.hero .eyebrow{font-size:9px}.hero p{font-size:11px}.hero-note{margin-top:15px;font-size:9px}.menu-tools{display:block}.menu-tools .searchbox{max-width:none;margin-top:14px;min-height:45px}.menu-tools h2{font-size:21px}.menu-tools .caption{font-size:11px}.category-tabs{gap:6px;flex-wrap:nowrap;overflow:auto;padding-bottom:3px;margin-bottom:17px}.category-tabs button{flex-shrink:0;padding:8px 13px;font-size:12px;min-height:41px}.food-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.food-image{height:136px}.food-info{padding:12px}.food-title{font-size:13px;line-height:1.5}.food-info p{font-size:10px;line-height:1.5;min-height:30px;margin:4px 0 9px}.food-bottom .price{font-size:17px}.food-image .pill{font-size:9px;top:8px;left:8px;padding:3px 6px}.add-button{width:32px;height:32px}.food-card{border-radius:14px}.customer-foot{font-size:9px;gap:10px;margin-top:26px}.mobile-cartbar{left:16px;right:16px;bottom:12px;padding-bottom:env(safe-area-inset-bottom)}.mobile-cartbar .btn{font-size:13px}.order-customer{padding:18px}.queue-panel{padding:16px;gap:14px}.queue-number{font-size:43px;min-width:47px}.queue-copy strong{font-size:14px}.queue-copy p{font-size:11px}.steps{gap:5px}.step{font-size:9px}.service-grid{grid-template-columns:1fr;gap:15px}.service-card{padding:22px}.total-banner{padding:18px}.total-banner .price{font-size:24px}.page-heading h1{font-size:26px}.page-heading p{font-size:12px}.admin-shell{display:block;min-height:calc(100vh - 58px)}.sidebar{display:none}.admin-topbar{height:66px;padding:0 17px}.admin-topbar .breadcrumb{font-size:11px}.admin-topbar .user-avatar{display:none}.admin-topbar .row{gap:7px}.admin-topbar .pill{font-size:10px}.mobile-admin-menu{display:flex;padding:10px 16px;gap:8px;overflow:auto;background:#fffdf9;border-bottom:1px solid var(--line)}.mobile-admin-menu button{border:1px solid var(--line);background:#fff;border-radius:9px;white-space:nowrap;min-height:40px;padding:8px 13px;font-size:12px}.mobile-admin-menu button.active{background:var(--ink);color:#fff}.admin-main{padding:23px 16px 35px}.admin-page-title{align-items:start;margin-bottom:20px;gap:12px}.admin-page-title h1{font-size:25px}.admin-page-title p{font-size:11px;max-width:220px}.admin-page-title>.btn{font-size:11px;padding:9px 12px;min-height:40px}.stats-grid{gap:10px;margin-bottom:20px}.stat{padding:15px;border-radius:13px}.stat-value{font-size:24px;margin:11px 0 6px}.stat-label{font-size:10px}.stat-label svg{width:14px;height:14px}.stat small{font-size:9px}.panel{padding:18px;border-radius:15px}.panel-head h3{font-size:15px}.dashboard-grid{gap:16px}.chart-bars{gap:8px;height:175px}.order-grid{grid-template-columns:1fr;gap:15px}.order-card-head{padding:16px}.order-card-body{padding:16px}.order-card-foot{padding:0 16px 16px}.order-card-foot .btn{font-size:13px}.order-card-body .order-lines .row{font-size:13px}.admin-tabs{gap:6px;margin:16px 0}.admin-tabs button{font-size:11px;padding:9px 12px}.request-strip{padding:14px;gap:10px}.request-strip .row{gap:9px}.request-strip h4{font-size:12px}.request-strip p{font-size:10px}.tables-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.table-card{padding:16px;min-height:170px;gap:12px}.table-card h3{font-size:28px}.table-card .pill{font-size:10px;padding:4px 7px}.toolbar{gap:10px}.toolbar .searchbox{width:100%}.toolbar select{flex:1}.toolbar .btn{font-size:11px}.field-row{grid-template-columns:1fr}.settings-grid{gap:16px}.form-field input,.form-field select,.form-field textarea{font-size:16px}.report-range input{width:calc(50% - 10px)}.kitchen-shell{padding:22px 15px}.kitchen-header{align-items:start}.kitchen-header h1{font-size:24px}.kitchen-header p{font-size:11px;max-width:200px}.kitchen-header .btn{font-size:11px;padding:10px;min-height:40px}.kanban-column .order-card{width:100%;margin-right:0}.kanban-column{padding:14px}.qr-sheet{grid-template-columns:1fr}.qr-card{padding:20px}.login-screen{display:block;margin:20px 15px;min-height:0}.login-image{min-height:220px;padding:25px}.login-image h1{font-size:31px}.login-image p{margin-top:12px;font-size:11px}.login-form{padding:28px}.login-form .brand{margin-bottom:24px}.login-form input{font-size:16px}#overlay{padding:12px;align-items:end}.modal{max-height:93dvh;border-radius:23px}.modal-content{padding:22px}.product-cover{height:180px}.modal-footer{padding:16px 22px;gap:16px}.modal-footer .btn{font-size:13px}.modal-footer .qty{gap:12px}.modal-footer .qty button{width:36px;height:40px}.option-row{font-size:14px;min-height:49px}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}#toast{bottom:90px;font-size:12px;padding:12px 16px}.bill-item{font-size:12px}.table-wrap table{min-width:570px}}
.growth-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 19px;border:1px solid #eddbbd;border-radius:14px;background:#fff5e5;margin-bottom:25px}.growth-banner strong{font-size:13px;color:#805921}.growth-banner p{font-size:11px;color:#8b774f;margin-top:3px}.growth-banner svg{color:#ad7b38}.growth-banner .btn{flex-shrink:0;background:#fff9ee}.growth-banner.quota-full{background:#fff0e9;border-color:#eccabc}.growth-banner.quota-full strong{color:#a13c32}.subscription-summary{background:var(--ink);color:#fff;border-radius:21px;padding:27px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.subscription-summary .eyebrow{color:#e3c39f}.subscription-summary h2{font:700 30px var(--heading);margin:10px 0}.subscription-summary h2 .pill{font:400 11px var(--font);vertical-align:middle;margin-left:9px}.subscription-summary p{font-size:12px;color:#c6ccbf}.subscription-summary-actions .btn{white-space:nowrap}.usage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.usage-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px}.usage-card .icon{color:#a6ad9c;width:17px;height:17px}.usage-number{font:700 25px var(--heading);margin:17px 0 13px;letter-spacing:-.7px}.usage-number small{display:block;font:400 11px var(--font);color:var(--muted);letter-spacing:0;margin-top:5px}.quota-track{height:6px;background:#eeeae2;border-radius:8px;overflow:hidden;margin:12px 0}.quota-track>span{height:100%;display:block;background:var(--accent);border-radius:8px}.quota-track>span.full{background:var(--red)}.usage-card>small{font-size:10px}.quota-explanation{font-size:11px;color:var(--muted);margin:15px 0 25px;line-height:1.8}.pricing-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin:24px 0}.billing-cycle{display:inline-flex;padding:4px;gap:4px;background:#eceee5;border-radius:11px}.billing-cycle button{border:0;min-height:37px;padding:8px 14px;background:transparent;border-radius:8px;color:var(--muted);font-size:12px}.billing-cycle button.active{background:#fff;color:var(--ink);box-shadow:0 1px 5px #0001}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}.pricing-card{background:#fff;border:1px solid var(--line);border-radius:19px;padding:22px 18px;position:relative;min-width:0}.pricing-card.recommended{border:2px solid var(--accent);padding:21px 17px;box-shadow:0 12px 36px #bd5e2810}.recommended-tag{position:absolute;top:-14px;left:15px;border-radius:7px;background:var(--accent);color:#fff;font-size:10px;padding:5px 10px}.pricing-card h3{font-size:22px}.plan-description{color:var(--muted);font-size:11px;line-height:1.8;margin:13px 0 19px;min-height:40px}.plan-price{font:700 35px/1.3 var(--heading);letter-spacing:-1.5px;white-space:nowrap}.plan-price small{display:block;font:400 10px var(--font);letter-spacing:0;color:var(--muted);margin-top:6px}.plan-billing{font-size:10px;color:var(--muted);margin:13px 0 18px;min-height:20px}.pricing-card .btn{font-size:12px;min-height:43px;padding:10px}.plan-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;font-size:11px}.plan-features li{display:flex;align-items:start;gap:7px;line-height:1.8}.plan-features svg{width:14px;height:14px;min-width:14px;margin-top:3px;color:var(--green)}.plan-features .not-included{color:#9fa397}.plan-features .not-included svg{color:#b7bcad}.subscription-icon{width:55px;height:55px;display:grid;place-items:center;color:var(--accent);background:var(--soft);border-radius:17px;margin-bottom:20px}.subscription-icon svg{width:29px;height:29px}.checkout-summary{background:#f5f4ec;border:1px solid var(--line);border-radius:15px;padding:20px;margin:23px 0}.checkout-summary p{font-size:11px;color:var(--muted);margin-top:8px}.checkout-summary .row{font-size:13px}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:19px 0}.payment-methods button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px 10px;min-height:72px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;font-size:12px}.payment-methods button.active{border-color:var(--accent);color:var(--accent);background:var(--soft)}.brand-preview{display:flex;align-items:center;gap:15px;background:#f7f7f1;padding:20px;border-radius:14px;margin:20px 0}.restaurant-logo{width:53px;height:53px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent);border-radius:15px;color:#fff;font-weight:700;flex-shrink:0;overflow:hidden}.restaurant-logo img{width:100%;height:100%;object-fit:contain;background:#fff}.customer-brand-image{width:42px;height:42px;border-radius:12px;object-fit:contain;background:#fff}.restaurant-identity .restaurant-logo{width:42px;height:42px;font-size:13px;border-radius:12px}.locked-feature{text-align:center;padding:26px 15px;background:#faf7f2;border:1px dashed #ddcfc0;border-radius:15px}.locked-feature>svg{width:35px;height:35px;color:#bb9970;margin-bottom:15px}.locked-feature h3{font-size:17px}.locked-feature p{font-size:12px;color:var(--muted);margin:10px 0 20px}.theme-swatches{display:flex;flex-direction:column;gap:10px;margin:22px 0}.theme-choice{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:10px;min-height:48px;padding:9px 13px;font-size:13px}.theme-choice.active{border-color:var(--accent)}.theme-swatch{width:25px;height:25px;border-radius:8px;display:block}.theme-swatch.terracotta{background:#ca542b}.theme-swatch.forest{background:#47745a}.theme-swatch.indigo{background:#4b5796}.plan-distribution{margin:22px 0}.demo-scenarios{margin-top:27px;border:1px dashed #d6dacc;border-radius:13px;padding:16px;background:#f5f6ef}.demo-scenarios summary{cursor:pointer;font-size:12px;color:var(--muted);margin-bottom:8px}.platform-shell .sidebar-brand p{letter-spacing:1px}.platform-shell .activity-row strong{font-size:13px}.platform-shell .plan-features{margin:20px 0}.platform-shell .pricing-card h3{font-size:22px}.billing-cycle button:focus-visible,.theme-choice:focus-visible{outline:3px solid #d9855c;outline-offset:3px}
@media(max-width:1250px){.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}.plan-description{min-height:20px}.usage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#prototype-bar{height:96px;display:grid;grid-template-columns:1fr auto;grid-template-rows:36px 44px;gap:3px 12px;padding:6px 12px}.prototype-brand{grid-column:1;grid-row:1}.prototype-tools{grid-column:2;grid-row:1}.role-picker{grid-column:1/-1;grid-row:2;justify-content:stretch;align-self:center}.role-picker button{flex:1;padding:6px 4px;font-size:11px;min-height:31px}.admin-shell{min-height:calc(100vh - 96px)}.growth-banner{align-items:start;flex-direction:column;gap:11px;padding:14px;margin-bottom:20px}.growth-banner>.row{gap:9px}.growth-banner strong{font-size:12px}.growth-banner p{font-size:10px}.growth-banner .btn{font-size:11px;min-height:36px;width:100%}.subscription-summary{padding:20px;display:block}.subscription-summary h2{font-size:27px}.subscription-summary h2 .pill{font-size:10px}.subscription-summary p{font-size:11px}.subscription-summary-actions{margin-top:16px}.usage-grid{gap:10px}.usage-card{padding:14px}.usage-card .caption{font-size:10px}.usage-number{font-size:23px;margin:14px 0 10px}.usage-number small{font-size:10px}.usage-card>small{font-size:9px}.quota-explanation{font-size:10px;line-height:1.9}.pricing-grid{grid-template-columns:1fr;gap:25px}.pricing-card{padding:24px}.pricing-card.recommended{padding:23px}.plan-description{font-size:12px;min-height:0}.plan-price{font-size:39px}.plan-features{font-size:12px;gap:10px}.plan-features li{align-items:center}.plan-features svg{margin-top:0}.plan-billing{font-size:11px}.pricing-controls{display:block}.pricing-controls>.caption{font-size:11px;display:block;margin-bottom:12px}.billing-cycle{width:100%}.billing-cycle button{flex:1;font-size:11px}.checkout-summary{padding:16px}.checkout-summary>.row{gap:9px}.payment-methods button{font-size:11px}.brand-preview{padding:15px}.brand-preview h3{font-size:15px}.brand-preview p{font-size:11px}.brand-preview .restaurant-logo{width:47px;height:47px}.restaurant-identity .restaurant-logo,.customer-brand-image{width:34px;height:34px;border-radius:10px}.platform-shell .stats-grid .stat-value{font-size:21px}.platform-shell .admin-page-title h1{font-size:24px}.subscription-summary h2 .pill{display:inline-flex;margin-left:4px}}
.brand-mark{font:800 12px/1 var(--heading);letter-spacing:-.7px;padding:0}.prototype-brand .brand-mark{font-size:10px}.prototype-brand{letter-spacing:0}.prototype-brand>span:last-child{font-size:15px}.sidebar-brand{display:grid;grid-template-columns:36px minmax(0,1fr);gap:6px 10px;align-items:center}.sidebar-brand .brand{font-size:18px;letter-spacing:-.7px;line-height:1.2}.sidebar-brand>p{grid-column:1/-1;font-size:9px}.signup-launch{font-size:11px;min-height:34px;padding:7px 12px;white-space:nowrap}.login-form>.brand{font-size:24px;letter-spacing:-.8px}.qr-card>.brand{font-size:21px!important}.signup-shell{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr);max-width:1240px;margin:34px auto 55px;min-height:780px;background:#fff;border:1px solid var(--line);border-radius:25px;overflow:hidden}.signup-story{position:relative;background:#263323;color:#fff;min-height:780px}.signup-story>img{position:absolute;inset:0;width:100%;height:100%;filter:brightness(.27)}.signup-story:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#18291c20,#18291c88)}.signup-story-inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:40px}.signup-brand{display:flex;align-items:center;gap:12px;font:700 22px var(--heading);letter-spacing:-.8px}.signup-brand .brand-mark{background:#fff;color:var(--accent);height:43px;width:43px;font-size:13px}.signup-brand small{display:block;font:400 9px var(--heading);letter-spacing:2px;margin-top:4px;color:#d8dfd2}.signup-story-copy{padding:40px 0}.signup-story-copy .eyebrow{color:#e7cbae;font-size:9px;line-height:1.8}.signup-story h1{font-size:43px;line-height:1.4;margin:16px 0 20px}.signup-story-copy>p{font-size:13px;color:#d4ddcc;line-height:1.9}.signup-benefits{display:flex;flex-direction:column;gap:15px;margin-top:35px;font-size:12px;color:#e2e8dc}.signup-benefits>span{display:flex;gap:10px;align-items:center}.signup-benefits svg{height:17px;width:17px;color:#c4d0af}.signup-story-inner>small{font-size:10px;color:#c8d1bf}.signup-form-area{padding:30px 42px 38px;min-width:0}.signup-topline{display:flex;justify-content:end;align-items:center;gap:8px;margin-bottom:32px}.signup-topline .btn{color:var(--accent)}.signup-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:37px}.signup-step{display:flex;flex-direction:column;align-items:center;gap:9px;position:relative;color:#929a8a}.signup-step:not(:last-child):after{content:'';position:absolute;height:1px;background:var(--line);left:65%;right:-35%;top:16px;z-index:0}.signup-step>span{width:33px;height:33px;display:grid;place-items:center;font:600 12px var(--heading);border:1px solid var(--line);background:#fff;border-radius:50%;position:relative;z-index:1}.signup-step small{font-size:10px;text-align:center}.signup-step.current{color:var(--accent);font-weight:600}.signup-step.current>span{background:var(--accent);border-color:var(--accent);color:#fff}.signup-step.complete{color:var(--green)}.signup-step.complete>span{background:var(--green-bg);border-color:#d6e3ce}.signup-step-content>h2{font-size:25px;letter-spacing:-.7px;margin:10px 0}.signup-intro{font-size:12px;color:var(--muted);margin-bottom:27px}.signup-actions{display:flex;justify-content:space-between;gap:15px;margin-top:25px}.signup-actions .btn.primary{margin-left:auto}.signup-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.signup-plan{background:#fff;border:1px solid var(--line);border-radius:14px;text-align:left;padding:17px;min-width:0}.signup-plan.selected{background:#fff8f0;border:2px solid var(--accent);padding:16px}.signup-plan strong{font:700 17px var(--heading)}.signup-radio{height:20px;width:20px;border:1px solid #d4dacf;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:12px;color:var(--accent)}.signup-plan.selected .signup-radio{background:var(--accent);color:#fff;border-color:var(--accent)}.signup-plan-price{display:block;font:700 23px var(--heading);letter-spacing:-1px;margin:19px 0 14px}.signup-plan-price small{font:400 10px var(--font);letter-spacing:0;display:block;color:var(--muted);margin-top:3px}.signup-plan-description{font-size:10px;color:var(--muted);line-height:1.9;display:block}.signup-review{border:1px solid var(--line);border-radius:15px;padding:7px 20px}.review-line{display:flex;justify-content:space-between;align-items:start;gap:15px;padding:16px 0;border-bottom:1px solid var(--line);font-size:12px}.review-line:last-child{border:0}.review-line>span{color:var(--muted);flex-shrink:0}.review-line>strong{font-weight:500;text-align:right;overflow-wrap:anywhere}.review-line.total{font-size:16px}.review-line.total>strong{font-family:var(--heading);font-size:20px;font-weight:700}.signup-login-link{border-top:1px solid var(--line);margin-top:25px;padding-top:23px;text-align:center}.signup-login-link>span{display:block;font-size:12px;color:var(--muted);margin-bottom:12px}.signup-login-link .btn{border-color:#e5bfaa;color:var(--accent)}
@media(max-width:1100px){.signup-shell{margin:25px 22px;grid-template-columns:.75fr 1.25fr}.signup-story-inner{padding:30px}.signup-story h1{font-size:34px}.signup-form-area{padding:26px 30px}}
@media(min-width:601px) and (max-width:900px){.sidebar-brand{display:block}.sidebar-brand .brand-mark{font-size:11px}}
@media(max-width:800px){.signup-shell{grid-template-columns:1fr;max-width:650px;margin:22px auto}.signup-story{min-height:200px}.signup-story-inner{padding:24px}.signup-story-copy{padding:22px 0 10px}.signup-story h1{font-size:29px;margin:10px 0}.signup-story h1 br{display:none}.signup-story-copy>p{font-size:12px}.signup-story-copy>p br,.signup-benefits,.signup-story-inner>small{display:none}.signup-form-area{padding:23px 28px 30px}.signup-topline{margin-bottom:24px}.signup-story .signup-brand{font-size:20px}}
@media(max-width:600px){.prototype-brand>span:last-child{font-size:12px}.prototype-brand em{display:none}.prototype-brand .brand-mark{font-size:9px}.prototype-tools{gap:1px}.signup-launch{font-size:10px;min-height:29px;padding:5px 8px;border-radius:8px}.signup-shell{margin:15px 12px 30px;border-radius:20px}.signup-story{min-height:185px}.signup-story-inner{padding:22px}.signup-story-copy{padding:16px 0 0}.signup-story h1{font-size:27px}.signup-story-copy .eyebrow{font-size:8px;letter-spacing:1px}.signup-story-copy>p{font-size:11px}.signup-story .signup-brand{font-size:18px;gap:9px}.signup-brand .brand-mark{width:34px;height:34px;font-size:10px}.signup-brand small{font-size:8px;letter-spacing:1px}.signup-form-area{padding:18px 19px 26px}.signup-topline{margin-bottom:22px}.signup-topline small,.signup-topline .btn{font-size:11px}.signup-progress{gap:5px;margin-bottom:27px}.signup-step>span{width:29px;height:29px;font-size:11px}.signup-step small{font-size:8px;line-height:1.6}.signup-step:not(:last-child):after{top:14px;left:68%;right:-32%}.signup-step-content>h2{font-size:22px}.signup-intro{font-size:11px;line-height:1.8;margin-bottom:22px}.signup-plan-grid{gap:10px}.signup-plan{padding:13px}.signup-plan.selected{padding:12px}.signup-plan strong{font-size:15px}.signup-plan-price{font-size:22px;margin:14px 0 10px}.signup-plan-description{font-size:9px}.signup-radio{height:17px;width:17px;font-size:10px}.signup-actions{gap:9px}.signup-actions .btn{font-size:12px;padding:10px 12px}.signup-review{padding:5px 14px}.review-line{font-size:11px;padding:13px 0}.review-line.total{font-size:13px}.review-line.total>strong{font-size:18px}.login-form>.brand{font-size:21px}.login-form .brand-mark{font-size:11px}.restaurant-identity>.brand-mark{font-size:10px}.signup-form-area .field-row{grid-template-columns:1fr}.signup-form-area .form-field{font-size:12px}.signup-form-area input{font-size:16px}}
.kitchen-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 25px}.kitchen-tabs>button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:13px}.kitchen-tabs>button.active{background:var(--ink);border-color:var(--ink);color:#fff}.kitchen-tabs>button.active .count-bubble{background:#ffffff20;color:#fff;margin:0}.kitchen-tabs>button .count-bubble{margin:0}.kitchen-shell #kitchen-panel{min-height:280px}@media(max-width:600px){.kitchen-tabs{gap:6px;margin-bottom:20px}.kitchen-tabs>button{flex:1;padding:10px 7px;gap:5px;font-size:11px}.kitchen-tabs .count-bubble{min-width:17px;height:18px;font-size:10px;padding:0 3px}.kitchen-shell #kitchen-panel>.section-title h2{font-size:20px}}
.payment-review-queue{margin-top:26px}.payment-review-card{background:#fffdf6;border:1px solid #ead9af;border-radius:17px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:22px;margin:13px 0}.payment-review-card h3{font-size:16px}.payment-review-card>.btn{flex-shrink:0}.payment-review-card .row strong{font-size:13px}@media(max-width:600px){.payment-review-card{display:block;padding:17px}.payment-review-card>.btn{width:100%;margin-top:18px;font-size:12px}.payment-review-card h3{font-size:15px}.payment-review-queue .section-title{align-items:start}.payment-review-queue .section-title .caption{font-size:11px}}
.qr-payment-box{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;margin:20px 0;gap:10px;text-align:center}.qr-payment-box h3{font:700 20px var(--heading)}.qr-payment-box canvas{width:160px;height:160px;image-rendering:pixelated;border:12px solid #fff;box-sizing:content-box}.qr-payment-box p{font-size:11px;color:var(--muted);margin:0}.qr-payment-box .bill-total{font-size:29px}
.btn{color:var(--ink)}.btn.primary,.btn.dark{color:#fff}.btn.danger{color:var(--red)}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{#prototype-bar,.sidebar,.admin-topbar,.mobile-admin-menu,.customer-nav,.restaurant-header,.mobile-cartbar,#overlay,#toast,.no-print,nav{display:none!important}.admin-shell,.bill-layout{display:block}.admin-main,.customer-body{padding:0}.panel{border:0;box-shadow:none}.qr-sheet{grid-template-columns:repeat(2,1fr)}.print-only{display:block}.qr-card{break-inside:avoid}body{background:#fff}.print-bill{max-width:78mm;margin:auto}.print-bill .btn{display:none}.print-bill .panel{padding:4px}.print-bill h2{font-size:18px}.print-bill .bill-card{margin-top:10px}.admin-page-title{display:none}.bill-layout>.panel:not(.print-bill){display:none}}