@import "https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&family=Sarabun:wght@300;400;500;600;700&display=swap";
:root{--color-primary:#3b82f6;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-200:#bfdbfe;--color-primary-300:#93c5fd;--color-primary-400:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--color-primary-800:#1e40af;--color-primary-900:#1e3a8a;--color-primary-light:var(--color-primary-400);--color-primary-dark:var(--color-primary-700);--color-secondary:#8b5cf6;--color-accent:#f59e0b;--color-accent-light:#fcd34d;--color-accent-dark:#d97706;--color-success:#10b981;--color-success-light:#d1fae5;--color-success-dark:#059669;--color-error:#ef4444;--color-error-light:#fee2e2;--color-error-dark:#dc2626;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-warning-dark:#d97706;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-info-dark:#2563eb;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-light:#d1d5db;--color-text-white:#fff;--color-text-disabled:#9ca3af;--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-bg-dark:#1f2937;--color-bg-light:#f9fafb;--color-bg-hover:#f3f4f6;--color-bg-active:#e5e7eb;--color-bg-disabled:#f3f4f6;--color-border-light:#f3f4f6;--color-border:#e5e7eb;--color-border-medium:#d1d5db;--color-border-dark:#9ca3af;--color-border-focus:var(--color-primary);--btn-primary-bg:var(--color-primary-600);--btn-primary-bg-hover:var(--color-primary-700);--btn-primary-bg-active:var(--color-primary-800);--btn-primary-text:var(--color-text-white);--btn-secondary-bg:var(--color-bg-tertiary);--btn-secondary-bg-hover:var(--color-bg-active);--btn-secondary-text:var(--color-text-secondary);--btn-danger-bg:var(--color-error);--btn-danger-bg-hover:var(--color-error-dark);--btn-danger-text:var(--color-text-white);--input-bg:var(--color-bg-primary);--input-border:var(--color-border);--input-border-focus:var(--color-primary);--input-text:var(--color-text-primary);--input-placeholder:var(--color-text-tertiary);--input-disabled-bg:var(--color-bg-disabled);--input-disabled-text:var(--color-text-disabled);--card-bg:var(--color-bg-primary);--card-border:var(--color-border);--card-shadow:var(--shadow-md);--card-hover-shadow:var(--shadow-lg);--overlay-bg:#00000080;--modal-bg:var(--color-bg-primary);--modal-shadow:var(--shadow-2xl);--sidebar-bg:var(--color-bg-primary);--sidebar-border:var(--color-border);--sidebar-item-hover:var(--color-bg-hover);--sidebar-item-active:var(--color-primary-50);--sidebar-item-active-text:var(--color-primary-600);--header-bg:var(--color-bg-primary);--header-border:var(--color-border);--header-shadow:var(--shadow-sm);--font-family-primary:"Sarabun",-apple-system,BlinkMacSystemFont,sans-serif;--font-family-heading:"Prompt",-apple-system,BlinkMacSystemFont,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px;--shadow-none:none;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #00000026;--shadow-2xl:0 25px 50px #00000040;--shadow-inner:inset 0 2px 4px #0000000f;--focus-ring:0 0 0 4px #3b82f61a;--focus-ring-error:0 0 0 4px #ef44441a;--transition-fast:.15s ease-in-out;--transition-base:.3s ease-in-out;--transition-slow:.5s ease-in-out;--animation-duration-fast:.2s;--animation-duration-base:.4s;--animation-duration-slow:.6s;--container-max-width:1280px;--container-padding:1rem;--container-padding-lg:2rem;--dashboard-content-max-width:800px;--dashboard-content-padding:24px;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-notification:1080}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--color-text-primary);background:var(--color-bg-primary);font-family:var(--font-family-primary);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-md);color:var(--color-text-primary);line-height:1.2}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}.container{width:100%;max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}@media (min-width:1024px){.container{padding:0 var(--container-padding-lg)}}.section{padding:var(--spacing-4xl)0}@media (max-width:768px){.section{padding:var(--spacing-3xl)0}}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-white{color:var(--color-text-white)}.text-brand{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-light{background-color:var(--color-bg-light)}.bg-dark{background-color:var(--color-bg-dark)}.bg-brand{background-color:var(--color-primary)}.bg-success{background-color:var(--color-success-light)}.bg-error{background-color:var(--color-error-light)}.bg-warning{background-color:var(--color-warning-light)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.transition-fast{transition:all var(--transition-fast)}.transition-base{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-0{padding:0}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}@media (max-width:768px){h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fadeIn{animation:fadeIn var(--animation-duration-base)ease-out}.animate-fadeInUp{animation:fadeInUp var(--animation-duration-base)ease-out}.animate-fadeInDown{animation:fadeInDown var(--animation-duration-base)ease-out}.animate-fadeInLeft{animation:fadeInLeft var(--animation-duration-base)ease-out}.animate-fadeInRight{animation:fadeInRight var(--animation-duration-base)ease-out}.animate-scaleIn{animation:scaleIn var(--animation-duration-base)ease-out}.animate-slideUp{animation:slideUp var(--animation-duration-base)ease-out}.animate-bounce{animation:1s infinite bounce}.animate-pulse{animation:2s infinite pulse}.animate-spin{animation:1s linear infinite spin}.stagger-item{opacity:0;animation:fadeInUp var(--animation-duration-base)ease-out forwards}.stagger-item:first-child{animation-delay:0s}.stagger-item:nth-child(2){animation-delay:50ms}.stagger-item:nth-child(3){animation-delay:.1s}.stagger-item:nth-child(4){animation-delay:.15s}.stagger-item:nth-child(5){animation-delay:.2s}.stagger-item:nth-child(6){animation-delay:.25s}.stagger-item:nth-child(7){animation-delay:.3s}.stagger-item:nth-child(8){animation-delay:.35s}.stagger-item:nth-child(9){animation-delay:.4s}.stagger-item:nth-child(10){animation-delay:.45s}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-brightness{transition:filter var(--transition-base)}.hover-brightness:hover{filter:brightness(1.1)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:0 0 20px #3b82f64d}.press-effect{transition:transform var(--transition-fast)}.press-effect:active{transform:scale(.95)}.smooth-transition{transition:all var(--transition-base)}
.toast-container-module__WMe0BW__toastContainer{z-index:9999;flex-direction:column;gap:12px;max-width:400px;display:flex;position:fixed;top:20px;right:20px}.toast-container-module__WMe0BW__toast{cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:12px;min-width:320px;padding:16px;transition:all .2s;animation:.3s ease-out toast-container-module__WMe0BW__slideIn;display:flex;box-shadow:0 4px 12px #00000026}.toast-container-module__WMe0BW__toast:hover{transform:translate(-4px);box-shadow:0 6px 16px #0003}.toast-container-module__WMe0BW__toastIcon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:700;display:flex}.toast-container-module__WMe0BW__toastMessage{color:#333;flex:1;font-size:14px;line-height:1.5}.toast-container-module__WMe0BW__toastClose{cursor:pointer;color:#999;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;transition:color .2s;display:flex}.toast-container-module__WMe0BW__toastClose:hover{color:#333}.toast-container-module__WMe0BW__success{border-left:4px solid #10b981}.toast-container-module__WMe0BW__success .toast-container-module__WMe0BW__toastIcon{color:#10b981;background:#d1fae5}.toast-container-module__WMe0BW__error{border-left:4px solid #ef4444}.toast-container-module__WMe0BW__error .toast-container-module__WMe0BW__toastIcon{color:#ef4444;background:#fee2e2}.toast-container-module__WMe0BW__info{border-left:4px solid #3b82f6}.toast-container-module__WMe0BW__info .toast-container-module__WMe0BW__toastIcon{color:#3b82f6;background:#dbeafe}.toast-container-module__WMe0BW__warning{border-left:4px solid #f59e0b}.toast-container-module__WMe0BW__warning .toast-container-module__WMe0BW__toastIcon{color:#f59e0b;background:#fef3c7}@keyframes toast-container-module__WMe0BW__slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width:640px){.toast-container-module__WMe0BW__toastContainer{max-width:none;left:20px;right:20px}.toast-container-module__WMe0BW__toast{min-width:auto}}