@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,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(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--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(/_next/static/media/f196b1e65fee88ed-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,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(/_next/static/media/61a7a85bb72f3355-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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(/_next/static/media/cc95fdb254242a42-s.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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.00%;size-adjust:106.33%}.__className_ad08aa{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}.__variable_ad08aa{--font-thai:"Noto Sans Thai","Noto Sans Thai Fallback"}:root{--color-primary:#16a34a;--color-primary-dark:#15803d;--color-primary-light:#22c55e;--color-primary-muted:rgba(22,163,74,0.08);--color-primary-glow:rgba(22,163,74,0.20);--color-secondary:#000000;--color-secondary-soft:#1A1A1A;--color-bg:#FFFFFF;--color-bg-secondary:#F8F8F8;--color-bg-tertiary:#F2F2F2;--color-surface:#FFFFFF;--color-surface-raised:#FAFAFA;--color-border:#E8E8E8;--color-border-strong:#D0D0D0;--color-text-primary:#111111;--color-text-secondary:#555555;--color-text-muted:#999999;--color-text-inverse:#FFFFFF;--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:0.75rem;--text-sm:0.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:0.25rem;--space-2:0.5rem;--space-3:0.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 rgba(0,0,0,0.05);--shadow-sm:0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px rgba(0,0,0,0.08),0 4px 6px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px rgba(0,0,0,0.08),0 10px 10px rgba(0,0,0,0.04);--shadow-green:0 8px 24px rgba(22,163,74,0.25);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms ease;--transition-spring:300ms cubic-bezier(0.34,1.56,0.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}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body,html{overflow-x:hidden;min-height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:env(safe-area-inset-bottom);touch-action:manipulation}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;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}ol,ul{list-style:none}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}@media (min-width:768px){.container{padding:0 var(--space-8)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.75rem 1.5rem;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}.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 rgba(22,163,74,.35)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-secondary:hover{background:#333;transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary-muted)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-sm{padding:.5rem 1rem;font-size:var(--text-xs)}.btn-lg{padding:1rem 2rem;font-size:var(--text-base)}.input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);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}.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{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.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{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2rem .65rem;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-semibold);letter-spacing:.03em;text-transform:uppercase}.badge-red{background:#FFF0F3;color:var(--color-primary)}.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{position:relative;display:inline-block;width:44px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--color-border-strong);border-radius:var(--radius-full);transition:var(--transition-base);cursor:pointer}.toggle-slider:before{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;background:white;border-radius:50%;transition:var(--transition-spring);box-shadow:var(--shadow-sm)}.toggle input:checked+.toggle-slider{background:var(--color-primary)}.toggle input:checked+.toggle-slider:before{transform:translateX(20px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-dark{background:var(--color-secondary);color:var(--color-text-inverse);border:1px solid #2a2a2a}.drag-handle{cursor:grab}.drag-handle:active{cursor:grabbing}body:not(:has(.admin-root)) img,body:not(:has(.admin-root)) picture,body:not(:has(.admin-root)) video{-webkit-user-drag:none;-khtml-user-drag:none;user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}