:root{--primary:#6d5efc;--primary-600:#5a4af0;--primary-700:#4a3bd6;--primary-soft:#eef0ff;--bg:#f5f6fb;--app-backdrop:radial-gradient(circle at 78% 10%, #8c76ff80, transparent 48%), radial-gradient(circle at 8% 92%, #6d5efc57, transparent 54%), linear-gradient(158deg, #e0d9ff 0%, #c6b9fb 100%);--card:#fff;--surface-2:#f7f8fc;--rail:#11132a;--rail-2:#171a36;--rail-line:#ffffff12;--rail-text:#aab0d6;--rail-text-dim:#6e7499;--ink:#161a2e;--ink-2:#4b5168;--ink-3:#8990a8;--line:#eceef4;--line-2:#e2e5ee;--green:#16a34a;--green-bg:#e7f7ec;--amber:#d97706;--amber-bg:#fdf1de;--red:#dc2626;--red-bg:#fdeaea;--blue:#2563eb;--blue-bg:#e8effd;--violet:#7c3aed;--violet-bg:#f1ebfe;--slate:#64748b;--slate-bg:#eef1f6;--cyan:#0891b2;--cyan-bg:#e3f6fa;--radius:14px;--radius-sm:10px;--radius-xs:8px;--shadow:0 1px 2px #1018280a, 0 4px 16px #1018280f;--shadow-sm:0 1px 2px #1018280f;--shadow-lg:0 10px 30px #1018281f;--shadow-modal:0 24px 70px #1216263d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}:root{--font-ui:"Nunito", "Sarabun", system-ui, -apple-system, "Segoe UI", sans-serif}:root[lang=th]{--font-ui:"Sarabun", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif}:root{--font-brand:"Outfit", "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif}:root[lang=th] body{font-synthesis-weight:none}body,button,input,select,textarea{font-family:var(--font-ui)}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238990a8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;background-size:12px;padding-right:22px}select:disabled{cursor:default;opacity:.65}.tbl-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;width:100%;min-width:0;max-width:100%;overflow-x:auto}.tbl-loading .page-loader{min-height:220px}.lang-switcher{background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--radius-xs);align-items:center;gap:2px;padding:3px;display:inline-flex}.lang-option{appearance:none;color:var(--ink-3);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:5px 10px;font-size:13px;font-weight:600;line-height:1;transition:background .15s,color .15s}.lang-option:hover{color:var(--ink-2)}.lang-option.is-active{background:var(--card);color:var(--primary);box-shadow:0 1px 2px #161a2e14}.login-lang-switcher{z-index:2;position:absolute;top:18px;right:18px}.icon-chat-dot{transform-box:fill-box;transform-origin:50%}a:hover .icon-chat-dot,button:hover .icon-chat-dot,.icon-chat:hover .icon-chat-dot{animation:1.4s ease-in-out infinite icon-chat-typing}a:hover .icon-chat-dot:nth-of-type(2),button:hover .icon-chat-dot:nth-of-type(2),.icon-chat:hover .icon-chat-dot:nth-of-type(2){animation-delay:.18s}a:hover .icon-chat-dot:nth-of-type(3),button:hover .icon-chat-dot:nth-of-type(3),.icon-chat:hover .icon-chat-dot:nth-of-type(3){animation-delay:.36s}@keyframes icon-chat-typing{0%,55%,to{opacity:.35;transform:translateY(0)}25%{opacity:1;transform:translateY(-1.5px)}}@media (prefers-reduced-motion:reduce){a:hover .icon-chat-dot,button:hover .icon-chat-dot,.icon-chat:hover .icon-chat-dot{animation:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}html{scrollbar-gutter:stable}body{max-width:100%;overflow-x:clip}:is(html:has(.prod-modal-backdrop,.kol-edit-backdrop),body:has(.prod-modal-backdrop,.kol-edit-backdrop)){overscroll-behavior:none;overflow:hidden}.prod-modal-backdrop,.kol-edit-backdrop{overscroll-behavior:contain;position:fixed;inset:0;overflow:hidden;-webkit-backdrop-filter:blur(14px)saturate(130%)!important;backdrop-filter:blur(14px)saturate(130%)!important;background:radial-gradient(circle at 50% 16%,#8675ff2e,#0000 34%),#1816376b!important}img,video{max-width:100%;height:auto}#root{flex-direction:column;display:flex}*{box-sizing:border-box}.page-loader{width:100%;min-height:60vh;color:var(--ink-3);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.page-loader.is-full{background:var(--app-backdrop);background-attachment:fixed,fixed,fixed;min-height:100vh}.page-loader__icons{width:44px;height:44px;color:var(--primary);flex:0 0 44px;place-items:center;display:grid}.page-loader__icon{will-change:transform, opacity;animation:.7s both page-loader-icon-in}.page-loader__label{color:var(--ink-2);letter-spacing:.01em;font-size:13px;font-weight:500}.shell-body{position:relative}.shell-route-loader{z-index:20;background:var(--app-backdrop);background-attachment:fixed,fixed,fixed;place-items:center;animation:.12s ease-out both page-loader-enter;display:grid;position:fixed;inset:64px 0 0 248px}.shell-route-loader .page-loader{min-height:0}@keyframes page-loader-icon-in{0%{opacity:0;transform:scale(.7)}20%{opacity:1;transform:scale(1)}80%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}@keyframes page-loader-enter{0%{opacity:0}to{opacity:1}}@media (width<=1024px){.shell-route-loader{left:0}}@media (prefers-reduced-motion:reduce){.page-loader__icon{animation-name:page-loader-icon-fade}.shell-route-loader{animation:none}}@keyframes page-loader-icon-fade{0%{opacity:0}20%,80%{opacity:1}to{opacity:0}}.nav-route-loader{z-index:1000;animation:.16s ease-out .2s both page-loader-enter;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.nav-route-loader{animation-duration:1ms}}