@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css";@import"https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #f8f6f2;--bg-card: #ffffff;--bg-input: #ffffff;--bg-section: #ffffff;--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--border-color: #e5e7eb;--shadow-color: rgba(0, 0, 0, .08);--shadow-hover: rgba(0, 0, 0, .12);--auth-chip-bg: rgba(241, 245, 249, .92);--auth-chip-bg-hover: rgba(226, 232, 240, .96);--auth-chip-border: rgba(148, 163, 184, .32);--auth-chip-shadow: 0 14px 30px rgba(15, 23, 42, .08);--auth-chip-icon-bg: rgba(37, 99, 235, .12);--auth-popover-bg: rgba(255, 255, 255, .96);--auth-popover-hover: rgba(148, 163, 184, .12);--surface-soft: rgba(255, 255, 255, .72);--surface-soft-hover: rgba(255, 255, 255, .84);--surface-strong: rgba(255, 255, 255, .92);--surface-accent: rgba(59, 130, 246, .08);--link-accent: #2563eb;--link-accent-hover: #1d4ed8}.dark-mode{--bg-primary: #0f0f0f;--bg-card: #1a1a1a;--bg-input: #252525;--bg-section: #1f1f1f;--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-muted: #737373;--border-color: #333333;--shadow-color: rgba(0, 0, 0, .4);--shadow-hover: rgba(0, 0, 0, .6);--auth-chip-bg: rgba(47, 55, 68, .78);--auth-chip-bg-hover: rgba(62, 71, 84, .92);--auth-chip-border: rgba(148, 163, 184, .22);--auth-chip-shadow: 0 16px 34px rgba(2, 6, 23, .34);--auth-chip-icon-bg: rgba(96, 165, 250, .18);--auth-popover-bg: rgba(26, 31, 38, .96);--auth-popover-hover: rgba(148, 163, 184, .16);--surface-soft: rgba(43, 49, 60, .88);--surface-soft-hover: rgba(54, 62, 76, .94);--surface-strong: rgba(31, 36, 46, .96);--surface-accent: rgba(96, 165, 250, .12);--link-accent: #7cb6ff;--link-accent-hover: #a7cbff}body{font-family:sans-serif;background-color:var(--bg-primary);margin:0;transition:background-color .3s ease}#app{position:relative;min-height:100vh}.page-content{position:relative;z-index:1;background:var(--bg-primary);min-height:100vh;transition:background .3s ease}.page-content>*{position:relative;z-index:1}[data-v-59457e97]{box-sizing:border-box}body[data-v-59457e97],button[data-v-59457e97],input[data-v-59457e97],textarea[data-v-59457e97],select[data-v-59457e97]{font-family:Kanit,sans-serif}.page-container[data-v-59457e97]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);padding:20px;font-family:Kanit,sans-serif;transition:background .3s ease}.maintenance-banner[data-v-59457e97]{width:100%;max-width:420px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-radius:12px;border-left:4px solid #f59e0b;margin-bottom:20px;box-shadow:0 4px 12px #f59e0b26;overflow:hidden}.maintenance-content[data-v-59457e97]{display:flex;align-items:flex-start;gap:12px;padding:16px}.maintenance-icon[data-v-59457e97]{display:flex;align-items:center;justify-content:center;color:#d97706;font-size:1.5rem;animation:pulse-icon-59457e97 2s infinite}.maintenance-text[data-v-59457e97]{color:#92400e;font-size:.9rem;line-height:1.5}.maintenance-text strong[data-v-59457e97]{color:#b45309}.maintenance-text small[data-v-59457e97]{display:block;margin-top:4px;color:#b45309;font-size:.8rem;opacity:.9}@keyframes pulse-icon-59457e97{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.slide-down-enter-active[data-v-59457e97],.slide-down-leave-active[data-v-59457e97]{transition:all .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.slide-down-enter-from[data-v-59457e97],.slide-down-leave-to[data-v-59457e97]{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:translateY(-20px)}.slide-down-enter-to[data-v-59457e97],.slide-down-leave-from[data-v-59457e97]{max-height:150px;opacity:1;transform:translateY(0)}.order-card[data-v-59457e97]{width:100%;max-width:420px;background:var(--bg-card, #ffffff);border-radius:16px;box-shadow:0 4px 24px var(--shadow-color, rgba(0, 0, 0, .08));overflow:hidden;border:1px solid var(--border-color, #e5e7eb);transition:transform .3s cubic-bezier(.25,.1,.25,1),box-shadow .3s cubic-bezier(.25,.1,.25,1),background .3s ease,border-color .3s ease}.order-card[data-v-59457e97]:hover{transform:scale(1.01) translateY(-4px);box-shadow:0 12px 40px var(--shadow-hover, rgba(0, 0, 0, .12))}.status-available[data-v-59457e97]{color:#059669!important}.status-expired[data-v-59457e97]{color:#d97706!important}.status-unavailable[data-v-59457e97]{color:#6b7280!important}.centered-card-header[data-v-59457e97]{position:relative;display:flex;flex-direction:column;align-items:center;padding:32px 24px 20px;background:var(--bg-card, #fff);gap:16px;transition:background .3s ease}.auth-status-shell[data-v-59457e97]{position:absolute;top:16px;right:18px;display:flex;justify-content:flex-end;align-items:center;min-width:128px;min-height:34px;z-index:2}.auth-status-placeholder[data-v-59457e97]{color:var(--text-muted, #9ca3af);font-size:.75rem}.access-mode-shell[data-v-59457e97]{display:flex;align-items:center;justify-content:flex-end;gap:6px}.access-mode-option[data-v-59457e97]{position:relative;display:inline-flex;align-items:center;gap:4px}.access-mode-chip[data-v-59457e97]{border:1px solid rgba(148,163,184,.18);border-radius:999px;background:#0f172a8a;color:#e2e8f0b3;padding:7px 12px;font-size:.74rem;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease;font-family:Kanit,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.access-mode-chip-login[data-v-59457e97]{border-color:#94a3b833;background:#0f172a94;color:#e2e8f0c2;padding-inline:12px}.access-mode-chip[data-v-59457e97]:hover{transform:translateY(-1px);border-color:#94a3b84d;box-shadow:0 12px 24px #0206172e;color:#f8fafceb;background:#1e293bb8}.access-mode-chip-active[data-v-59457e97]{background:#2563eb1a;border-color:#2563eb57;color:#1d4ed8;box-shadow:0 10px 22px #2563eb1f}.access-mode-info[data-v-59457e97]{width:24px;height:24px;border:1px solid rgba(148,163,184,.18);border-radius:999px;background:#0f172a80;color:#cbd5e1a3;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;font-family:Kanit,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.access-mode-info[data-v-59457e97]:hover{transform:translateY(-1px);color:#e2e8f0d6;border-color:#94a3b847;box-shadow:0 12px 22px #02061729;background:#1e293ba8}.access-mode-info i[data-v-59457e97]{font-size:.74rem}.access-mode-popover[data-v-59457e97]{position:absolute;top:calc(100% + 8px);right:0;width:220px;padding:11px 12px;border:1px solid var(--border-color, #e5e7eb);border-radius:12px;background:var(--bg-card, #fff);box-shadow:0 20px 38px #0f172a1f;color:var(--text-primary, #1f2937);font-size:.76rem;line-height:1.45;z-index:5}.access-mode-popover-login[data-v-59457e97]:before{content:"";position:absolute;top:-6px;right:8px;width:10px;height:10px;background:var(--bg-card, #fff);border-top:1px solid var(--border-color, #e5e7eb);border-left:1px solid var(--border-color, #e5e7eb);transform:rotate(45deg)}.auth-entry-link[data-v-59457e97]{color:var(--text-secondary, #6b7280);font-size:.82rem;font-weight:500;text-decoration:none;transition:color .2s ease}.auth-entry-link[data-v-59457e97]:hover{color:#2563eb}.auth-menu-shell[data-v-59457e97]{position:relative;max-width:190px}.auth-chip[data-v-59457e97]{display:inline-flex;align-items:center;gap:8px;max-width:190px;padding:7px 10px;border:1px solid var(--auth-chip-border, rgba(148, 163, 184, .28));border-radius:999px;background:var(--auth-chip-bg, rgba(255, 255, 255, .88));color:var(--text-primary, #1f2937);cursor:pointer;box-shadow:0 8px 20px #0f172a14;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease;font-family:Kanit,sans-serif;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.auth-chip[data-v-59457e97]:hover{transform:translateY(-1px);background:var(--auth-chip-bg-hover, rgba(226, 232, 240, .96));border-color:#60a5fa57;box-shadow:var(--auth-chip-shadow, 0 14px 30px rgba(15, 23, 42, .08))}.auth-chip[data-v-59457e97]:focus-visible{outline:none;background:var(--auth-chip-bg-hover, rgba(226, 232, 240, .96));border-color:#60a5fa7a;box-shadow:0 0 0 3px #60a5fa29,var(--auth-chip-shadow, 0 14px 30px rgba(15, 23, 42, .08))}.auth-chip-icon[data-v-59457e97]{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:var(--auth-chip-icon-bg, rgba(37, 99, 235, .12));color:#2563eb;flex-shrink:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.auth-chip-icon-fallback[data-v-59457e97]{background:var(--auth-chip-icon-bg, rgba(37, 99, 235, .12))}.auth-chip-icon-line[data-v-59457e97]{background:#06c75529}.auth-chip-icon-google[data-v-59457e97]{background:#ffffffeb;box-shadow:inset 0 0 0 1px #94a3b82e,0 2px 8px #0f172a14}.auth-chip-provider-mark[data-v-59457e97]{width:16px;height:16px;display:block;object-fit:contain}.auth-chip-icon-line .auth-chip-provider-mark[data-v-59457e97]{width:15px;height:15px}.auth-chip-label[data-v-59457e97]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:500;color:inherit}.auth-chip-caret[data-v-59457e97]{font-size:.72rem;color:var(--text-secondary, #6b7280);opacity:.88;flex-shrink:0}.auth-popover[data-v-59457e97]{position:absolute;top:calc(100% + 8px);right:0;min-width:188px;padding:8px;border:1px solid var(--auth-chip-border, var(--border-color, #e5e7eb));border-radius:14px;background:var(--auth-popover-bg, var(--bg-card, #fff));box-shadow:0 22px 42px #0206173d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-popover-action[data-v-59457e97]{width:100%;border:none;border-radius:10px;background:transparent;color:var(--text-primary, #1f2937);text-align:left;padding:10px 12px;cursor:pointer;font-family:Kanit,sans-serif;font-size:.88rem;transition:background .2s ease,color .2s ease}.auth-popover-action[data-v-59457e97]:hover{background:var(--auth-popover-hover, rgba(148, 163, 184, .12))}.auth-popover-action[data-v-59457e97]:focus-visible{outline:none;background:var(--auth-popover-hover, rgba(148, 163, 184, .12));box-shadow:inset 0 0 0 1px #60a5fa52}.auth-popover-logout[data-v-59457e97]{color:#b91c1c}.auth-popover-enter-active[data-v-59457e97],.auth-popover-leave-active[data-v-59457e97]{transition:opacity .16s ease,transform .16s ease}.auth-popover-enter-from[data-v-59457e97],.auth-popover-leave-to[data-v-59457e97]{opacity:0;transform:translateY(-4px) scale(.98)}.fb-account-trigger[data-v-59457e97]{display:inline-flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.fb-icon-wrapper[data-v-59457e97]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#1877f2;background:radial-gradient(circle at 50% 5%,#5eb1ff,#1877f2,#0a58ca);box-shadow:0 8px 16px #1877f24d,inset 0 -3px 6px #0000004d,inset 0 3px 6px #fff9;animation:fb-float-59457e97 3.5s ease-in-out infinite;transition:all .4s cubic-bezier(.34,1.56,.64,1);text-decoration:none}.fb-icon-wrapper[data-v-59457e97]:before{content:"";position:absolute;top:2%;left:15%;width:70%;height:40%;background:linear-gradient(180deg,#fffc,#fff0);border-radius:50%/60% 60% 40% 40%;pointer-events:none}.fb-icon-wrapper[data-v-59457e97]:hover{transform:scale(1.15) translateY(-5px);animation-play-state:paused;box-shadow:0 12px 24px #1877f280,0 0 20px #1877f266,inset 0 -3px 6px #0000004d,inset 0 3px 6px #ffffffb3}.fb-icon-wrapper .fa-facebook-f[data-v-59457e97]{font-size:2.25rem;color:#fff;z-index:1;margin-top:6px;margin-left:4px;line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.2)}.fb-account-hint[data-v-59457e97]{max-width:104px;color:var(--text-muted);font-size:.72rem;line-height:1.25;text-align:center;transition:color .2s ease}.fb-account-trigger:hover .fb-account-hint[data-v-59457e97]{color:var(--text-secondary)}@keyframes fb-float-59457e97{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.stock-box-centered[data-v-59457e97]{display:flex;flex-direction:column;align-items:center}.stock-label[data-v-59457e97]{font-size:1rem;font-weight:600;color:var(--text-secondary, #6b7280);margin-bottom:-4px}.stock-value[data-v-59457e97]{font-size:2.25rem;font-weight:700;line-height:1.2;color:#10b981;will-change:transform,color;transform-origin:center}.stock-value.stock-value-loading[data-v-59457e97]{color:#f8fafc;letter-spacing:.08em}.stock-value.stock-pulse[data-v-59457e97]{animation:stockPulse-59457e97 .5s ease}.stock-updated[data-v-59457e97]{display:flex;align-items:center;gap:4px;font-size:.66rem;color:var(--text-muted, #9ca3af);margin-top:2px;transition:color .3s ease}.stock-updated.stock-updated-warning[data-v-59457e97]{justify-content:center;text-align:center;color:#fbbf24}.stock-updated i[data-v-59457e97]{font-size:.54rem}@keyframes stockPulse-59457e97{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.card-divider[data-v-59457e97]{height:1px;background:var(--border-color, #e5e7eb);margin:0 24px;transition:background .3s ease}.input-section[data-v-59457e97]{position:relative;padding:20px 24px 28px}.input-label[data-v-59457e97]{display:block;font-size:.95rem;font-weight:500;color:var(--text-primary, #374151);margin-bottom:12px;transition:color .3s ease}.breathing-text[data-v-59457e97]{animation:text-breathe-59457e97 2.5s ease-in-out infinite}@keyframes text-breathe-59457e97{0%,to{opacity:.8;transform:scale(1);text-shadow:0 0 0 transparent}50%{opacity:1;transform:scale(1.01);text-shadow:0 0 8px rgba(59,130,246,.3)}}.quantity-input[data-v-59457e97]{width:100%;padding:16px;font-size:1.5rem;font-weight:500;text-align:center;border:2px solid var(--border-color, #e5e7eb);border-radius:12px;background:var(--bg-input, #ffffff);color:var(--text-primary, #1f2937);outline:none;transition:all .2s;font-family:Kanit,sans-serif}.quantity-input[data-v-59457e97]:disabled{cursor:wait;opacity:.7}.quantity-input[data-v-59457e97]:focus{border-color:#3b82f6;background:var(--bg-card, #fff);color:var(--text-primary, #1f2937);box-shadow:0 0 0 3px #3b82f61a}.quantity-input.input-error[data-v-59457e97]{border-color:#ef4444}.quantity-input.input-highlight[data-v-59457e97]{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.quantity-input[data-v-59457e97]::placeholder{color:#9ca3af}.quantity-input[data-v-59457e97]::-webkit-outer-spin-button,.quantity-input[data-v-59457e97]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.quantity-input[type=number][data-v-59457e97]{-moz-appearance:textfield}.input-hint[data-v-59457e97]{position:absolute;bottom:6px;left:0;right:0;font-size:.8rem;color:var(--text-muted, #9ca3af);text-align:center;margin:0;animation:softPulse-59457e97 2.5s ease-in-out infinite;transition:color .3s ease,opacity .3s ease}.input-hint.error-text[data-v-59457e97]{color:#ef4444;animation:none}.input-hint.neutral-text[data-v-59457e97]{color:#3b82f6;font-style:italic;font-weight:500;opacity:.9;animation:none}.out-of-stock-warning[data-v-59457e97]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;background:#fef2f2;border:1px dashed #fca5a5;border-radius:12px;color:#ef4444;text-align:center}.out-of-stock-warning i[data-v-59457e97]{font-size:2rem;color:#f87171}.out-of-stock-warning span[data-v-59457e97]{font-size:1.1rem;font-weight:500}@keyframes softPulse-59457e97{0%,to{opacity:.5}50%{opacity:1}}.summary-section[data-v-59457e97]{padding:16px 24px;background:var(--bg-section, #ffffff);border-top:1px solid var(--border-color, #e5e7eb);transition:background .3s ease,border-color .3s ease;display:flex;justify-content:center}.compact-summary-container[data-v-59457e97]{display:flex;align-items:flex-end;justify-content:center;gap:12px;width:100%;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.compact-summary-container.fade-in-active[data-v-59457e97]{opacity:1;transform:translateY(0);pointer-events:auto}.compact-item[data-v-59457e97]{display:flex;flex-direction:column;align-items:center;gap:4px}.compact-label[data-v-59457e97]{font-size:.8rem;color:var(--text-secondary, #6b7280);white-space:nowrap}.compact-value[data-v-59457e97]{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937);display:flex;align-items:baseline}.compact-value small[data-v-59457e97]{font-size:.75rem;font-weight:500;color:var(--text-secondary, #6b7280);margin-left:2px}.bonus-green[data-v-59457e97]{color:#10b981}.total-highlight[data-v-59457e97]{color:#3b82f6;font-size:1.4rem;font-weight:700}.compact-operator[data-v-59457e97]{font-size:1.25rem;font-weight:600;color:var(--text-secondary, #9ca3af);margin-bottom:2px}.card-footer[data-v-59457e97]{padding:20px 24px 24px;background:var(--bg-card, #fff);border-top:1px solid var(--border-color, #e5e7eb);transition:background .3s ease,border-color .3s ease}.fade-slide-enter-active[data-v-59457e97],.fade-slide-leave-active[data-v-59457e97]{transition:all .8s cubic-bezier(.16,1,.3,1);overflow:hidden}.fade-slide-enter-from[data-v-59457e97],.fade-slide-leave-to[data-v-59457e97]{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-top:0;transform:translateY(-10px) scale(.98);border-color:transparent}.fade-slide-enter-to[data-v-59457e97],.fade-slide-leave-from[data-v-59457e97]{max-height:200px;opacity:1;transform:translateY(0) scale(1)}.price-row[data-v-59457e97]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.price-label[data-v-59457e97]{font-size:.95rem;color:var(--text-secondary, #6b7280);transition:color .3s ease}.price-value[data-v-59457e97]{font-size:2rem;font-weight:700;color:var(--text-primary, #1f2937);transition:color .3s ease;display:flex;align-items:baseline}.price-value small[data-v-59457e97]{font-size:1rem;font-weight:500;color:var(--text-secondary, #6b7280);margin-left:6px}.payment-btn[data-v-59457e97]{position:relative;overflow:hidden;width:100%;padding:16px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-size:1.1rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s;font-family:Kanit,sans-serif}.payment-btn[data-v-59457e97]:after{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(to right,#fff0,#ffffff1a 30%,#fff6,#ffffff1a 70%,#fff0);transform:skew(-25deg);animation:btn-shine-59457e97 8s cubic-bezier(.25,1,.5,1) infinite}@keyframes btn-shine-59457e97{0%{left:-150%}30%{left:150%}to{left:150%}}.payment-btn[data-v-59457e97]:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.payment-btn[data-v-59457e97]:active:not(:disabled){transform:translateY(0)}.payment-btn.btn-disabled[data-v-59457e97],.payment-btn[data-v-59457e97]:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.payment-btn.btn-disabled[data-v-59457e97]:after,.payment-btn[data-v-59457e97]:disabled:after{display:none}.payment-btn i[data-v-59457e97]{font-size:1rem;z-index:1}.qr-panel[data-v-59457e97]{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;transition:background .3s ease}.floating-toast[data-v-59457e97]{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:10px;font-size:.9rem;box-shadow:0 4px 16px #00000026;z-index:1000}.info-toast[data-v-59457e97]{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.error-toast[data-v-59457e97]{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.toast-fade-enter-active[data-v-59457e97],.toast-fade-leave-active[data-v-59457e97]{transition:all .3s ease}.toast-fade-enter-from[data-v-59457e97],.toast-fade-leave-to[data-v-59457e97]{opacity:0;transform:translate(-50%) translateY(20px)}.download-stack[data-v-59457e97]{position:fixed;top:16px;right:16px;display:flex;flex-direction:column-reverse;gap:6px;z-index:100}.download-btn-wrapper[data-v-59457e97]{position:relative}.download-btn[data-v-59457e97]{display:flex;align-items:center;gap:6px;padding:10px 14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.8rem;font-weight:500;border:1px solid #059669;border-radius:8px;cursor:pointer;box-shadow:0 0 10px #10b98166,0 0 20px #10b98133;transition:all .2s;font-family:Kanit,sans-serif;animation:btn-glow-59457e97 2s ease-in-out infinite;position:relative;overflow:hidden}.download-btn[data-v-59457e97]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-wave-59457e97 2s ease-in-out infinite}.download-btn i[data-v-59457e97]{color:#fff;font-size:.8rem}.download-btn[data-v-59457e97]:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#047857;transform:scale(1.02)}@keyframes btn-glow-59457e97{0%,to{box-shadow:0 0 10px #10b98166,0 0 20px #10b98133}50%{box-shadow:0 0 20px #10b98199,0 0 35px #10b9814d}}@keyframes shimmer-wave-59457e97{0%{left:-100%}50%,to{left:100%}}.download-tooltip[data-v-59457e97]{position:fixed;transform:translate(-50%) translateY(10px);background:#1f2937;color:#fff;padding:10px 14px;border-radius:8px;font-size:.8rem;display:flex;align-items:center;gap:8px;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #0000004d}.download-tooltip[data-v-59457e97]:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #1f2937}.download-tooltip[data-v-59457e97]:after{display:none}.download-tooltip i[data-v-59457e97]{color:#60a5fa}.tooltip-fade-enter-active[data-v-59457e97],.tooltip-fade-leave-active[data-v-59457e97]{transition:all .2s ease}.tooltip-fade-enter-from[data-v-59457e97],.tooltip-fade-leave-to[data-v-59457e97]{opacity:0;transform:translate(-50%) translateY(0)}.line-browser-warning[data-v-59457e97]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.line-warning-content[data-v-59457e97]{background:var(--bg-card, #fff);border-radius:16px;padding:24px;max-width:400px;width:100%;transition:background .3s ease}.line-warning-header[data-v-59457e97]{display:flex;align-items:center;gap:10px;color:#f59e0b;font-weight:600;margin-bottom:16px}.line-warning-body p[data-v-59457e97]{color:#374151;margin-bottom:12px;line-height:1.6}.line-warning-actions[data-v-59457e97]{display:flex;gap:10px;margin:16px 0}.browser-button[data-v-59457e97],.copy-link-button[data-v-59457e97]{flex:1;padding:12px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;font-family:Kanit,sans-serif}.browser-button[data-v-59457e97]{background:#3b82f6;color:#fff;border:none}.browser-button[data-v-59457e97]:hover{background:#2563eb}.copy-link-button[data-v-59457e97]{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.copy-link-button[data-v-59457e97]:hover{background:#e5e7eb}.line-warning-note[data-v-59457e97]{font-size:.85rem;color:#6b7280;text-align:center}.tooltip-overlay[data-v-59457e97]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.tooltip-card[data-v-59457e97]{background:var(--bg-card, #fff);border-radius:16px;max-width:400px;width:100%;overflow:hidden;box-shadow:0 20px 40px #0003;transition:background .3s ease}.tooltip-header[data-v-59457e97]{display:flex;align-items:center;gap:10px;padding:16px 20px;background:linear-gradient(135deg,#1877f2,#0d5bbd);color:#fff}.tooltip-header i[data-v-59457e97]{font-size:1.25rem}.tooltip-header span[data-v-59457e97]{flex:1;font-weight:600}.tooltip-close[data-v-59457e97]{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.tooltip-close[data-v-59457e97]:hover{background:#ffffff4d}.tooltip-body[data-v-59457e97]{padding:20px}.tooltip-body ul[data-v-59457e97]{list-style:none;padding:0;margin:0}.tooltip-body li[data-v-59457e97]{padding:8px 0 8px 24px;position:relative;color:var(--text-primary, #374151);font-size:.9rem;border-bottom:1px solid var(--border-color, #f3f4f6);transition:color .3s ease,border-color .3s ease}.tooltip-body li[data-v-59457e97]:last-child{border-bottom:none}.tooltip-body li[data-v-59457e97]:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:600}@media(max-width:480px){.page-container[data-v-59457e97]{padding:12px}.order-card[data-v-59457e97]{border-radius:12px}.card-header[data-v-59457e97]{padding:20px 16px 16px}.card-title[data-v-59457e97]{font-size:1.25rem}.stock-box[data-v-59457e97]{padding:10px 12px;min-width:85px}.stock-value[data-v-59457e97]{font-size:1.5rem}.input-section[data-v-59457e97],.summary-section[data-v-59457e97],.card-footer[data-v-59457e97]{padding-left:16px;padding-right:16px}.card-divider[data-v-59457e97]{margin:0 16px}.auth-status-shell[data-v-59457e97]{top:14px;right:16px;min-width:0;max-width:calc(100% - 32px)}.auth-menu-shell[data-v-59457e97],.auth-chip[data-v-59457e97]{max-width:156px}.fb-account-trigger[data-v-59457e97]{gap:6px}.fb-icon-wrapper[data-v-59457e97]{width:54px;height:54px}.fb-icon-wrapper .fa-facebook-f[data-v-59457e97]{font-size:2.05rem}.fb-account-hint[data-v-59457e97]{max-width:94px;font-size:.68rem}.access-mode-shell[data-v-59457e97]{gap:5px}.access-mode-option[data-v-59457e97]{gap:3px}.access-mode-chip[data-v-59457e97]{padding:6px 10px;font-size:.72rem}.access-mode-chip-login[data-v-59457e97]{padding-inline:11px}.access-mode-info[data-v-59457e97]{width:22px;height:22px}.access-mode-info i[data-v-59457e97]{font-size:.72rem}.access-mode-popover[data-v-59457e97]{width:min(220px,calc(100vw - 48px));font-size:.74rem}.quantity-input[data-v-59457e97]{padding:14px;font-size:1.25rem}.price-value[data-v-59457e97]{font-size:1.75rem}.payment-btn[data-v-59457e97]{padding:14px 20px;font-size:1rem}.floating-toast[data-v-59457e97]{left:12px;right:12px;transform:none;font-size:.85rem}.toast-fade-enter-from[data-v-59457e97],.toast-fade-leave-to[data-v-59457e97]{transform:translateY(20px)}.download-stack[data-v-59457e97]{left:12px;right:12px;bottom:12px}.download-btn[data-v-59457e97]{width:100%;justify-content:center}}.history-drawer[data-v-59457e97]{position:fixed;top:50%;right:0;transform:translateY(-50%) translate(100%);width:172px;max-height:70vh;background:var(--bg-card);border-radius:12px 0 0 12px;box-shadow:-2px 0 12px var(--shadow-color);transition:transform 1.2s ease,background .3s ease;z-index:120;display:flex}.history-drawer.drawer-open[data-v-59457e97]{transform:translateY(-50%) translate(0)}.history-drawer.drawer-account[data-v-59457e97]{width:min(82vw,296px);max-height:min(64vh,392px)}.drawer-tab[data-v-59457e97]{position:absolute;left:-36px;top:50%;transform:translateY(-50%);width:36px;height:40px;background:#6b7280;color:#fff;border:none;border-radius:8px 0 0 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:background .2s}.drawer-tab[data-v-59457e97]:hover{background:#4b5563}.drawer-tab-account[data-v-59457e97]{background:#059669}.drawer-tab-account[data-v-59457e97]:hover{background:#047857}.drawer-content[data-v-59457e97]{flex:1;display:flex;flex-direction:column;overflow:hidden}.drawer-header[data-v-59457e97]{padding:8px 10px;background:var(--bg-card);color:var(--text-primary);border-radius:12px 0 0;border-bottom:1px solid var(--border-color);transition:background .3s ease,color .3s ease}.drawer-account-header[data-v-59457e97]{display:flex;align-items:center;justify-content:space-between;gap:6px}.drawer-account-label[data-v-59457e97]{display:inline-flex;align-items:center;gap:6px;min-width:0;color:var(--text-primary);font-size:.74rem;font-weight:600}.drawer-account-label i[data-v-59457e97]{color:#34d399;flex-shrink:0}.drawer-account-label span[data-v-59457e97]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-link[data-v-59457e97]{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:0 8px;border-radius:999px;background:#3b82f614;color:var(--link-accent);text-decoration:none;font-size:.68rem;font-weight:600;white-space:nowrap}.drawer-link[data-v-59457e97]:hover{color:var(--link-accent-hover)}.status-indicator[data-v-59457e97]{display:flex;align-items:center;gap:6px}.status-dot[data-v-59457e97]{width:6px;height:6px;background:#10b981;border-radius:50%;animation:pulse-dot-59457e97 1.5s ease-in-out infinite}@keyframes pulse-dot-59457e97{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.status-text[data-v-59457e97]{font-size:.75rem}.status-time[data-v-59457e97]{display:block;margin-top:2px;font-size:.65rem;color:var(--text-muted);transition:color .3s ease}.drawer-body[data-v-59457e97]{flex:1;padding:7px 7px 9px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.history-title[data-v-59457e97]{font-size:.7rem;color:var(--text-muted);margin-bottom:8px;transition:color .3s ease}.history-list[data-v-59457e97]{display:flex;flex-direction:column;gap:4px}.history-list-personal[data-v-59457e97]{gap:7px}.history-item[data-v-59457e97]{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:var(--bg-section);border-radius:6px;transition:background .3s ease}.history-item-personal[data-v-59457e97]{display:grid;gap:4px;padding:7px 8px;border-radius:12px;border:1px solid rgba(148,163,184,.16);align-items:stretch;background:linear-gradient(180deg,#212630f5,#2b313ceb)}.history-row[data-v-59457e97]{min-width:0}.history-row-primary[data-v-59457e97]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center}.history-row-meta[data-v-59457e97]{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}.history-row-status[data-v-59457e97]{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.history-info[data-v-59457e97]{display:flex;align-items:center;gap:4px}.history-info-personal[data-v-59457e97]{display:grid;gap:4px}.history-item-top[data-v-59457e97]{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.history-item-bottom[data-v-59457e97]{display:flex;align-items:center;justify-content:space-between;gap:8px}.history-qty[data-v-59457e97]{min-width:0;font-size:.72rem;color:var(--text-primary);font-weight:700;line-height:1.2;transition:color .3s ease}.history-bonus[data-v-59457e97]{font-size:.66rem;color:#34d399}.history-amount[data-v-59457e97]{font-size:.74rem;color:var(--link-accent);font-weight:700;white-space:nowrap}.history-time[data-v-59457e97]{font-size:.6rem;color:var(--text-muted);transition:color .3s ease;white-space:nowrap}.history-status[data-v-59457e97]{font-size:.62rem;font-weight:700;display:inline-flex;align-items:center;white-space:nowrap}.history-status.status-available[data-v-59457e97]{color:#34d399}.history-status.status-expired[data-v-59457e97]{color:#fbbf24}.history-status.status-unavailable[data-v-59457e97],.history-status.status-pending[data-v-59457e97]{color:var(--text-secondary)}.history-expiry[data-v-59457e97]{color:var(--text-muted);font-size:.6rem;line-height:1.2;text-align:right}.history-download-button[data-v-59457e97]{min-width:76px;min-height:28px;border-radius:999px;padding:0 10px;border:1px solid transparent;font-size:.64rem;font-weight:700;cursor:pointer;font-family:Kanit,sans-serif;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.history-download-button.action-available[data-v-59457e97]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 8px 16px #10b9812e}.history-download-button.action-waiting[data-v-59457e97],.history-download-button.action-expired[data-v-59457e97]{background:#64748b2e;border-color:#94a3b82e;color:var(--text-secondary)}.history-download-button[data-v-59457e97]:not(:disabled):hover{transform:translateY(-1px)}.history-download-button[data-v-59457e97]:disabled{cursor:not-allowed;opacity:1;box-shadow:none}.history-note[data-v-59457e97]{font-size:.68rem;color:var(--text-secondary);text-align:right}.history-empty[data-v-59457e97]{text-align:center;padding:16px;color:var(--text-muted);font-size:.75rem;transition:color .3s ease}.history-empty strong[data-v-59457e97]{display:block;color:var(--text-primary);margin-bottom:4px}.history-empty small[data-v-59457e97]{display:block;line-height:1.5}.history-empty-error[data-v-59457e97]{color:#b91c1c}@media(max-width:480px){.history-drawer[data-v-59457e97]{width:146px}.history-drawer.drawer-account[data-v-59457e97]{width:min(80vw,288px);max-height:min(58vh,344px)}.drawer-tab[data-v-59457e97]{width:32px;left:-32px;height:36px;font-size:.8rem}.history-note[data-v-59457e97]{text-align:left}}.line-floating-btn[data-v-59457e97]{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:#1f2937;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #0000004d;transition:all .3s ease;z-index:1000}.line-floating-btn[data-v-59457e97]:hover{transform:scale(1.1);box-shadow:0 6px 20px #0006}.line-floating-btn.active[data-v-59457e97]{background:#333;box-shadow:0 4px 16px #0000004d}.line-floating-btn .line-icon[data-v-59457e97]{width:26px;height:26px}.line-floating-btn .fa-times[data-v-59457e97]{color:#fff;font-size:1.5rem}.line-qr-popup[data-v-59457e97]{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1001;padding:20px}.line-qr-card[data-v-59457e97]{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000040;max-width:320px;width:100%;animation:popIn-59457e97 .3s ease}@keyframes popIn-59457e97{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.line-qr-header[data-v-59457e97]{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#00b900;color:#fff;font-weight:600;font-size:1.1rem}.line-header-icon[data-v-59457e97]{width:28px;height:28px}.line-qr-close[data-v-59457e97]{margin-left:auto;background:#fff3;border:none;width:30px;height:30px;border-radius:50%;color:#fff;font-size:1.4rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.line-qr-close[data-v-59457e97]:hover{background:#ffffff4d}.line-qr-body[data-v-59457e97]{padding:24px;text-align:center}.line-qr-image[data-v-59457e97]{width:200px;height:200px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.line-qr-text[data-v-59457e97]{margin-top:16px;color:#333;font-size:1rem;font-weight:500}.line-popup-enter-active[data-v-59457e97]{animation:popIn-59457e97 .3s ease}.line-popup-leave-active[data-v-59457e97]{animation:popIn-59457e97 .2s ease reverse}.iphone-warning-overlay[data-v-59457e97]{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.iphone-warning-modal[data-v-59457e97]{background:#fff;border-radius:20px;width:100%;max-width:360px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:modalPop-59457e97 .3s ease}@keyframes modalPop-59457e97{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.iphone-warning-header[data-v-59457e97]{display:flex;align-items:center;gap:10px;padding:16px 20px;background:linear-gradient(135deg,#1a1a1a,#333);color:#fff;font-weight:600;font-size:1rem}.iphone-warning-header i.fab[data-v-59457e97]{font-size:1.4rem}.iphone-warning-close[data-v-59457e97]{margin-left:auto;background:#ffffff26;border:none;width:28px;height:28px;border-radius:50%;color:#fff;font-size:1.3rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.iphone-warning-close[data-v-59457e97]:hover{background:#ffffff40}.iphone-warning-body[data-v-59457e97]{padding:24px 20px;text-align:center}.iphone-warning-icon[data-v-59457e97]{width:60px;height:60px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;animation:bounce-59457e97 1s ease infinite}@keyframes bounce-59457e97{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.iphone-warning-icon i[data-v-59457e97]{font-size:1.8rem;color:#fff}.iphone-warning-body h3[data-v-59457e97]{font-size:1.2rem;font-weight:700;color:#1f2937;margin:0 0 8px}.iphone-warning-body p[data-v-59457e97]{font-size:.95rem;color:#6b7280;margin:0 0 20px}.iphone-steps[data-v-59457e97]{background:#f9fafb;border-radius:12px;padding:16px;text-align:left}.iphone-steps .step[data-v-59457e97]{display:flex;align-items:flex-start;gap:12px;padding:8px 0}.iphone-steps .step[data-v-59457e97]:not(:last-child){border-bottom:1px dashed #e5e7eb}.iphone-steps .step-num[data-v-59457e97]{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:50%;font-size:.8rem;font-weight:700}.iphone-steps .step span[data-v-59457e97]:last-child{font-size:.9rem;color:#374151;line-height:1.4}.iphone-warning-alert[data-v-59457e97]{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:10px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.85rem;font-weight:600}.iphone-warning-alert i[data-v-59457e97]{font-size:1rem}.iphone-warning-footer[data-v-59457e97]{padding:0 20px 20px}.iphone-warning-btn[data-v-59457e97]{width:100%;padding:14px 20px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s;font-family:Kanit,sans-serif}.iphone-warning-btn[data-v-59457e97]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98159}.iphone-warning-btn[data-v-59457e97]:active{transform:translateY(0)}.modal-fade-enter-active[data-v-59457e97]{animation:modalFadeIn-59457e97 .3s ease}.modal-fade-leave-active[data-v-59457e97]{animation:modalFadeIn-59457e97 .2s ease reverse}@keyframes modalFadeIn-59457e97{0%{opacity:0}to{opacity:1}}.admin-entry-link[data-v-59457e97]{position:fixed;top:16px;right:16px;z-index:20;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#0f172aad;border:1px solid rgba(255,255,255,.18);color:#ffffffe6;text-decoration:none;font-size:.8rem;font-weight:600;letter-spacing:.02em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0f172a33}.admin-entry-link[data-v-59457e97]:hover{background:#0f172ad1;transform:translateY(-1px)}@media(max-width:640px){.admin-entry-link[data-v-59457e97]{top:10px;right:10px;padding:7px 10px;font-size:.75rem}}.queue-panel[data-v-59457e97]{width:min(92vw,460px);margin:18px auto 0}.queue-panel-card[data-v-59457e97]{background:linear-gradient(135deg,#0f172af5,#1e293bf0);color:#f8fafc;border-radius:20px;padding:22px 20px;box-shadow:0 22px 50px #0f172a3d;border:1px solid rgba(148,163,184,.25);text-align:center}.queue-panel-icon[data-v-59457e97]{width:56px;height:56px;margin:0 auto 14px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#ffffff1f;font-size:1.3rem}.queue-panel-title[data-v-59457e97]{font-size:1.05rem;font-weight:700;margin-bottom:8px}.queue-panel-message[data-v-59457e97]{font-size:.95rem;line-height:1.6;color:#e2e8f0eb}.queue-panel-position[data-v-59457e97]{margin-top:12px;font-size:.92rem;font-weight:600;color:#fcd34d}.queue-panel-cancel[data-v-59457e97]{margin-top:18px;border:none;border-radius:999px;padding:10px 18px;background:#f8717129;color:#fee2e2;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease}.queue-panel-cancel[data-v-59457e97]:hover{transform:translateY(-1px);background:#f871713d}