@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-family: "Inter", "Noto Sans Thai", sans-serif;--primary: #7d2923;--primary-dark: #5e1f1a;--primary-light: #a3453e;--secondary: #D4A843;--accent: #2C3E50;--bg-main: #F5F6FA;--bg-white: #FFFFFF;--card-bg: #FFFFFF;--card-border: #E2E8F0;--card-shadow: 0 2px 12px rgba(0, 0, 0, .08);--card-shadow-hover: 0 8px 24px rgba(0, 0, 0, .12);--text-main: #1E293B;--text-secondary: #475569;--text-muted: #94A3B8;--border-color: #E2E8F0;--success: #16A34A;--warning: #EAB308;--danger: #DC2626}body{margin:0;font-family:var(--font-family);background:var(--bg-main);color:var(--text-main);min-height:100vh;overflow-x:hidden}*{box-sizing:border-box}#app{width:100%}a{color:var(--primary);text-decoration:none}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.lang-btn[data-v-e9d0089c]{background:transparent;border:none;font-family:inherit;font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;color:#fff9;padding:6px 10px;transition:color .2s}.lang-btn span[data-v-e9d0089c]{transition:color .2s}.lang-btn .active[data-v-e9d0089c]{color:#fff;font-weight:700}.lang-btn[data-v-e9d0089c]:hover{color:#fff}.divider[data-v-e9d0089c]{font-size:.8rem;opacity:.4}.page-container[data-v-73e474a9]{width:100%;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-main)}.top-bar[data-v-73e474a9]{background:#fff;color:#1a1a1a;padding:0 20px;box-shadow:0 2px 8px #00000014;border-bottom:1px solid #e5e7eb}.top-bar-inner[data-v-73e474a9]{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px}.brand[data-v-73e474a9]{display:flex;align-items:center;gap:10px}.brand-logo[data-v-73e474a9]{height:36px;width:auto;object-fit:contain}.brand-text[data-v-73e474a9]{font-size:1.2rem;font-weight:700;letter-spacing:-.01em;color:#1a1a1a}[data-v-73e474a9] .lang-btn{color:#00000073}[data-v-73e474a9] .lang-btn span{transition:color .2s}[data-v-73e474a9] .lang-btn .active{color:#7d2923;font-weight:700}[data-v-73e474a9] .lang-btn .divider{color:#0000004d;opacity:1}[data-v-73e474a9] .lang-btn:hover{color:#000000bf}.login-wrapper[data-v-73e474a9]{flex:1;display:flex;justify-content:center;align-items:center;padding:40px 20px}.login-card[data-v-73e474a9]{width:100%;max-width:440px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--card-shadow);padding:50px 40px;text-align:center;animation:cardEnter-73e474a9 .6s ease-out}@keyframes cardEnter-73e474a9{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-area[data-v-73e474a9]{margin-bottom:25px;display:flex;justify-content:center}.logo-circle[data-v-73e474a9]{width:80px;height:80px;background:linear-gradient(135deg,#fee2e2,#fecdd3);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #7d292326}.logo-img[data-v-73e474a9]{width:45px;height:45px;object-fit:contain}h1[data-v-73e474a9]{font-size:2rem;font-weight:700;margin:0 0 8px;color:var(--text-main);letter-spacing:-.02em}.subtitle[data-v-73e474a9]{color:var(--text-secondary);font-size:1rem;font-weight:400;margin-bottom:0}.info-text[data-v-73e474a9]{margin:2rem 0;color:var(--text-secondary);font-size:1rem;line-height:1.6}.mfu-login-btn[data-v-73e474a9]{width:100%;padding:14px;background:var(--primary);border:none;border-radius:10px;color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 12px #7d292340;display:flex;align-items:center;justify-content:center;gap:10px}.mfu-login-btn[data-v-73e474a9]:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px #7d292359}.mfu-login-btn[data-v-73e474a9]:disabled{opacity:.6;cursor:not-allowed;transform:none;background:#94a3b8;box-shadow:none}.btn-icon[data-v-73e474a9]{font-size:1.2rem}.footer[data-v-73e474a9]{margin-top:30px;font-size:.8rem;color:var(--text-muted)}.footer-bar[data-v-73e474a9]{background:var(--accent);color:#ffffffb3;text-align:center;padding:16px 20px;font-size:.85rem}.footer-bar p[data-v-73e474a9]{margin:0}.loading-state[data-v-73e474a9]{display:flex;align-items:center;gap:10px}.spinner[data-v-73e474a9]{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:rotate-73e474a9 1s linear infinite}@keyframes rotate-73e474a9{to{transform:rotate(360deg)}}@media(max-width:480px){.login-card[data-v-73e474a9]{padding:40px 25px}h1[data-v-73e474a9]{font-size:1.6rem}}