@charset "UTF-8";:root{--color-brand-purple: #622181;--color-brand-purple-dark: #4A1762;--color-brand-purple-light: #F5EEF9;--color-brand-purple-glow: rgba(98, 33, 129, .15);--color-brand-pink: #E82274;--color-brand-pink-dark: #BE1256;--color-brand-pink-light: #FDF2F7;--color-brand-pink-glow: rgba(232, 34, 116, .2);--color-primary: #622181;--color-primary-hover: #4A1762;--color-primary-light: #F5EEF9;--color-primary-dark: #370F4B;--color-teal: #0D9488;--color-teal-light: #CCFBF1;--color-secondary: #0284C7;--color-secondary-light: #E0F2FE;--color-accent-gold: #D97706;--color-accent-green: #059669;--color-accent-rose: #E11D48;--color-accent-purple: #7C3AED;--bg-app: #F8FAFC;--bg-card: #FFFFFF;--bg-card-muted: #F1F5F9;--border-color: #E2E8F0;--border-focus: #622181;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--status-waiting-bg: #FEF3C7;--status-waiting-text: #92400E;--status-waiting-border: #FCD34D;--status-called-bg: #FFE4E6;--status-called-text: #9F1239;--status-called-border: #FDA4AF;--status-serving-bg: #D1FAE5;--status-serving-text: #065F46;--status-serving-border: #6EE7B7;--status-completed-bg: #E2E8F0;--status-completed-text: #334155;--status-completed-border: #CBD5E1;--status-missed-bg: #FEE2E2;--status-missed-text: #991B1B;--status-missed-border: #FCA5A5;--font-thai: "Prompt", -apple-system, BlinkMacSystemFont, "Sarabun", "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .06), 0 1px 2px -1px rgb(0 0 0 / .04);--shadow-md: 0 4px 10px -1px rgb(0 0 0 / .08), 0 2px 6px -2px rgb(0 0 0 / .04);--shadow-lg: 0 12px 20px -3px rgb(0 0 0 / .09), 0 4px 8px -4px rgb(0 0 0 / .04);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .05);--shadow-brand: 0 10px 25px -3px rgba(98, 33, 129, .22)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-thai);background-color:var(--bg-app);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}body,#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-thai);font-weight:700;color:var(--text-primary);letter-spacing:-.015em;line-height:1.25}p,span,label,input,button{font-family:var(--font-thai)}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}.container-mobile{width:100%;max-width:480px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.header-glass{background:#fffffff2;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:50;box-shadow:0 2px 8px #00000008}.brand-logo-glow{filter:drop-shadow(0 4px 10px rgba(98,33,129,.25));transition:transform .25s ease,filter .25s ease}.brand-logo-glow:hover{transform:scale(1.05);filter:drop-shadow(0 6px 16px rgba(232,34,116,.35))}.card-rukfun{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card-rukfun:hover{box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.card-interactive:active{transform:scale(.985)}.btn-rukfun{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;font-size:1rem;padding:.75rem 1.5rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .15s ease-in-out;text-decoration:none;min-height:48px;touch-action:manipulation}.btn-primary{background:linear-gradient(135deg,var(--color-brand-purple) 0%,#7E22CE 100%);color:var(--text-inverse);box-shadow:0 4px 14px #62218147}.btn-primary:hover{background:linear-gradient(135deg,var(--color-brand-purple-dark) 0%,#6B21A8 100%);box-shadow:0 6px 18px #62218161;transform:translateY(-1px)}.btn-primary:active{transform:translateY(1px)}.btn-pink{background:linear-gradient(135deg,var(--color-brand-pink) 0%,#F43F5E 100%);color:#fff;box-shadow:0 4px 14px #e822744d}.btn-pink:hover{background:linear-gradient(135deg,var(--color-brand-pink-dark) 0%,#E11D48 100%);box-shadow:0 6px 18px #e8227473}.btn-secondary{background-color:var(--bg-card-muted);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#e2e8f0}.btn-danger{background-color:#dc2626;color:#fff}.btn-danger:hover{background-color:#b91c1c}.btn-success{background-color:#059669;color:#fff}.btn-success:hover{background-color:#047857}.btn-call{background:linear-gradient(135deg,#e82274,#c0145a);color:#fff;box-shadow:0 4px 14px #e8227459;font-size:1.125rem;font-weight:700}.btn-call:hover{box-shadow:0 6px 20px #e822748c;transform:translateY(-1px)}.queue-number-hero{font-size:clamp(3.75rem,13vw,5.75rem);font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--text-primary);text-align:center}.queue-number-called{color:#e82274;animation:pulse-called 2s infinite}@keyframes pulse-called{0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(232,34,116,.4))}50%{transform:scale(1.04);filter:drop-shadow(0 0 18px rgba(232,34,116,.6))}to{transform:scale(1);filter:drop-shadow(0 0 0 rgba(232,34,116,.4))}}@keyframes ring-bell{0%,to{transform:rotate(0)}20%,60%{transform:rotate(15deg)}40%,80%{transform:rotate(-15deg)}}.animate-ring{animation:ring-bell .8s ease-in-out infinite}.badge-status{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;border:1px solid transparent}.badge-waiting{background-color:var(--status-waiting-bg);color:var(--status-waiting-text);border-color:var(--status-waiting-border)}.badge-called{background-color:var(--status-called-bg);color:var(--status-called-text);border-color:var(--status-called-border);animation:bounce-subtle 1.5s infinite}.badge-serving{background-color:var(--status-serving-bg);color:var(--status-serving-text);border-color:var(--status-serving-border)}.badge-completed{background-color:var(--status-completed-bg);color:var(--status-completed-text);border-color:var(--status-completed-border)}.badge-missed{background-color:var(--status-missed-bg);color:var(--status-missed-text);border-color:var(--status-missed-border)}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.input-rukfun{width:100%;padding:.875rem 1rem;font-size:1.05rem;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-card);color:var(--text-primary);transition:border-color .15s ease,box-shadow .15s ease;outline:none}.input-rukfun:focus{border-color:var(--color-brand-purple);box-shadow:0 0 0 3.5px #62218126}.tab-category{display:flex;align-items:center;gap:.5rem;padding:.65rem 1rem;border-radius:var(--radius-md);font-weight:600;border:1px solid transparent;cursor:pointer;background:var(--bg-card-muted);color:var(--text-secondary);transition:all .15s ease}.tab-category.active{background:var(--color-brand-purple);color:#fff;box-shadow:var(--shadow-sm)}.table-responsive{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color);background:#fff}.table-queue{width:100%;border-collapse:collapse;text-align:left}.table-queue th{background:#f8fafc;padding:.85rem 1rem;font-size:.85rem;font-weight:700;color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.03em}.table-queue td{padding:1rem;border-bottom:1px solid var(--border-color);font-size:.95rem}.table-queue tr:last-child td{border-bottom:none}.table-queue tr:hover td{background-color:#f8fafc}.marquee-container{overflow:hidden;white-space:nowrap;position:relative;width:100%;display:flex}.marquee-content{display:inline-flex;align-items:center;gap:3.5rem;animation:marquee-scroll 70s linear infinite;padding-left:100%}.marquee-content:hover{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.social-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .85rem;border-radius:9999px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);font-weight:600;font-size:1rem;color:#fff}@media(max-width:640px){.card-rukfun{padding:1.15rem}.btn-rukfun{width:100%}}