@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5090b139-module__1h4HmG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5090b139-module__1h4HmG__variable{--font-latin:"Inter", "Inter Fallback"}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.3ok2djvs6w93k.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.1ttn5ge0anb6a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.0h0-3wqrkgcb1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}.noto_sans_thai_bc4a3019-module__PanTHa__className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.noto_sans_thai_bc4a3019-module__PanTHa__variable{--font-thai:"Noto Sans Thai", "Noto Sans Thai Fallback"}
:root{--color-primary:#16a34a;--color-primary-dark:#15803d;--color-primary-light:#22c55e;--color-primary-muted:#16a34a14;--color-primary-glow:#16a34a33;--color-secondary:#000;--color-secondary-soft:#1a1a1a;--color-bg:#fff;--color-bg-secondary:#f8f8f8;--color-bg-tertiary:#f2f2f2;--color-surface:#fff;--color-surface-raised:#fafafa;--color-border:#e8e8e8;--color-border-strong:#d0d0d0;--color-text-primary:#111;--color-text-secondary:#555;--color-text-muted:#999;--color-text-inverse:#fff;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#d97706;--color-warning-bg:#fffbeb;--color-error:#dc2626;--color-error-bg:#fef2f2;--color-info:#2563eb;--color-info-bg:#eff6ff;--color-module-products:#16a34a;--color-module-categories:#7c3aed;--color-module-promotions:#d97706;--color-module-homepage:#0891b2;--color-module-media:#059669;--color-module-leads:#dc2626;--color-module-service:#2563eb;--color-module-seo:#7c3aed;--color-module-settings:#374151;--color-module-banners:#be185d;--color-module-faq:#0d9488;--color-module-header:#1d4ed8;--color-module-footer:#4338ca;--color-module-users:#b45309;--font-sans:var(--font-latin), var(--font-thai), -apple-system, BlinkMacSystemFont, sans-serif;--font-thai-stack:var(--font-thai), sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3rem;--text-5xl:4rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #00000014, 0 4px 6px #0000000d;--shadow-xl:0 20px 25px #00000014, 0 10px 10px #0000000a;--shadow-green:0 8px 24px #16a34a40;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--z-base:1;--z-dropdown:10;--z-sticky:20;--z-modal:50;--z-toast:60;--container-max:1280px;--admin-max:1440px;--header-height:64px;--mobile-nav-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;min-height:100%;font-size:16px;overflow-x:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100%;padding-bottom:env(safe-area-inset-bottom);touch-action:manipulation;line-height:1.6;overflow-x:hidden}button,input,select,textarea{font:inherit}img,video{max-width:100%;height:auto;display:block}@supports (-webkit-touch-callout:none){body{min-height:-webkit-fill-available}}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);padding:0 var(--space-4);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--space-8)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.02em;transition:all var(--transition-base);white-space:nowrap;padding:.75rem 1.5rem;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-green)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 12px 28px #16a34a59}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-secondary:hover{background:#333;transform:translateY(-1px)}.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary-muted)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-sm{font-size:var(--text-xs);padding:.5rem 1rem}.btn-lg{font-size:var(--text-base);padding:1rem 2rem}.input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.75rem 1rem}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.input::placeholder{color:var(--color-text-muted)}.label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:block}.field{gap:var(--space-2);flex-direction:column;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.card-body{padding:var(--space-6)}.badge{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-semibold);letter-spacing:.03em;text-transform:uppercase;padding:.2rem .65rem;display:inline-flex}.badge-red{color:var(--color-primary);background:#fff0f3}.badge-green{background:var(--color-success-bg);color:var(--color-success)}.badge-orange{background:var(--color-warning-bg);color:var(--color-warning)}.badge-blue{background:var(--color-info-bg);color:var(--color-info)}.badge-grey{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.toggle{width:44px;height:24px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--color-border-strong);border-radius:var(--radius-full);transition:var(--transition-base);cursor:pointer;position:absolute;inset:0}.toggle-slider:before{content:"";width:18px;height:18px;transition:var(--transition-spring);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--color-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-dark{background:var(--color-secondary);color:var(--color-text-inverse);border:1px solid #2a2a2a}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}:is(body:not(:has(.admin-root)) img,body:not(:has(.admin-root)) video,body:not(:has(.admin-root)) picture){-webkit-user-drag:none;-khtml-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}