.screen{display:none;height:100%;height:100dvh;flex:1;flex-direction:column;min-height:0}.screen.active{display:flex}.screen-welcome{position:relative;overflow:hidden;background:#1a0a0a}.welcome-tap{flex:1;display:block;width:100%;height:100%;padding:0;margin:0;border:none;cursor:pointer;background:#1a0a0a}.welcome-tap:active{opacity:.98}.welcome-bg{width:100%;height:100%;object-fit:contain;object-position:center;display:block;pointer-events:none}.screen-service{position:relative;align-items:center;justify-content:center;padding:1.25rem 1rem;overflow:hidden;background:#b71c1c}.service-scene{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fdb813,#f7941d 22%,#e85d04 42%,#d71921 68%,#b71c1c);pointer-events:none}.service-scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:28px 28px;opacity:.45}.service-scene:after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:radial-gradient(ellipse 120% 80% at 50% 100%,rgba(255,120,0,.55),transparent 70%)}.btn-back-totem{position:absolute;top:1rem;left:1rem;z-index:3;border:3px solid #c0c0c0;border-radius:999px;padding:.55rem 1.1rem;font-weight:900;font-size:.95rem;color:#2d2d2d;cursor:pointer;background:linear-gradient(180deg,#fff,#ececec 55%,#d4d4d4);box-shadow:0 4px #8a8a8a,0 8px 16px #00000040,inset 0 1px #fffffff2}.btn-back-totem:active{transform:translateY(2px);box-shadow:0 2px #8a8a8a,0 4px 10px #0003,inset 0 1px #fffffff2}.service-panel{position:relative;z-index:2;width:min(480px,100%);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;max-height:100%}.service-title{margin:0 0 .5rem;font-size:clamp(1.85rem,5.5vw,2.45rem);font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.45)}.service-sub{margin:0 0 2rem;color:#ffffffeb;font-weight:700;font-size:clamp(1.05rem,3vw,1.2rem)}.service-options{display:grid;gap:1rem}.service-cta{display:flex;align-items:center;gap:1.15rem;width:100%;text-align:left;padding:1.35rem 1.4rem;border-radius:18px;cursor:pointer;border:4px solid #bdbdbd;background:linear-gradient(180deg,#fff,#efefef 48%,#d8d8d8);box-shadow:0 6px #7a7a7a,0 14px 28px #00000059,inset 0 2px #fffffff2;transition:transform .12s ease,box-shadow .12s ease}.service-cta:active{transform:translateY(4px);box-shadow:0 2px #7a7a7a,0 8px 16px #00000047,inset 0 2px #fffffff2}.service-cta-icon{font-size:2.75rem;line-height:1;flex-shrink:0;width:56px;text-align:center}.service-cta-copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.service-cta-copy strong{font-size:clamp(1.2rem,3.5vw,1.4rem);font-weight:900;color:#1a1a1a;text-transform:uppercase;letter-spacing:.02em}.service-cta-copy small{font-size:clamp(.95rem,2.8vw,1.05rem);font-weight:700;color:#5c5c5c}.service-footer{margin:2rem 0 0;font-size:.95rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ffffffbf}.btn-back-ghost{position:absolute;top:.75rem;left:.75rem;border:none;background:transparent;font-weight:800;color:var(--muted);cursor:pointer}.screen-menu{flex-direction:row;position:relative}.menu-sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--red-sidebar);display:flex;flex-direction:column;height:100%;overflow-y:auto;box-shadow:4px 0 16px #0000001f}.sidebar-brand{padding:.75rem .5rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.15)}.sidebar-brand img{width:100%;max-width:96px}.cat-nav{flex:1;display:flex;flex-direction:column;padding:.5rem 0 1rem;gap:.25rem}.cat-btn{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%;border:none;background:transparent;padding:.65rem .35rem;cursor:pointer;opacity:.88}.cat-btn.active{opacity:1;background:#0000001f}.cat-thumb{width:56px;height:56px;border-radius:50%;overflow:hidden;background:var(--white);border:3px solid rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;font-size:1.65rem}.cat-thumb img{width:100%;height:100%;object-fit:cover}.cat-label{font-size:.62rem;font-weight:900;color:var(--white);text-align:center;line-height:1.15}.menu-main{flex:1;display:flex;flex-direction:column;min-width:0;padding-bottom:var(--footer-h)}.menu-topbar{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;background:var(--white);border-bottom:1px solid var(--line)}.menu-section-title{flex:1;margin:0;font-size:1.15rem;font-weight:900;letter-spacing:.04em}.menu-badge{font-size:.75rem;font-weight:800;color:var(--red-dark);background:#ffebee;padding:.3rem .6rem;border-radius:999px}.menu-grid-wrap{flex:1;overflow-y:auto;padding:.75rem 1rem}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.product-card{position:relative;display:flex;border:1px solid var(--line);border-radius:12px;background:var(--white);cursor:pointer;text-align:left;padding:0;min-height:88px}.product-thumb{width:72px;flex-shrink:0;background:linear-gradient(145deg,#fff8e1,#ffecb3);display:flex;align-items:center;justify-content:center;font-size:2rem}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-info{flex:1;padding:.5rem .65rem;display:flex;flex-direction:column;justify-content:center}.product-info h3{margin:0 0 .25rem;font-size:.82rem;font-weight:800;text-transform:uppercase}.product-price{font-size:1rem;font-weight:900;color:var(--red)}.qty-badge{position:absolute;top:4px;right:4px;width:28px;height:28px;border-radius:50%;background:var(--yellow);font-weight:900;font-size:.85rem;display:flex;align-items:center;justify-content:center}.toast{position:fixed;top:1rem;left:calc(var(--sidebar-w) + 50%);transform:translate(-50%) translateY(-120%);background:var(--ink);color:var(--white);padding:.65rem 1rem;border-radius:999px;font-weight:700;z-index:200;transition:transform .3s}.toast.show{transform:translate(-50%) translateY(0)}.cart-footer{position:fixed;bottom:0;left:var(--sidebar-w);right:0;height:var(--footer-h);background:var(--yellow);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:50}.btn-confirm{border:none;background:var(--white);font-weight:900;padding:.85rem 1.25rem;border-radius:999px;cursor:pointer}.screen-checkout,.screen-processing,.screen-success{padding:1.5rem;overflow-y:auto;background:var(--cream);align-items:center;justify-content:flex-start}.checkout-box{width:min(520px,100%)}.order-lines{background:var(--white);border-radius:16px;margin-bottom:1rem}.order-line{display:flex;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--line)}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:1rem 0}.pay-btn{border:2px solid var(--line);background:var(--white);border-radius:12px;padding:1rem;font-weight:800;cursor:pointer}.pay-btn.selected{border-color:var(--red);background:#ffebee}.btn-pay{width:100%;border:none;background:var(--red);color:var(--white);font-weight:900;font-size:1.15rem;padding:1.15rem;border-radius:14px;cursor:pointer}.spinner{width:56px;height:56px;border:4px solid var(--line);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}.order-number{font-size:2.75rem;font-weight:900;color:var(--red)}.btn-new-order{margin-top:1.5rem;border:none;background:var(--yellow);font-weight:900;padding:1rem 1.75rem;border-radius:999px;cursor:pointer}.kiosk-loading{height:100%;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--muted)}.admin-root{min-height:100%;background:#f3f4f6}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:260px;background:linear-gradient(180deg,#c62828,#8e0000);color:#fff;padding:1.25rem 1rem;flex-shrink:0;display:flex;flex-direction:column;box-shadow:4px 0 24px #00000014}.admin-brand{display:flex;align-items:center;gap:.75rem;padding:.25rem .35rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:1rem}.admin-brand img{width:52px;height:52px;object-fit:contain}.admin-brand strong{display:block;font-size:1rem;line-height:1.2}.admin-brand span{font-size:.75rem;opacity:.85}.admin-nav{display:flex;flex-direction:column;gap:.35rem;flex:1}.admin-nav a{display:flex;align-items:center;gap:.65rem;color:#fff;text-decoration:none;font-weight:800;font-size:.92rem;padding:.7rem .85rem;border-radius:10px;transition:background .15s}.admin-nav a:hover{background:#ffffff14}.admin-nav a.active{background:#00000038;box-shadow:inset 0 0 0 1px #ffffff14}.admin-nav-icon{width:1.25rem;text-align:center}.admin-sidebar-foot{display:grid;gap:.65rem;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.15)}.admin-link-totem{color:#fff;font-weight:700;font-size:.85rem;text-decoration:none;opacity:.9}.btn-logout{border:none;background:#00000040;color:#fff;font-weight:800;padding:.65rem .85rem;border-radius:10px;cursor:pointer}.admin-main{flex:1;padding:1.5rem 1.75rem 2rem;overflow:auto}.admin-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.admin-page-header h2{margin:0 0 .25rem;font-size:1.65rem;font-weight:900;color:#111827}.admin-muted{margin:0;color:#6b7280;font-weight:600}.admin-actions-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.admin-select{padding:.55rem .75rem;border-radius:8px;border:1px solid #d1d5db;font-weight:700}.admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:0 1px 2px #0000000a}.admin-card-flush{padding:0;overflow:hidden}.admin-card-flush .admin-table th,.admin-card-flush .admin-table td{padding-left:1rem;padding-right:1rem}.admin-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.admin-card-head h3{margin:0;font-size:1.05rem}.admin-card-head a{color:var(--red);font-weight:800;text-decoration:none}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:.75rem .5rem;border-bottom:1px solid #eef0f2;font-size:.92rem}.admin-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;background:#fafafa}.admin-empty{padding:1.25rem;color:#6b7280;font-weight:600}.admin-form{display:grid;gap:.75rem;max-width:560px}.admin-form label{display:grid;gap:.35rem;font-weight:700;font-size:.9rem}.admin-form input,.admin-form select,.admin-form textarea{padding:.6rem .7rem;border:1px solid #d1d5db;border-radius:10px}.btn-primary{border:none;background:linear-gradient(180deg,#ef5350,#c62828);color:#fff;font-weight:800;padding:.65rem 1rem;border-radius:10px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn-secondary{border:1px solid #d1d5db;background:#fff;color:#111827;font-weight:800;padding:.65rem 1rem;border-radius:10px;cursor:pointer}.btn-sm{padding:.45rem .75rem;font-size:.85rem}.btn-danger{border:none;background:#7f1d1d;color:#fff;font-weight:800;padding:.45rem .75rem;border-radius:8px;cursor:pointer}.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem;margin-bottom:1.25rem}.dash-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:1rem;display:flex;gap:.85rem;align-items:flex-start;box-shadow:0 1px 2px #0000000a}.dash-card-icon{font-size:1.6rem;line-height:1;background:#fff5f5;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-card-label{margin:0;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:#6b7280}.dash-card-value{margin:.15rem 0 0;font-size:1.15rem;font-weight:900;color:#111827;line-height:1.25}.dash-card-hint{margin:.2rem 0 0;font-size:.85rem;color:#6b7280;font-weight:700}.status-pill{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.78rem;font-weight:800}.status-paid{background:#ecfdf5;color:#047857}.status-open,.status-paying{background:#fffbeb;color:#b45309}.status-failed{background:#fef2f2;color:#b91c1c}.admin-form-editing{border:2px solid var(--red);box-shadow:0 0 0 3px #e539351f}.admin-editing-badge{margin:0 0 .5rem;font-weight:800;color:var(--red-dark)}.admin-msg{font-weight:700;color:var(--red-dark)}.admin-row-active{background:#fff5f5}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffecb3,#ffcdd2 45%,#ef5350);padding:1rem}.admin-login form{width:min(400px,92vw);background:#fff;padding:1.75rem;border-radius:16px;border:1px solid #e5e7eb;display:grid;gap:1rem;box-shadow:0 20px 50px #0000001f}.admin-login h2{margin:0}@media(max-width:900px){.admin-shell{flex-direction:column}.admin-sidebar{width:100%}.admin-nav{flex-direction:row;flex-wrap:wrap}.admin-nav a{flex:1 1 auto}}:root{--red: #e53935;--red-dark: #b71c1c;--red-sidebar: #d32f2f;--yellow: #facc15;--cream: #fffbeb;--white: #ffffff;--ink: #1c1917;--muted: #78716c;--line: #e0e0e0;--panel: #f5f5f5;--sidebar-w: 132px;--footer-h: 80px;--font: "Nunito", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;height:100%;height:100dvh;min-height:100dvh;font-family:var(--font);color:var(--ink);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}html.kiosk-mode,html.kiosk-mode body,html.kiosk-mode #root{height:100%;height:100dvh;min-height:100dvh;max-height:100dvh;overflow:hidden;background:#1a0a0a}html.kiosk-mode body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button,input,select,textarea{font-family:inherit}.kiosk-root{height:100%;height:100dvh;min-height:0;overflow:hidden;background:var(--panel);-webkit-user-select:none;user-select:none;touch-action:manipulation}.admin-root{min-height:100%;background:#fafafa}