@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap";:root{--color-primary:#009a97;--color-primary-dark:#006b66;--color-primary-light:#00bfbc;--color-primary-glow:#009a9740;--color-accent:#ffce00;--color-accent-dark:#e6b800;--color-bg-primary:#111918;--color-bg-secondary:#1a2422;--color-bg-card:#162321e6;--color-bg-card-hover:#1e302df2;--color-bg-overlay:#000000bf;--color-bg-glass:#009a970f;--color-gold:var(--color-primary);--color-gold-light:var(--color-primary-light);--color-gold-dark:var(--color-primary-dark);--color-burgundy:var(--color-primary-dark);--color-burgundy-light:var(--color-primary);--color-burgundy-dark:#004d4a;--color-text-primary:#f0fafa;--color-text-secondary:#8ab5b3;--color-text-muted:#4d7a78;--color-text-accent:var(--color-primary);--color-success:#4ade80;--color-warning:#fbbf24;--color-error:#f87171;--color-info:#60a5fa;--color-border:#009a971f;--color-border-active:var(--color-primary);--font-thai:"IBM Plex Sans Thai", sans-serif;--font-en:"IBM Plex Sans", sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #d4a57426;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-thai);background:var(--color-bg-primary);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 10% 0,#009a971f 0%,#0000 50%),radial-gradient(at 90% 100%,#006b6614 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}#root{z-index:1;min-height:100vh;position:relative}img{max-width:100%;height:auto;display:block}a{color:var(--color-gold);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-gold-light)}button{font-family:var(--font-thai);cursor:pointer;border:none;outline:none}input,textarea,select{font-family:var(--font-thai);outline:none}.page-container{max-width:480px;min-height:100vh;margin:0 auto;position:relative}.page-container--wide{max-width:1200px}.app-header{background:linear-gradient(135deg, var(--color-bg-secondary), #006b6640);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);padding:var(--space-md) var(--space-lg);z-index:100;position:sticky;top:0}.app-header__brand{align-items:center;gap:var(--space-md);display:flex}.app-header__logo{object-fit:contain;border-radius:var(--radius-sm);background:#221f1f;width:44px;height:44px;padding:6px}.app-header__title{color:var(--color-primary);letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.app-header__subtitle{color:var(--color-text-secondary);font-size:.75rem;font-weight:400}.app-header__actions{align-items:center;gap:var(--space-sm);display:flex}.app-header__row{justify-content:space-between;align-items:center;display:flex}.lang-toggle{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-full);align-items:center;font-size:.75rem;display:flex;overflow:hidden}.lang-toggle__btn{color:var(--color-text-muted);transition:all var(--transition-fast);background:0 0;padding:4px 10px;font-size:.75rem;font-weight:500}.lang-toggle__btn--active{background:var(--color-gold);color:var(--color-bg-primary)}.category-tabs{gap:var(--space-sm);padding:var(--space-md) var(--space-lg);scrollbar-width:none;-ms-overflow-style:none;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);z-index:90;display:flex;position:sticky;top:73px;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tab{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);white-space:nowrap;transition:all var(--transition-normal);flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;display:flex}.category-tab:hover{border-color:var(--color-gold-dark);color:var(--color-gold)}.category-tab--active{background:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));border-color:var(--color-primary);color:#fff;box-shadow:0 0 20px var(--color-primary-glow);font-weight:600}.category-tab__icon{font-size:1.1rem}.menu-grid{gap:var(--space-md);padding:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=360px){.menu-grid{grid-template-columns:1fr}}.menu-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);animation:.4s both fadeInUp;overflow:hidden}.menu-card:hover{background:var(--color-bg-card-hover);box-shadow:var(--shadow-md);border-color:#d4a57433;transform:translateY(-2px)}.menu-card__image-wrap{background:linear-gradient(135deg, var(--color-bg-secondary), #722f3726);width:100%;padding-top:75%;position:relative;overflow:hidden}.menu-card__image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow);position:absolute;top:0;left:0}.menu-card:hover .menu-card__image{transform:scale(1.05)}.menu-card__placeholder{opacity:.5;font-size:2.5rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.menu-card__badge{top:var(--space-sm);right:var(--space-sm);background:var(--color-burgundy);color:var(--color-text-primary);border-radius:var(--radius-full);letter-spacing:.02em;padding:2px 8px;font-size:.65rem;font-weight:600;position:absolute}.menu-card__body{padding:var(--space-md)}.menu-card__name{color:var(--color-text-primary);margin-bottom:2px;font-size:.9rem;font-weight:600;line-height:1.3}.menu-card__name-en{font-family:var(--font-en);color:var(--color-text-muted);margin-bottom:var(--space-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;line-height:1.3;display:-webkit-box;overflow:hidden}.menu-card__price-row{align-items:baseline;gap:var(--space-sm);flex-wrap:wrap;display:flex}.menu-card__price{font-family:var(--font-en);color:var(--color-accent);font-size:1.05rem;font-weight:700}.menu-card__set-price{font-family:var(--font-en);color:var(--color-text-muted);font-size:.75rem}.menu-card__set-price span{color:var(--color-primary-light);font-weight:600}.menu-card--unavailable{opacity:.4;pointer-events:none}.menu-card--unavailable .menu-card__image-wrap:after{content:"หมด";color:var(--color-error);border-radius:var(--radius-full);border:2px solid var(--color-error);background:#000000b3;padding:6px 20px;font-size:1rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fab{bottom:var(--space-lg);right:var(--space-lg);border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));color:#fff;width:60px;height:60px;box-shadow:var(--shadow-lg), 0 0 30px var(--color-primary-glow);z-index:200;transition:all var(--transition-normal);justify-content:center;align-items:center;font-size:1.5rem;animation:2s infinite fabPulse;display:flex;position:fixed}.fab:hover{box-shadow:var(--shadow-lg), 0 0 40px #009a9780;transform:scale(1.1)}.fab:active{transform:scale(.95)}.modal-overlay{background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:flex-end;width:100%;height:100%;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:480px;max-height:85vh;padding:var(--space-lg);animation:.3s slideUp;overflow-y:auto}.modal__handle{background:var(--color-text-muted);border-radius:var(--radius-full);width:40px;height:4px;margin:0 auto var(--space-lg)}.modal__title{color:var(--color-primary);margin-bottom:var(--space-lg);text-align:center;font-size:1.25rem;font-weight:700}.service-btn{align-items:center;gap:var(--space-md);width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-normal);margin-bottom:var(--space-sm);font-size:.95rem;font-weight:500;display:flex}.service-btn:hover{background:var(--color-bg-card-hover);border-color:var(--color-gold-dark)}.service-btn--active{border-color:var(--color-gold);color:var(--color-gold);background:#d4a5741a}.service-btn__icon{font-size:1.5rem}.form-group{margin-bottom:var(--space-lg)}.form-label{color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-size:.85rem;font-weight:600;display:block}.form-input{width:100%;padding:var(--space-md);background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:border-color var(--transition-fast);font-size:1rem}.form-input:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px #d4a5741a}.form-input::placeholder{color:var(--color-text-muted)}textarea.form-input{resize:vertical;min-height:80px}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);transition:all var(--transition-normal);border:none;font-size:1rem;font-weight:600;display:inline-flex}.btn--primary{background:linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));box-shadow:0 0 20px var(--color-primary-glow);transform:translateY(-1px)}.btn--primary:active{transform:translateY(0)}.btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--secondary{background:var(--color-bg-glass);border:1px solid var(--color-border);color:var(--color-text-primary)}.btn--secondary:hover{border-color:var(--color-gold-dark);background:var(--color-bg-card)}.btn--danger{background:var(--color-error);color:#fff}.btn--full{width:100%}.btn--sm{padding:var(--space-sm) var(--space-md);font-size:.85rem}.toggle{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle__slider{cursor:pointer;background:var(--color-text-muted);border-radius:var(--radius-full);transition:var(--transition-normal);position:absolute;inset:0}.toggle__slider:before{content:"";border-radius:var(--radius-full);width:20px;height:20px;transition:var(--transition-normal);background:#fff;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle__slider{background:var(--color-success)}.toggle input:checked+.toggle__slider:before{transform:translate(22px)}.panel-header{background:linear-gradient(135deg, var(--color-bg-secondary), #006b6633);padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--color-border);z-index:100;-webkit-backdrop-filter:blur(20px);position:sticky;top:0}.panel-header__title{color:var(--color-primary);font-size:1.5rem;font-weight:700}.panel-header__subtitle{color:var(--color-text-secondary);font-size:.85rem}.panel-tabs{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.panel-tabs::-webkit-scrollbar{display:none}.panel-tab{padding:var(--space-md) var(--space-lg);color:var(--color-text-muted);transition:all var(--transition-fast);background:0 0;border-bottom:2px solid #0000;flex-shrink:0;font-size:.85rem;font-weight:500}.panel-tab:hover{color:var(--color-text-secondary)}.panel-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.panel-content{padding:var(--space-lg)}.menu-list-item{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-sm);transition:all var(--transition-fast);display:flex}.menu-list-item:hover{border-color:#d4a57426}.menu-list-item__info{flex:1;min-width:0}.menu-list-item__name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.menu-list-item__name-en{font-family:var(--font-en);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.menu-list-item__price{font-family:var(--font-en);color:var(--color-gold);font-size:.85rem;font-weight:600}.menu-list-item--inactive{opacity:.5}.reason-input{width:100%;margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--color-text-primary);background:#f871710d;border:1px solid #f8717133;font-size:.8rem}.reason-input::placeholder{color:var(--color-text-muted);font-style:italic}.section-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);font-size:.85rem;font-weight:700}.login-page{min-height:100vh;padding:var(--space-lg);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:400px;padding:var(--space-2xl);text-align:center;-webkit-backdrop-filter:blur(20px)}.login-card__icon{text-align:center;margin-bottom:var(--space-md);font-size:3rem}.login-card__logo{object-fit:contain;width:80px;height:80px;margin:0 auto var(--space-md);filter:drop-shadow(0 0 12px #009a974d);display:block}.login-card__title{color:var(--color-primary);margin-bottom:var(--space-sm);font-size:1.5rem;font-weight:700}.login-card__subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-xl);font-size:.85rem}.staff-call-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-md);display:flex}.staff-call-card--pending{border-left:3px solid var(--color-warning)}.staff-call-card--done{border-left:3px solid var(--color-success);opacity:.6}.staff-call-card__icon{font-size:1.5rem}.staff-call-card__info{flex:1}.staff-call-card__table{color:var(--color-text-primary);font-weight:700}.staff-call-card__type{color:var(--color-text-secondary);font-size:.8rem}.staff-call-card__time{color:var(--color-text-muted);font-size:.75rem;font-family:var(--font-en)}.landing{min-height:100vh;padding:var(--space-2xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.landing__logo{margin-bottom:var(--space-lg);font-size:4rem}.landing__title{color:var(--color-primary);margin-bottom:var(--space-sm);font-size:2.5rem;font-weight:700}.landing__subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-2xl);max-width:400px;font-size:1rem}.branch-list{gap:var(--space-xs,4px);flex-direction:column;width:100%;max-width:600px;display:flex}.branch-group{margin-bottom:var(--space-xl)}.branch-card{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-normal);text-align:left;cursor:pointer;width:100%;margin-bottom:var(--space-sm);font-weight:500;display:flex}.branch-card:hover{background:var(--color-bg-card-hover);border-color:var(--color-gold-dark);transform:translate(4px)}.branch-card__icon{font-size:1.25rem}.branch-card__info{flex:1}.branch-card__name{font-size:.95rem;font-weight:600}.branch-card__address{color:var(--color-text-muted);font-size:.75rem}.brand-filter{gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap;justify-content:center;display:flex}.brand-chip{background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;padding:6px 16px;font-size:.8rem;font-weight:500}.brand-chip:hover{border-color:var(--color-gold-dark)}.brand-chip--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--color-text-muted)}.empty-state__icon{margin-bottom:var(--space-md);opacity:.5;font-size:3rem}.empty-state__text{font-size:.9rem}.loading{justify-content:center;align-items:center;min-height:200px;display:flex}.loading__spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.success-check{align-items:center;gap:var(--space-md);padding:var(--space-2xl);text-align:center;flex-direction:column;display:flex}.success-check__icon{background:linear-gradient(135deg, var(--color-success), #22c55e);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.5rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) scaleIn;display:flex}.success-check__text{color:var(--color-text-primary);font-size:1.1rem;font-weight:600}.success-check__subtext{color:var(--color-text-secondary);font-size:.85rem}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;padding:var(--space-sm) var(--space-md);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:600}.data-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);font-size:.85rem}.data-table tr:hover td{background:var(--color-bg-glass)}.search-bar{margin-bottom:var(--space-lg);position:relative}.search-bar__icon{left:var(--space-md);color:var(--color-text-muted);font-size:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-bar__input{width:100%;padding:var(--space-md) var(--space-md) var(--space-md) 40px;background:var(--color-bg-glass);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:.9rem}.search-bar__input:focus{border-color:var(--color-gold)}.qr-tools{gap:var(--space-xl);grid-template-columns:minmax(280px,380px) minmax(320px,1fr);align-items:start;display:grid}.qr-tools__controls{background:linear-gradient(#10201ef5 0%,#0c1817f5 100%);border:1px solid #009a972e;border-radius:28px;padding:28px;box-shadow:0 24px 60px #00000047,inset 0 1px #ffffff05}.qr-tools__intro{margin-bottom:22px}.qr-tools__eyebrow{font-family:var(--font-en);letter-spacing:.18em;color:var(--color-primary-light);margin-bottom:6px;font-size:.72rem}.qr-tools__title{color:var(--color-text-primary);margin-bottom:8px;font-size:1.55rem;font-weight:700;line-height:1.15}.qr-tools__subtitle{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}.qr-tools__note{color:var(--color-text-secondary);background:#ffffff08;border:1px solid #009a9724;border-radius:16px;margin-top:14px;padding:14px 16px;font-size:.8rem;line-height:1.6}.qr-tools__preview{justify-content:center;width:100%;max-width:100%;display:flex;overflow:hidden}.qr-print-grid{grid-template-columns:1fr;place-items:start center;gap:28px;width:100%;max-width:100%;display:grid}.qr-print-sheet{color:#123331;box-sizing:border-box;background:radial-gradient(circle at 100% 0,#ffd26d42,#0000 30%),radial-gradient(circle at 0 0,#009a972e,#0000 36%),linear-gradient(#fffdf8 0%,#f0fbf8 100%);border:1px solid #009a9729;border-radius:24px;flex-direction:column;align-items:center;width:105mm;min-height:148mm;padding:10mm;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0000003d}.qr-print-sheet--print{height:148mm;min-height:148mm}.qr-print-sheet__orb{pointer-events:none;border-radius:9999px;position:absolute}.qr-print-sheet__orb--left{background:radial-gradient(circle,#009a9726 0%,#009a9700 68%);width:70mm;height:70mm;top:-32mm;left:-24mm}.qr-print-sheet__orb--right{background:radial-gradient(circle,#ffce0029 0%,#ffce0000 72%);width:64mm;height:64mm;bottom:-22mm;right:-18mm}.qr-print-sheet__brand{z-index:1;align-items:center;gap:12px;width:100%;margin-bottom:24px;display:flex;position:relative}.qr-print-sheet__logo{background:#221f1f;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;padding:8px;display:flex;box-shadow:0 10px 24px #00000024}.qr-print-sheet__logo-mark{width:100%;height:100%;display:block}.qr-print-sheet__brand-copy{flex-direction:column;gap:7px;display:flex}.qr-print-sheet__eyebrow{font-family:var(--font-en);letter-spacing:.2em;color:#4f8d87;margin:0;font-size:.7rem}.qr-print-sheet__title{color:#0a6a65;font-size:1.55rem;font-weight:700;line-height:1.18}.qr-print-sheet__branch{text-align:center;z-index:1;background:linear-gradient(135deg,#009a9721,#ffce0017);border-radius:18px;width:100%;margin-top:4px;margin-bottom:8px;padding:12px 16px;font-size:1.3rem;font-weight:700;line-height:1.25;position:relative}.qr-print-sheet__address{text-align:center;color:#5b7d79;z-index:1;width:100%;margin-bottom:12px;padding:0 6px;font-size:.72rem;line-height:1.45;position:relative}.qr-print-sheet__table{font-family:var(--font-en);letter-spacing:.12em;color:#0b3d3a;z-index:1;margin-bottom:16px;font-size:2.3rem;font-weight:800;position:relative}.qr-print-sheet__code{z-index:1;background:#fff;border-radius:24px;margin-bottom:14px;padding:16px;position:relative;box-shadow:0 18px 40px #009a971f,inset 0 0 0 1px #009a970f}.qr-print-sheet__hint{text-align:center;font-family:var(--font-en);color:#547b77;z-index:1;border-top:1px solid #009a971f;width:100%;margin-top:auto;padding:12px 14px 0;font-size:.8rem;line-height:1.7;position:relative}.qr-print-screen{background:radial-gradient(circle at top,#009a970f,#0000 45%),linear-gradient(#0f19190a,#0f191900);min-height:100vh}.qr-print-toolbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a1010c7;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:14px;padding:12px 18px;display:flex;position:sticky;top:0}.qr-print-toolbar__left{align-items:center;gap:12px;display:flex}.qr-print-toolbar__meta{flex-direction:column;gap:2px;display:flex}.qr-print-toolbar__title{color:#ffffffeb;font-weight:700}.qr-print-toolbar__subtitle{font-family:var(--font-en);color:#ffffffb3;text-overflow:ellipsis;white-space:nowrap;max-width:60vw;font-size:.72rem;overflow:hidden}.qr-print-document{flex-direction:column;align-items:center;gap:22px;padding:26px 18px 54px;display:flex}.qr-print-page{width:105mm}.qr-print-area{display:none}@media print{@page{size:105mm 148mm;margin:0}html,body{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#fff!important;margin:0!important;padding:0!important}.qr-print-area{background:#fff;width:100%;position:absolute;top:0;left:0;display:block!important}.panel-header,.panel-tabs,.qr-tools__controls,.qr-tools__preview{display:none!important}.panel-content{background:0 0!important;padding:0!important}.qr-print-page-a4{box-sizing:border-box;break-inside:avoid;page-break-inside:avoid;page-break-after:always;break-after:page;justify-content:center;align-items:center;width:105mm;height:148mm;display:flex}.qr-print-page-a4:last-child{page-break-after:auto;break-after:auto}.qr-print-page-a4 .qr-print-sheet{width:105mm;box-shadow:none;border-radius:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fabPulse{0%,to{box-shadow:var(--shadow-lg), 0 0 0 0 #009a9766}50%{box-shadow:var(--shadow-lg), 0 0 0 12px #009a9700}}.text-center{text-align:center}.text-gold{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.toast-custom{font-family:var(--font-thai)!important}@media (width<=480px){.landing{padding:var(--space-xl) var(--space-md)}.app-header{padding:var(--space-md)}.category-tabs{padding:var(--space-sm) var(--space-md)}.menu-grid{padding:var(--space-md) var(--space-sm);gap:var(--space-sm)}.panel-header{padding:var(--space-md)}.panel-content{padding:var(--space-sm)}.menu-list-item{gap:var(--space-sm);padding:var(--space-sm)}.menu-list-item__price{display:none}.qr-tools{grid-template-columns:1fr}.qr-print-sheet{width:100%;min-height:auto;padding:24px}.login-card{padding:var(--space-lg)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:2px}