:root{--ink:#24241f;--muted:#78756d;--line:#e8e3d9;--paper:#fbfaf6;--surface:#fff;--forest:#183d30;--forest-2:#245744;--sage:#dfeadf;--gold:#aa823e;--amber:#f3e5bd;--red:#9e443f;--rose:#f5e1de;--shadow:0 22px 70px rgba(40,35,24,.14);--radius:20px}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-feature-settings:"ss01" 1,"cv02" 1}body{margin:0;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--forest);color:white;padding:26px 18px;display:flex;flex-direction:column;z-index:4}.identity{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;padding:0 8px 28px}.identity strong{font:700 23px "Playfair Display",serif;display:block;line-height:1}.identity small{display:block;opacity:.65;margin-top:5px;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.monogram,.brand-mark{display:grid;place-items:center;background:#f0e7d5;color:var(--forest);font:700 23px "Playfair Display";border-radius:50%;width:42px;height:42px;box-shadow:inset 0 0 0 1px #ffffff30}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#d3ded8;border-radius:12px;padding:12px 13px;text-align:left;display:flex;align-items:center;gap:12px;font-weight:600}.nav-item:hover,.nav-item.active{background:#ffffff15;color:white}.sidebar-foot{margin-top:auto;border-top:1px solid #ffffff20;padding:20px 9px 0;color:#c9d7d0;font-size:12px;display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center}.sidebar-foot a{grid-column:1/3;color:#c9d7d0;margin-top:10px}.live-dot{width:8px;height:8px;border-radius:50%;background:#77d59d;box-shadow:0 0 0 4px #77d59d22}main{padding:38px 42px 60px;min-width:0}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:var(--gold);margin:0 0 7px}.topbar h1,.drawer-head h2{font:700 36px/1.05 "Playfair Display",serif;margin:0;letter-spacing:-.025em}.subtitle,.section-heading p,.muted{color:var(--muted);margin:8px 0 0;font-size:14px}.top-actions{display:flex;align-items:center;gap:14px}.last-updated{font-size:12px;color:var(--muted)}button.primary,button.secondary,button.danger,button.danger-soft,.whatsapp-button,.action-button{border-radius:12px;padding:11px 15px;border:1px solid transparent;font-weight:700;font-size:13px}.primary,.action-button{background:var(--forest);color:#fff}.secondary{background:#fff;border-color:var(--line)!important;color:var(--ink)}.danger{background:var(--red);color:#fff}.danger-soft{background:var(--rose);color:var(--red)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #caa75e;outline-offset:2px}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:34px}.metric-row article{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px;display:flex;align-items:flex-end;justify-content:space-between;min-height:98px}.metric-row span{color:var(--muted);font-size:12px;font-weight:600;max-width:110px}.metric-row strong{font:700 34px "Playfair Display"}.metric-row .attention{background:#fffaf0;border-color:#ead8aa}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section-heading h2{font-size:19px;margin:0}.legend{display:flex;gap:15px;font-size:11px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:50%;background:#cdc8bd}.legend i.active{background:#78a28c}.legend i.order{background:#c49a4b}.legend i.alert{background:#b9534c}.table-grid{display:grid;grid-template-columns:repeat(4,minmax(185px,1fr));gap:16px}.table-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:18px;text-align:left;min-height:166px;position:relative;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}.table-card:hover{transform:translateY(-3px);box-shadow:0 12px 35px #312e2612}.table-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#d3cec4}.table-card[data-status=ACTIVE]:before{background:#79a38c}.table-card[data-status=ORDERING]:before{background:var(--gold)}.table-card[data-status=WAITER_REQUESTED]:before{background:var(--red)}.table-card[data-status=BILL_REQUESTED]:before{background:#604b89}.table-card .status{font-size:10px;letter-spacing:.12em;font-weight:800;color:var(--muted)}.table-card h3{margin:25px 0 5px;font:700 24px "Playfair Display"}.table-card p{margin:0;color:var(--muted);font-size:12px}.table-card .card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:19px}.table-card .count{font-size:11px;color:var(--muted)}.pulse{width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 #b9534c80;animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px #b9534c00}100%{box-shadow:0 0 0 0 #b9534c00}}.scrim{position:fixed;inset:0;background:#18201950;backdrop-filter:blur(2px);z-index:8}.table-drawer{position:fixed;top:0;right:0;width:min(650px,100vw);height:100vh;background:var(--paper);z-index:9;box-shadow:-30px 0 80px #1917102e;transform:translateX(105%);transition:transform .42s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.table-drawer.open{transform:translateX(0)}.drawer-head{background:var(--surface);border-bottom:1px solid var(--line);padding:25px 28px;display:flex;justify-content:space-between;align-items:flex-start}.drawer-head h2{font-size:29px}.drawer-head p:last-child{color:var(--muted);font-size:12px;margin:7px 0 0}.icon-button{border:1px solid var(--line);background:#fff;border-radius:50%;width:40px;height:40px;font-size:25px;line-height:1}.drawer-content{display:flex;flex-direction:column;min-height:0;flex:1}.drawer-tabs{padding:0 28px;background:#fff;display:flex;gap:24px;border-bottom:1px solid var(--line)}.drawer-tabs button{border:0;background:transparent;padding:15px 2px 13px;color:var(--muted);font-weight:700;font-size:12px;border-bottom:2px solid transparent}.drawer-tabs button.active{color:var(--forest);border-bottom-color:var(--forest)}.tab-panel{overflow:auto;padding:24px 28px;flex:1}.conversation-panel{display:flex;flex-direction:column;background:#e9e3d8;background-image:radial-gradient(#8a806d18 .7px,transparent .7px);background-size:12px 12px}.chat{flex:1;display:flex;flex-direction:column;gap:8px;padding-bottom:20px}.bubble{max-width:78%;padding:10px 12px 7px;border-radius:10px;background:#fff;box-shadow:0 1px 1px #00000013;font-size:13px;line-height:1.4;white-space:pre-wrap}.bubble.user{align-self:flex-start;border-top-left-radius:2px}.bubble.assistant{align-self:flex-end;background:#d7f6c9;border-top-right-radius:2px}.bubble .time{display:block;text-align:right;color:#817e78;font-size:9px;margin-top:4px}.message-box{display:flex;background:#f7f4ef;border-radius:14px;padding:7px;gap:8px;box-shadow:0 8px 25px #28241912;position:sticky;bottom:0}.message-box textarea{resize:none;flex:1;border:0;background:transparent;padding:10px;outline:0;max-height:90px}.whatsapp-button{background:#1d914c;color:white;align-self:flex-end}.drawer-empty{text-align:center;padding:80px 40px;color:var(--muted)}.drawer-empty h3{color:var(--ink);font:700 24px "Playfair Display";margin:14px 0 8px}.empty-icon{font-size:50px;color:#b9b1a2}.panel-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:14px}.panel-card h3{margin:0 0 12px;font-size:14px}.line-item{display:grid;grid-template-columns:1fr auto;gap:5px;padding:10px 0;border-bottom:1px solid #efebe3;font-size:13px}.line-item:last-child{border:0}.line-item small{grid-column:1;color:var(--muted)}.order-head,.bill-row{display:flex;justify-content:space-between;gap:15px;align-items:center}.status-chip{font-size:10px;font-weight:800;letter-spacing:.08em;border-radius:99px;background:var(--amber);color:#665221;padding:5px 8px}.button-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.button-row button{flex:1;min-width:120px}.bill-total{font:700 30px "Playfair Display";margin:18px 0}.bill-row{padding:7px 0;color:var(--muted);font-size:13px}.bill-row strong{color:var(--ink)}.menu-toolbar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.search{font-size:11px;color:var(--muted);font-weight:700;width:min(440px,100%)}.search input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}.demo-badge{font-size:10px;font-weight:800;letter-spacing:.1em;background:var(--amber);color:#665221;padding:7px 10px;border-radius:99px}.menu-list{columns:3 280px;column-gap:16px}.menu-category{break-inside:avoid;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;margin-bottom:16px}.menu-category h2{font:700 21px "Playfair Display";margin:0 0 10px}.menu-item{padding:11px 0;border-bottom:1px solid #eee9df}.menu-item:last-child{border:0}.menu-item div{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:700}.menu-item p{color:var(--muted);font-size:11px;line-height:1.45;margin:5px 0 0}.toast-region{position:fixed;right:20px;bottom:20px;display:grid;gap:8px;z-index:20}.toast{background:#24241f;color:#fff;border-radius:12px;padding:13px 16px;box-shadow:var(--shadow);font-size:13px;max-width:360px;animation:toast-in .25s ease}.toast.success{background:var(--forest)}.toast.error{background:var(--red)}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}}dialog{border:0;border-radius:20px;padding:0;max-width:430px;box-shadow:var(--shadow)}dialog::backdrop{background:#17221c80}dialog form{padding:28px}dialog h2{font:700 26px "Playfair Display";margin:0}dialog p:not(.eyebrow){color:var(--muted);line-height:1.5}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.login{background:linear-gradient(135deg,#f3eee3,#fbfaf6);display:grid;place-items:center;min-height:100vh;padding:22px}.login-card{background:#fff;border:1px solid var(--line);border-radius:24px;width:min(390px,100%);padding:36px;box-shadow:var(--shadow);text-align:center}.login-card .brand-mark{margin:0 auto 20px;background:var(--forest);color:white;width:52px;height:52px}.login-card h1{font:700 30px "Playfair Display";margin:0}.login-card form{display:grid;gap:14px;text-align:left;margin-top:28px}.login-card label{font-size:12px;color:var(--muted);font-weight:700}.login-card input{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;margin-top:6px}.form-error{background:var(--rose);color:var(--red);border-radius:10px;padding:10px;font-size:12px}.login-card button{width:100%;padding:13px}
.qr-intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.qr-intro h2{font:700 27px "Playfair Display";margin:0}.qr-intro p:last-child{color:var(--muted);margin:7px 0 0}.qr-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px}.qr-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;text-align:center}.qr-card img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;background:#fffdf8}.qr-card h3{font:700 20px "Playfair Display";margin:11px 0 3px}.qr-card p{font-size:11px;color:var(--muted);margin:0 0 12px}.qr-card a{display:block;text-decoration:none;color:#fff;background:var(--forest);border-radius:10px;padding:10px;font-size:12px;font-weight:700}
@media(max-width:1050px){.shell{grid-template-columns:78px 1fr}.identity span:last-child,.nav-item span:last-child,.sidebar-foot span:not(.live-dot),.sidebar-foot a{display:none}.identity{padding-left:0;justify-content:center}.sidebar{padding-inline:12px}.nav-item{justify-content:center;font-size:20px}.table-grid{grid-template-columns:repeat(3,minmax(170px,1fr))}.metric-row{grid-template-columns:repeat(2,1fr)}.qr-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.shell{display:block}.sidebar{height:66px;position:sticky;padding:10px 15px;flex-direction:row;align-items:center}.identity{padding:0;margin-right:auto}.identity span:last-child{display:block}.sidebar nav{display:flex}.nav-item{padding:10px}.sidebar-foot{display:none}main{padding:24px 16px 80px}.topbar{align-items:flex-start}.topbar h1{font-size:31px}.top-actions{display:grid;justify-items:end}.last-updated{display:none}.metric-row{grid-template-columns:repeat(2,1fr);gap:9px}.metric-row article{min-height:84px;padding:14px}.metric-row strong{font-size:29px}.section-heading{align-items:flex-start}.legend{display:none}.table-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.table-card{min-height:145px;padding:15px}.table-card h3{font-size:20px}.table-drawer{width:100vw}.drawer-head,.tab-panel{padding-left:17px;padding-right:17px}.drawer-tabs{padding:0 17px}.menu-list{columns:1}.bubble{max-width:88%}.qr-grid{grid-template-columns:repeat(2,1fr)}.qr-intro{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}