@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,[data-theme=dark]{--bg: #0D0B0A;--bg-tint: #14100E;--surface: #191413;--surface-2: #221B18;--surface-3: #2B221E;--line: #342A25;--line-soft: #251E1A;--text: #F7F1EA;--muted: #AFA096;--faint: #7C6E65;--red: #E8272C;--red-ink: #FF6E71;--yellow: #FFC42E;--yellow-ink: #FFC42E;--green: #46C46A;--green-ink: #5FD883;--price: #FFC42E;--hero-a: #2E1512;--hero-b: #191413;--hero-edge: #4C201C;--cart-bg: #14100E;--sheet-bg: #191413;--tab-bg: rgba(13, 11, 10, .94);--toast-bg: #241C18;--overlay: rgba(0, 0, 0, .72);--shadow-lift: 0 10px 34px rgba(0, 0, 0, .55);--shadow-soft: 0 2px 10px rgba(0, 0, 0, .4);--tile-grad: linear-gradient(163deg, #1F1917, #171211 72%);--on-yellow: #241800;--on-red: #FFFFFF}[data-theme=light]{--bg: #F4F4F6;--bg-tint: #EDEDF1;--surface: #FFFFFF;--surface-2: #F3F3F6;--surface-3: #EAEAEF;--line: #E6E6EB;--line-soft: #F0F0F3;--text: #14100E;--muted: #6A6560;--faint: #9C9791;--red: #DE1A1F;--red-ink: #C41519;--yellow: #FFC42E;--yellow-ink: #9A5600;--green: #12A150;--green-ink: #0E7C3E;--price: #14100E;--hero-a: #FFF4E6;--hero-b: #FFFFFF;--hero-edge: #F2DCC0;--cart-bg: #FFFFFF;--sheet-bg: #FFFFFF;--tab-bg: rgba(255, 255, 255, .96);--toast-bg: #FFFFFF;--overlay: rgba(20, 16, 14, .38);--shadow-lift: 0 12px 32px rgba(24, 20, 16, .14);--shadow-soft: 0 1px 3px rgba(24, 20, 16, .07);--tile-grad: #FFFFFF;--on-yellow: #241800;--on-red: #FFFFFF}:root{--radius: 18px;--radius-s: 12px;--display: "Outfit Variable", system-ui, sans-serif;--body: "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased}html{transition:background-color .2s ease}body{overscroll-behavior-y:contain}input,select,textarea,button{font-family:var(--body);font-size:16px;color:var(--text)}input,select,textarea{background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--radius-s);padding:12px 14px;width:100%;outline:none;transition:border-color .15s ease}input::placeholder,textarea::placeholder{color:var(--faint)}input:focus,select:focus,textarea:focus{border-color:var(--red)}input[type=date]{color-scheme:light dark}button{border:none;cursor:pointer;background:none;padding:0}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:2px}h1,h2,h3,h4{margin:0}.app{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.screen{flex:1;padding:10px 14px 112px}.logo{display:block;width:auto}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(var(--bg) 72%,transparent)}.wordmark{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:-.3px;line-height:1.15}.wordmark small{display:block;font-family:var(--body);font-weight:600;font-size:9.5px;color:var(--faint);letter-spacing:1.5px;margin-bottom:3px;text-transform:uppercase}.topbar .who{margin-left:auto;text-align:right;font-size:11px;color:var(--faint);line-height:1.35}.topbar .who b{display:block;color:var(--text);font-size:13px;font-weight:700}.themebtn{width:36px;height:36px;border-radius:999px;flex:none;background:var(--surface-2);border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:15px}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:center;gap:2px;background:var(--tab-bg);border-top:1.5px solid var(--line);padding:7px 6px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tabbar button{flex:1;max-width:108px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 2px 6px;border-radius:13px;color:var(--faint);font-size:10.5px;font-weight:600;white-space:nowrap}.tabbar button .ic{font-size:19px;line-height:1.15;filter:grayscale(1);opacity:.5}.tabbar button.on{color:var(--text);background:var(--surface-2);font-weight:700}.tabbar button.on .ic{filter:none;opacity:1}.card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:15px;margin-bottom:12px;box-shadow:var(--shadow-soft)}.card h3{display:flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:11px}.card h3:before{content:"";width:3px;height:13px;border-radius:2px;background:var(--red);flex:none}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:12px}.mt{margin-top:10px}.divider{height:1.5px;background:var(--line-soft);margin:11px 0}.money{font-weight:800;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.2px}.chip{padding:9px 14px;border-radius:999px;background:var(--surface-2);border:1.5px solid var(--line);color:var(--muted);font-weight:600;font-size:13px;transition:all .12s ease}.chip.on{background:var(--yellow);border-color:var(--yellow);color:var(--on-yellow);font-weight:700}.chip.danger.on{background:var(--red);border-color:var(--red);color:var(--on-red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-s);padding:13px 16px;font-weight:700;font-size:14.5px;background:var(--surface-2);border:1.5px solid var(--line);color:var(--text);transition:transform .06s ease}.btn:active{transform:scale(.975)}.btn.red{background:var(--red);border-color:var(--red);color:var(--on-red);box-shadow:var(--shadow-soft)}.btn.yellow{background:var(--yellow);border-color:var(--yellow);color:var(--on-yellow);box-shadow:var(--shadow-soft)}.btn.ghost{background:transparent}.btn.sm{padding:8px 12px;font-size:12.5px;border-radius:10px}.btn.block{width:100%}.btn:disabled{opacity:.42}.groups{display:flex;gap:8px;overflow-x:auto;padding:2px 14px 12px;margin:0 -14px;scrollbar-width:none}.groups::-webkit-scrollbar{display:none}.groups .chip{flex:none}.grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.tile{position:relative;text-align:left;background:var(--tile-grad);border:1.5px solid var(--line);border-radius:var(--radius);padding:13px;min-height:128px;display:flex;flex-direction:column;gap:7px;box-shadow:var(--shadow-soft);transition:transform .07s ease}.tile:active{transform:scale(.965)}.tile .em{width:44px;height:44px;border-radius:14px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1}.tile.combo .em{background:#de1a1f1a}.tile .nm{font-weight:600;font-size:13.5px;line-height:1.3;letter-spacing:-.1px}.tile .pr{margin-top:auto;font-family:var(--display);font-weight:800;font-size:21px;color:var(--price);letter-spacing:-.5px;line-height:1}.tile .pr u{font-family:var(--body);font-size:10px;font-weight:600;color:var(--faint);text-decoration:none;letter-spacing:.6px;margin-left:3px}.tile.combo{border-color:var(--hero-edge);background:linear-gradient(160deg,var(--hero-a),var(--surface) 66%)}.tile.combo:after{content:"COMBO";position:absolute;top:11px;right:11px;font-size:8.5px;font-weight:800;letter-spacing:1px;color:var(--on-red);background:var(--red);padding:3px 7px;border-radius:999px}.tile .qtybadge{position:absolute;top:-8px;left:-8px;min-width:28px;height:28px;border-radius:999px;background:var(--yellow);color:var(--on-yellow);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0 7px;box-shadow:var(--shadow-lift);border:2px solid var(--bg)}.tile.out{opacity:.42}.tile.out .soldout{position:absolute;right:12px;bottom:14px;font-size:9.5px;font-weight:800;letter-spacing:1px;color:var(--red-ink)}.tile.marking{border-color:var(--yellow);border-style:dashed}.cartwrap{position:fixed;left:0;right:0;bottom:calc(62px + env(safe-area-inset-bottom));z-index:35;padding:0 10px;display:flex;justify-content:center}.cart{width:100%;max-width:540px;background:var(--cart-bg);border:1.5px solid var(--line);border-radius:20px;padding:13px;box-shadow:var(--shadow-lift)}.cartline{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:14px}.cartline .nm{flex:1;font-weight:600}.qty{display:flex;align-items:center;gap:3px}.qty button{width:33px;height:33px;border-radius:10px;background:var(--surface-2);border:1.5px solid var(--line);font-size:17px;font-weight:700;color:var(--text)}.qty span{min-width:26px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}.paybtns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.paybtn{border-radius:15px;padding:15px 8px;text-align:center;transition:transform .06s ease;box-shadow:var(--shadow-soft)}.paybtn:active{transform:scale(.97)}.paybtn .lbl{font-family:var(--display);font-weight:800;font-size:16px;letter-spacing:-.2px}.paybtn .sub{font-size:10px;font-weight:700;letter-spacing:1.3px;margin-top:3px;opacity:.82}.paybtn.cash{background:var(--yellow);color:var(--on-yellow)}.paybtn.bank{background:var(--red);color:var(--on-red)}.carttotal{font-family:var(--display);font-weight:800;font-size:26px;letter-spacing:-.8px}.gate{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:24px 20px 40px;max-width:460px;margin:0 auto;position:relative}.gate .brand{text-align:center;margin-bottom:26px}.gate .brand .logo{margin:0 auto 16px}.gate .brand p{color:var(--faint);font-size:10.5px;letter-spacing:3px;margin:0;font-weight:700}.gate .themebtn{position:absolute;top:20px;right:20px}.memberbtn{width:100%;display:flex;align-items:center;gap:12px;background:var(--surface);border:1.5px solid var(--line);border-radius:15px;padding:14px 16px;margin-bottom:10px;font-size:15.5px;font-weight:600;color:var(--text);box-shadow:var(--shadow-soft)}.av{width:38px;height:38px;border-radius:999px;flex:none;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}.memberbtn .role{margin-left:auto;font-size:10px;color:var(--faint);font-weight:700;letter-spacing:1.2px}.pindots{display:flex;justify-content:center;gap:13px;margin:20px 0 6px;height:15px}.pindots i{width:13px;height:13px;border-radius:999px;border:2px solid var(--faint)}.pindots i.f{background:var(--red);border-color:var(--red)}.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.pinpad button{height:62px;border-radius:17px;background:var(--surface);border:1.5px solid var(--line);font-size:23px;font-weight:600;color:var(--text);box-shadow:var(--shadow-soft);transition:transform .05s ease}.pinpad button:active{transform:scale(.94);background:var(--surface-2)}.pinpad button.ok{background:var(--red);border-color:var(--red);color:var(--on-red);font-size:16px;font-weight:800}.lst{display:flex;flex-direction:column}.lst .li{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1.5px solid var(--line-soft);font-size:14px}.lst .li:last-child{border-bottom:none}.statgrid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.stat{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:13px 15px;box-shadow:var(--shadow-soft)}.stat .k{font-size:10.5px;font-weight:700;letter-spacing:1.3px;color:var(--muted);text-transform:uppercase}.stat .v{font-family:var(--display);font-weight:800;font-size:23px;margin-top:5px;letter-spacing:-.7px}.stat.hero{grid-column:1 / -1;background:linear-gradient(148deg,var(--hero-a),var(--hero-b) 68%);border-color:var(--hero-edge)}.stat.hero .v{font-size:33px;color:var(--price)}.bar{height:7px;border-radius:999px;background:var(--surface-3);overflow:hidden}.bar i{display:block;height:100%;background:var(--red);border-radius:999px}.check{border:1.5px dashed var(--green);border-radius:var(--radius-s);padding:11px 13px;color:var(--green-ink);font-size:12.5px;font-weight:600;line-height:1.5}.check.bad{border-color:var(--red);color:var(--red-ink)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--overlay);display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:560px;max-height:88dvh;overflow-y:auto;background:var(--sheet-bg);border:1.5px solid var(--line);border-bottom:none;border-radius:24px 24px 0 0;padding:18px 16px calc(22px + env(safe-area-inset-bottom));box-shadow:var(--shadow-lift)}.sheet h2{font-family:var(--display);font-weight:800;font-size:19px;letter-spacing:-.4px}.field{margin-bottom:13px}.field label{display:block;font-size:10.5px;font-weight:700;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.toasts{position:fixed;top:12px;left:0;right:0;z-index:90;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.toast{background:var(--toast-bg);border:1.5px solid var(--line);border-left:4px solid var(--green);border-radius:var(--radius-s);padding:11px 16px;font-size:13.5px;font-weight:600;max-width:92vw;box-shadow:var(--shadow-lift);animation:pop .18s ease}.toast.err{border-left-color:var(--red)}@keyframes pop{0%{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}