:root{--bg: #f7f4f2;--text: #1c1412;--muted: #6d625c;--line: #e7ddd7;--accent: #c62828;--ok: #2e7d32;--soft: #fff8f6;--font: "Manrope", sans-serif;--display: "Syne", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);background:radial-gradient(circle at top right,rgba(198,40,40,.08),transparent 40%),linear-gradient(180deg,#fff8f6 0%,var(--bg) 45%);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}.muted{color:var(--muted)}.eyebrow{margin:0;color:var(--accent);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem}.btn{border:1px solid rgba(198,40,40,.35);background:#fff;color:var(--accent);min-height:42px;padding:.55rem .9rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-ghost{background:#fff}.text-btn{border:0;background:transparent;color:var(--accent);font-weight:700;padding:.2rem .35rem}.ok-msg{color:var(--ok);margin:0}.pin-error{color:var(--accent);font-weight:600;margin:0}.lock-screen{min-height:100vh;display:grid;place-items:center;padding:1rem}.lock-card{width:min(420px,100%);display:flex;flex-direction:column;gap:.8rem;text-align:center;background:#fff;border:1px solid var(--line);padding:1.5rem;box-shadow:0 8px 28px #0000000f}.lock-card h1{font-family:var(--display);margin:0;font-size:1.6rem}.pin-dots{min-height:56px;border:1px solid var(--line);display:grid;place-items:center;letter-spacing:.35em;font-size:1.4rem;background:var(--soft)}.pin-dots.error{border-color:var(--accent);background:#fff5f5;color:var(--accent)}.numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.pad{min-height:56px;border:1px solid var(--line);background:#fff;font-size:1.05rem;font-weight:700;color:var(--accent)}.pad:active{background:var(--accent);color:#fff}.booking-entry-link{margin-top:.35rem}.spa-app{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto auto 1fr auto}.topbar{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0;z-index:20;flex-wrap:wrap}.topbar strong{color:var(--accent);font-family:var(--display)}.topbar span{display:block;color:var(--muted);font-size:.85rem}.topbar-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.shift-panel{display:flex;gap:.4rem}.shift-card{border:1px solid rgba(198,40,40,.3);background:#fff;color:var(--accent);padding:.35rem .6rem;min-width:120px;text-align:left}.shift-card span{display:block;font-size:.7rem;text-transform:uppercase}.shift-card strong{color:inherit;font-size:.85rem;font-family:var(--font)}.shift-card.active{background:var(--accent);color:#fff}.cashier-only .cashier-main{padding:.65rem .75rem 1rem}.spa-body{display:grid;grid-template-columns:120px 1fr;min-height:0}.side-nav{border-right:1px solid var(--line);background:#fff;padding:.5rem;display:flex;flex-direction:column;gap:.35rem}.side-nav button{border:0;border-left:3px solid transparent;background:transparent;text-align:left;padding:.7rem .55rem;color:var(--muted);font-weight:700}.side-nav button.active{border-left-color:var(--c, var(--accent));color:var(--text);background:#fff5f5}.spa-main{padding:1rem;min-width:0}.mobile-strip,.bottom-nav{display:none}.session-alerts{background:#fff5f5;border-bottom:1px solid rgba(198,40,40,.25);padding:.65rem 1rem;color:#7a1f1f}.module{display:flex;flex-direction:column;gap:1rem}.module-split{display:grid;gap:1rem}@media(min-width:768px){.module-split{grid-template-columns:1.25fr .95fr}}@media(min-width:1101px){.module-split{grid-template-columns:1.4fr .9fr}}.toolbar{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.form-card,.cart-panel{border:1px solid var(--line);background:#fff;padding:1rem;display:flex;flex-direction:column;gap:.7rem}.form-grid{display:grid;gap:.65rem}@media(min-width:700px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:960px){.form-grid{grid-template-columns:repeat(3,1fr)}}label{display:flex;flex-direction:column;gap:.35rem;color:var(--muted);font-size:.82rem}label input,label select,.toolbar input{width:100%;min-height:42px;background:#fff;border:1px solid var(--line);padding:.55rem .7rem}.row-btns{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.fee-banner{margin:0 0 .5rem;padding:.45rem .65rem;background:#fff5f5;border:1px solid rgba(198,40,40,.28);color:#7a1f1f;font-size:.85rem}.pos-tabs{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.55rem}.pos-tabs button{min-height:34px;border:1px solid rgba(198,40,40,.3);background:#fff;color:var(--accent);padding:.28rem .55rem;font-weight:700;font-size:.82rem}.pos-tabs button.active{background:var(--accent);color:#fff}.pos-sections{display:grid;gap:.65rem}.pos-section h3{margin:0 0 .35rem;font-family:var(--display);font-size:.92rem}.pos-section h3 small{color:var(--accent);font-family:var(--font);font-weight:600;font-size:.75rem}.pos-shell{display:flex;flex-direction:column;gap:.75rem}.pos-booking-banner{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:baseline;border:1px solid rgba(198,40,40,.35);background:#fff5f5;padding:.65rem .85rem}.pos-booking-banner strong{color:var(--accent)}.check-row{display:flex;align-items:center;gap:.5rem;font-weight:600}.check-row input{width:auto;min-height:auto}.pos-full .product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:.35rem}.pos-full .product-card{min-height:58px;border:1px solid var(--line);background:#fff;padding:.45rem .55rem;text-align:left;display:flex;flex-direction:column;justify-content:space-between;font-size:.82rem}.pos-full .product-card strong{color:var(--accent);font-size:.88rem}.pos-full .cart-panel{padding:.75rem;gap:.5rem}.pos-full .cart-panel h3{margin:0;font-size:1rem}.pos-full .cart-panel label{font-size:.75rem;gap:.2rem}.pos-full .cart-panel input,.pos-full .cart-panel select{min-height:38px;padding:.4rem .55rem;font-size:.88rem}.pos-session-grid{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.pos-session-grid label:first-child{grid-column:1 / -1}.pos-locker-block{display:flex;flex-direction:column;gap:.35rem}.pos-locker-head{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem}.pos-locker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.28rem}.pos-locker-cell{min-height:44px;border:1px solid rgba(46,125,50,.35);background:#f4faf5;color:#1b5e20;padding:.25rem .15rem;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.68rem}.pos-locker-cell strong{font-size:.78rem}.pos-locker-cell.selected{border-color:var(--accent);background:#fff5f5;color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.pos-locker-cell.busy{border-color:#c628288c;background:#ffebee;color:#c62828;cursor:not-allowed}.pos-locker-cell.service{border-color:var(--line);background:#f5f5f5;color:var(--muted);cursor:not-allowed;opacity:.7}.cart-lines{display:flex;flex-direction:column;gap:.45rem;max-height:28vh;overflow:auto}.cart-line{display:grid;grid-template-columns:1fr auto auto;gap:.5rem;align-items:center;border-bottom:1px solid var(--line);padding:.35rem 0}.qty{display:flex;gap:.3rem}.qty button{min-width:32px;min-height:32px;border:1px solid rgba(198,40,40,.35);background:#fff;color:var(--accent)}.cart-sub,.cart-total{display:flex;justify-content:space-between}.cart-sub.fee{color:var(--accent)}.cart-total{border-top:1px solid var(--line);padding-top:.5rem;font-size:1.1rem}.cart-total strong{color:var(--accent);font-family:var(--display);font-size:1.4rem}.admin-hint{font-size:.75rem;margin:0}.receipt-overlay{position:fixed;inset:0;background:#140a0873;display:grid;place-items:center;padding:1rem;z-index:50}.receipt-modal{width:min(480px,100%);background:#fff;border:1px solid var(--line);padding:1rem;display:flex;flex-direction:column;gap:.75rem;max-height:92vh;overflow:auto}.receipt-head{display:flex;justify-content:space-between;gap:.75rem;align-items:flex-start}.receipt-head h2{margin:.2rem 0 0;font-family:var(--display)}.receipt-ticket{border:1px dashed var(--line);padding:.85rem}.receipt-brand{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.6rem}.receipt-brand strong{color:var(--accent)}.receipt-meta{display:grid;gap:.25rem;font-size:.9rem}.receipt-meta div{display:flex;justify-content:space-between;gap:.5rem}.receipt-lines{list-style:none;padding:0;margin:.7rem 0;display:grid;gap:.35rem}.receipt-lines li{display:flex;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--line);padding-bottom:.3rem}.receipt-total{display:flex;justify-content:space-between;font-size:1.2rem}.receipt-total strong{color:var(--accent)}.receipt-actions{display:flex;gap:.5rem;flex-wrap:wrap}.receipt-qr{display:grid;place-items:center;gap:.25rem;margin-top:.75rem;text-align:center}.admin-approve-modal{width:min(400px,100%)}.return-modal{width:min(520px,100%)}.return-lines{display:flex;flex-direction:column;gap:.5rem;max-height:40vh;overflow:auto}.return-line{display:flex;justify-content:space-between;gap:.75rem;align-items:center;border-bottom:1px solid var(--line);padding:.4rem 0}.return-qty{flex-direction:row;align-items:center;gap:.4rem;min-width:110px}.return-qty input{width:64px;min-height:36px!important;text-align:center}.cash-quick{display:flex;gap:.4rem;flex-wrap:wrap}.cash-change-box{display:flex;justify-content:space-between;padding:.7rem;border:1px solid var(--line)}.cash-change-box.ok{background:#e8f5e9}.cash-change-box.bad{background:#fff5f5;color:var(--accent)}.dash{display:grid;gap:1rem}.dash-head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.dash-head h1{margin:.2rem 0;font-family:var(--display)}.admin-live{border:1px solid var(--line);background:#fff;padding:1rem;display:grid;gap:.75rem}.admin-live-head{display:flex;justify-content:space-between;gap:.75rem;align-items:baseline}.admin-live-head h2{margin:0;font-size:1.1rem}.admin-ending{background:#fff5f5;border:1px solid rgba(198,40,40,.28);padding:.65rem .8rem}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--line);font-size:.9rem}.row-warn{background:#c628280f}.row-urgent{background:#c628281f}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.65rem}.kpi{border:1px solid var(--line);background:#fff;padding:.85rem;text-align:left;display:grid;gap:.35rem}.kpi strong{font-family:var(--display);font-size:1.3rem;color:var(--accent)}.kpi.green strong{color:var(--ok)}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.65rem}.tile{border:1px solid var(--line);background:#fff;padding:.9rem;text-align:left;border-top:3px solid var(--c, var(--accent))}.tile strong{display:block;margin-bottom:.25rem}.audit-mini{margin:0;padding-left:1.1rem;display:grid;gap:.35rem}.online-bookings{border-color:#c6282847}.online-bookings a{color:var(--accent)}.pin-code{font-family:ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;font-weight:700;color:var(--accent)}.access-codes{margin-bottom:.5rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto;border-top:1px solid var(--line);background:#fff}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:.7rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.booking-page{min-height:100vh;display:grid;place-items:center;padding:1.25rem;background:radial-gradient(circle at top right,rgba(198,40,40,.12),transparent 40%),linear-gradient(180deg,#fff5f5,#fff 55%)}.booking-card{width:min(460px,100%);background:#fff;border:1px solid rgba(198,40,40,.28);padding:1.25rem;display:grid;gap:.85rem;box-shadow:0 12px 32px #b71c1c14}.booking-card h1{margin:0;font-family:var(--display)}.booking-form,.booking-done{display:grid;gap:.75rem}.booking-form input,.booking-form select{min-height:48px;border:1px solid var(--line);padding:.65rem .75rem;background:#fff}.booking-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.booking-sum{display:flex;justify-content:space-between;padding:.75rem .85rem;background:#fff5f5;border:1px solid rgba(198,40,40,.28)}.booking-sum strong{color:var(--accent);font-size:1.25rem}.booking-done h2{margin:0;color:var(--ok)}.locker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.locker{border:1px solid var(--line);padding:.7rem;min-height:84px;display:flex;flex-direction:column;gap:.2rem;background:#fff}.locker.free{border-color:#2e7d3259}.locker.busy{border-color:#c6282873;background:#c628280d}.locker.service{opacity:.55}.monitor-page{min-height:100vh;padding:1rem;background:#111;color:#fff}.monitor-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.monitor-head .eyebrow{color:#ff8a80}.monitor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.monitor-card{background:#1d1d1d;border:1px solid #333;padding:1rem;display:grid;gap:.35rem}.monitor-card.warn{border-color:#ff9800}.monitor-card.urgent{border-color:#f44336;background:#3b1515}.monitor-locker{color:#ff8a80;font-weight:800}@media(pointer:coarse){.btn{min-height:48px;padding:.65rem 1rem}.pad{min-height:64px;font-size:1.15rem}.qty button{min-width:40px;min-height:40px}.pos-tabs button{min-height:42px;padding:.4rem .75rem;font-size:.9rem}.pos-full .product-card{min-height:72px;font-size:.9rem;padding:.55rem .65rem}.pos-locker-cell{min-height:52px;font-size:.75rem}.text-btn{min-height:40px;padding:.35rem .55rem}.tile,.kpi{min-height:88px}}@media(min-width:701px)and (max-width:1100px){.hide-tablet{display:none!important}.spa-app{grid-template-rows:auto auto 1fr}.spa-body{grid-template-columns:92px 1fr}.side-nav{display:flex;position:sticky;top:0;align-self:start;max-height:100dvh;overflow:auto;padding:.4rem .3rem;gap:.25rem}.side-nav button{border-left:0;border-bottom:3px solid transparent;text-align:center;font-size:.72rem;line-height:1.15;padding:.7rem .3rem;border-radius:4px}.side-nav button.active{border-left-color:transparent;border-bottom-color:var(--c, var(--accent));background:#fff5f5}.mobile-strip,.bottom-nav{display:none!important}.topbar{padding:.7rem .85rem;gap:.65rem}.topbar-actions .btn{min-height:40px;padding:.45rem .7rem;font-size:.88rem}.shift-card{min-width:100px}.spa-main{padding:.85rem 1rem 1.25rem}.cashier-only .cashier-main{padding:.75rem .9rem 1.1rem}.pos-full .product-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.45rem}.pos-locker-grid{grid-template-columns:repeat(5,1fr)}.cart-lines{max-height:34vh}.cart-panel{position:sticky;top:.5rem;max-height:calc(100dvh - 7rem);overflow:auto}.kpi-grid{grid-template-columns:repeat(4,1fr)}.tile-grid{grid-template-columns:repeat(3,1fr)}.admin-table-wrap,.table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}.admin-table th,.admin-table td,table th,table td{white-space:nowrap}.booking-card{width:min(560px,100%);padding:1.5rem}.booking-form input,.booking-form select{min-height:52px}.lock-card{width:min(460px,100%)}.monitor-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.dash-head .chef-actions{gap:.45rem}.dash-head .chef-actions .btn{min-height:44px}}@media(min-width:701px)and (max-width:1100px)and (orientation:landscape){.module-split.pos-full{grid-template-columns:1.35fr .85fr;align-items:start;min-height:calc(100dvh - 8rem)}.pos-full .product-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.pos-locker-grid{grid-template-columns:repeat(6,1fr)}.cart-lines{max-height:28vh}.topbar span{font-size:.8rem}}@media(max-width:700px){.spa-body{grid-template-columns:1fr}.side-nav{display:none}.mobile-strip{display:flex;gap:.35rem;overflow:auto;padding:.5rem .75rem;border-bottom:1px solid var(--line);background:#fff;-webkit-overflow-scrolling:touch}.mobile-strip button{border:1px solid var(--line);background:#fff;padding:.55rem .8rem;min-height:44px;white-space:nowrap}.mobile-strip button.active{border-color:var(--accent);color:var(--accent)}.bottom-nav{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);background:#fff;position:sticky;bottom:0;padding-bottom:env(safe-area-inset-bottom,0);z-index:20}.bottom-nav button{border:0;background:transparent;padding:.55rem .2rem;font-size:.68rem;color:var(--muted);display:grid;gap:.2rem;place-items:center;min-height:52px}.bottom-nav button.active{color:var(--accent)}.bottom-nav i{width:8px;height:8px;border-radius:50%;display:block}.pos-locker-grid{grid-template-columns:repeat(4,1fr)}.module-split{grid-template-columns:1fr}.kpi-grid,.tile-grid{grid-template-columns:repeat(2,1fr)}.topbar-actions .btn-ghost:not(:last-child){display:none}.spa-main{padding:.75rem .75rem 1rem}.booking-card{width:100%}.booking-row{grid-template-columns:1fr}}@media(min-width:701px)and (max-width:900px)and (orientation:portrait){.module-split.pos-full{grid-template-columns:1fr}.pos-full .cart-panel{position:static;max-height:none}.kpi-grid,.tile-grid{grid-template-columns:repeat(2,1fr)}.pos-locker-grid{grid-template-columns:repeat(4,1fr)}}