@font-face{font-family:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/6211ef845df10dad-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:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/ae276ebc9070dd85-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:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/cb0cc0f907592c8f-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:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/d660c4b004d35ef0-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:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f8092a6a9ad7a44c-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:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/96ad5eed80b1484c-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:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/0ab56aae8cf76709-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:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a1a058a3e6543db0-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:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/7dfdf996fafd0873-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:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/3c7225ad892364d7-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:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8fc9138006ae4675-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:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/0b53384bc8cc52db-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:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/f33c62bdbd09f5b8-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:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2b74019ebf7a71b9-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:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/33387a3e1220e613-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:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2f6258ffdaf4644f-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:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/1f1bc71f0d981582-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:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/21b3ec5f6f7ed992-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:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/760a9ea75c6166f6-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:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/21502afb5d341639-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:Sarabun Fallback;src:local("Arial");ascent-override:109.45%;descent-override:23.78%;line-gap-override:0.00%;size-adjust:97.58%}.__className_c2d289{font-family:Sarabun,Sarabun Fallback;font-style:normal}.__variable_c2d289{--font-sarabun:"Sarabun","Sarabun Fallback"}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.visible{visibility:visible}.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.mt-8{margin-top:2rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-1\.5{height:.375rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-px{height:1px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-20{width:5rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-36{width:9rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[100px\]{min-width:100px}.min-w-\[52px\]{min-width:52px}.min-w-\[64px\]{min-width:64px}.max-w-\[140px\]{max-width:140px}.max-w-\[680px\]{max-width:680px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-rotate-90{--tw-rotate:-90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-\[\#161c30\]>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(22 28 48/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0}.border-\[\#161c30\]{--tw-border-opacity:1;border-color:rgb(22 28 48/var(--tw-border-opacity,1))}.border-\[\#1e2540\]{--tw-border-opacity:1;border-color:rgb(30 37 64/var(--tw-border-opacity,1))}.border-\[rgba\(239\2c 68\2c 68\2c 0\.3\)\]{border-color:rgba(239,68,68,.3)}.border-\[rgba\(250\2c 204\2c 21\2c 0\.25\)\]{border-color:rgba(250,204,21,.25)}.border-\[rgba\(34\2c 197\2c 94\2c 0\.3\)\]{border-color:rgba(34,197,94,.3)}.border-amber-500\/40{border-color:rgb(245 158 11/.4)}.bg-\[\#0a0e1a\]{--tw-bg-opacity:1;background-color:rgb(10 14 26/var(--tw-bg-opacity,1))}.bg-\[\#111527\]{--tw-bg-opacity:1;background-color:rgb(17 21 39/var(--tw-bg-opacity,1))}.bg-\[\#141827\]{--tw-bg-opacity:1;background-color:rgb(20 24 39/var(--tw-bg-opacity,1))}.bg-\[\#1a2035\]{--tw-bg-opacity:1;background-color:rgb(26 32 53/var(--tw-bg-opacity,1))}.bg-\[\#1e2540\]{--tw-bg-opacity:1;background-color:rgb(30 37 64/var(--tw-bg-opacity,1))}.bg-\[\#1e3a5f\]{--tw-bg-opacity:1;background-color:rgb(30 58 95/var(--tw-bg-opacity,1))}.bg-\[\#1e4f5f\]{--tw-bg-opacity:1;background-color:rgb(30 79 95/var(--tw-bg-opacity,1))}.bg-\[\#1e5f2e\]{--tw-bg-opacity:1;background-color:rgb(30 95 46/var(--tw-bg-opacity,1))}.bg-\[\#22c55e\]{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-\[\#3b1e5f\]{--tw-bg-opacity:1;background-color:rgb(59 30 95/var(--tw-bg-opacity,1))}.bg-\[\#5a6278\]{--tw-bg-opacity:1;background-color:rgb(90 98 120/var(--tw-bg-opacity,1))}.bg-\[\#5f1e1e\]{--tw-bg-opacity:1;background-color:rgb(95 30 30/var(--tw-bg-opacity,1))}.bg-\[\#5f3b1e\]{--tw-bg-opacity:1;background-color:rgb(95 59 30/var(--tw-bg-opacity,1))}.bg-\[\#eab308\]{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-\[\#ef4444\]{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-\[\#facc15\]{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.bg-\[rgba\(17\2c 21\2c 39\2c 0\.95\)\]{background-color:rgba(17,21,39,.95)}.bg-\[rgba\(239\2c 68\2c 68\2c 0\.12\)\]{background-color:rgba(239,68,68,.12)}.bg-\[rgba\(250\2c 204\2c 21\2c 0\.1\)\]{background-color:rgba(250,204,21,.1)}.bg-\[rgba\(34\2c 197\2c 94\2c 0\.03\)\]{background-color:rgba(34,197,94,.03)}.bg-\[rgba\(34\2c 197\2c 94\2c 0\.15\)\]{background-color:rgba(34,197,94,.15)}.bg-amber-500\/10{background-color:rgb(245 158 11/.1)}.object-contain{-o-object-fit:contain;object-fit:contain}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pt-4{padding-top:1rem}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Sarabun,Noto Sans Thai,system-ui,-apple-system,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-\[\#22c55e\]{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-\[\#5a6278\]{--tw-text-opacity:1;color:rgb(90 98 120/var(--tw-text-opacity,1))}.text-\[\#8b93a7\]{--tw-text-opacity:1;color:rgb(139 147 167/var(--tw-text-opacity,1))}.text-\[\#eab308\]{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-\[\#ef4444\]{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-\[\#f0f2f5\]{--tw-text-opacity:1;color:rgb(240 242 245/var(--tw-text-opacity,1))}.text-amber-100{--tw-text-opacity:1;color:rgb(254 243 199/var(--tw-text-opacity,1))}.text-amber-200\/80{color:rgb(253 230 138/.8)}.text-green-100{--tw-text-opacity:1;color:rgb(220 252 231/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}:root{--color-bg:#0a0e1a;--color-bg-elevated:#111527;--color-surface:#141827;--color-surface-hover:#1a2035;--color-border:#1e2540;--color-border-subtle:#161c30;--color-text-primary:#f0f2f5;--color-text-secondary:#8b93a7;--color-text-muted:#5a6278;--color-accent:#22c55e;--color-accent-dim:rgba(34,197,94,0.15);--color-accent-glow:rgba(34,197,94,0.4);--color-warning:#eab308;--color-warning-dim:rgba(234,179,8,0.12);--color-danger:#ef4444;--color-danger-dim:rgba(239,68,68,0.12);--color-yellow-card:#facc15;--color-red-card:#ef4444;--font-family:"Sarabun","Noto Sans Thai",system-ui,-apple-system,sans-serif;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--line-height-tight:1.25;--line-height-normal:1.5;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-base:1rem;--space-lg:1.25rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:2.5rem;--space-4xl:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 2px 8px rgba(0,0,0,0.4);--shadow-lg:0 4px 16px rgba(0,0,0,0.5);--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--max-width:1200px;--header-height:52px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-primary);line-height:var(--line-height-normal);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}ol,ul{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}::-webkit-scrollbar{width:6px;height:4px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.page-container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-base)}@media (min-width:640px){.page-container{padding:0 var(--space-xl)}}@media (min-width:1024px){.page-container{padding:0 var(--space-3xl)}}.page-header{position:sticky;top:0;z-index:100;background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);height:var(--header-height);display:flex;align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(17,21,39,.92)}.page-header__inner{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-base);width:100%;display:flex;align-items:center;justify-content:space-between}.page-header__brand{font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);letter-spacing:-.01em}.page-header__brand span{color:var(--color-accent)}.date-tabs{position:sticky;top:var(--header-height);z-index:90;background:var(--color-bg);border-bottom:1px solid var(--color-border-subtle);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.date-tabs::-webkit-scrollbar{display:none}.date-tabs__inner{max-width:var(--max-width);margin:0 auto;display:flex;gap:var(--space-xs);padding:var(--space-sm) var(--space-base)}.date-tabs__tab{flex-shrink:0;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.date-tabs__tab:hover{background:var(--color-surface);color:var(--color-text-primary)}.date-tabs__tab--active{background:var(--color-accent-dim);color:var(--color-accent);font-weight:600}.date-tabs__tab--today{position:relative}.date-tabs__tab--today:after{content:"";position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-accent)}.league-section{margin-top:var(--space-lg)}.league-section__header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:opacity var(--duration-fast) var(--ease-out)}.league-section__header:hover{opacity:.85}.league-section__name{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.02em}.league-section__name-thai{font-size:var(--text-xs);color:var(--color-text-secondary);margin-left:var(--space-sm)}.league-section__count{margin-left:auto}.league-section__chevron,.league-section__count{font-size:var(--text-xs);color:var(--color-text-muted)}.league-section__chevron{transition:transform var(--duration-normal) var(--ease-out)}.league-section--collapsed .league-section__chevron{transform:rotate(-90deg)}.league-section__matches{display:flex;flex-direction:column;gap:1px}.league-section--collapsed .league-section__matches{display:none}.match-card{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-base);background:var(--color-surface);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.match-card:hover{background:var(--color-surface-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.match-card--live{border-left:3px solid var(--color-accent)}.match-card--live:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,var(--color-accent-dim) 0,transparent 30%);pointer-events:none}.match-card__team{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.match-card__team--home{justify-content:flex-end;text-align:right}.match-card__team-name{font-size:var(--text-base);font-weight:500;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.match-card__team-cards{display:flex;gap:2px;align-items:center}.match-card__team-cards .card-icon{width:8px;height:11px;border-radius:1px}.match-card__team-cards .card-icon--yellow{background:var(--color-yellow-card)}.match-card__team-cards .card-icon--red{background:var(--color-red-card)}.score-badge{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);flex-shrink:0;min-width:72px}.score-badge__away,.score-badge__home{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);min-width:20px;text-align:center;font-variant-numeric:tabular-nums}.score-badge__separator{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:400}.score-badge--live .score-badge__away,.score-badge--live .score-badge__home{color:var(--color-accent)}.score-badge--notstarted{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);white-space:nowrap}.status-badge--live{color:var(--color-accent);background:var(--color-accent-dim)}.status-badge--live:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-accent);animation:live-pulse 1.5s ease-in-out infinite}.status-badge--upcoming{color:var(--color-text-secondary);background:transparent}.status-badge--finished{color:var(--color-text-muted);background:transparent}.status-badge--stale{color:var(--color-warning);background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3)}.status-badge--minute{font-variant-numeric:tabular-nums}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.match-info-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) var(--space-base) var(--space-sm);font-size:var(--text-xs);color:var(--color-text-muted)}.match-info-row__kickoff{font-weight:500}.match-info-row__venue{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-timeline{padding:var(--space-lg) 0}.event-timeline__period-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:var(--text-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.event-timeline__period-header:after{content:"";flex:1;height:1px;background:var(--color-border)}.event-timeline__item{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:var(--space-sm);align-items:start;padding:var(--space-sm) 0;position:relative}.event-timeline__item:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:1px;background:var(--color-border-subtle)}.event-timeline__minute{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);font-variant-numeric:tabular-nums;text-align:center;padding-top:2px;position:relative;z-index:1}.event-timeline__minute:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border);z-index:-1}.event-timeline__item--goal .event-timeline__minute:after{border-color:var(--color-accent);background:var(--color-accent-dim)}.event-timeline__item--card .event-timeline__minute:after{border-color:var(--color-yellow-card)}.event-timeline__item--card-red .event-timeline__minute:after{border-color:var(--color-red-card)}.event-timeline__detail{min-width:0}.event-timeline__player{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.event-timeline__type{font-size:var(--text-xs);color:var(--color-text-secondary)}.event-timeline__secondary{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:1px}.event-timeline__score{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.data-quality-notice{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md) var(--space-base);margin:var(--space-base) 0;background:var(--color-warning-dim);border-left:3px solid var(--color-warning);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary)}.data-quality-notice__icon{flex-shrink:0;color:var(--color-warning);font-size:var(--text-md)}.data-quality-notice__text{min-width:0}.data-quality-notice__text strong{color:var(--color-warning)}.seo-text-block{padding:var(--space-3xl) 0 var(--space-4xl);margin-top:var(--space-3xl);border-top:1px solid var(--color-border-subtle)}.seo-text-block h2{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-base)}.seo-text-block p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.75;margin-bottom:var(--space-md)}.seo-text-block p:last-child{margin-bottom:0}.site-footer{margin-top:var(--space-4xl);padding:var(--space-2xl) 0;border-top:1px solid var(--color-border);text-align:center}.site-footer__text{font-size:var(--text-xs);color:var(--color-text-muted)}.site-footer__links{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-sm)}.site-footer__links a{font-size:var(--text-xs);color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.site-footer__links a:hover{color:var(--color-accent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-base{margin-top:var(--space-base)}.mt-lg{margin-top:var(--space-lg)}.mt-xl,.status-group{margin-top:var(--space-xl)}.status-group__label{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.status-group__label--live{color:var(--color-accent)}.status-group__label-count{font-weight:400;color:var(--color-text-muted);margin-left:var(--space-xs)}.empty-state{text-align:center;padding:var(--space-4xl) var(--space-base);color:var(--color-text-muted)}.empty-state__icon{font-size:var(--text-3xl);margin-bottom:var(--space-base)}.empty-state__text{font-size:var(--text-base)}.breadcrumb{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:wrap}.breadcrumb a{color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.breadcrumb a:hover{color:var(--color-accent)}.breadcrumb__separator{color:var(--color-text-muted)}.match-detail-header{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-base) 0}.match-detail-header__competition{font-size:var(--text-xs);color:var(--color-text-secondary);text-align:center;margin-bottom:var(--space-sm)}.match-detail-header__teams{display:flex;align-items:center;justify-content:center;gap:var(--space-lg)}.match-detail-header__team-name{font-size:var(--text-lg);font-weight:600;text-align:center;min-width:0;flex:1}.match-detail-header__score{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-3xl);font-weight:700;font-variant-numeric:tabular-nums;flex-shrink:0}.match-detail-header__score--live{color:var(--color-accent)}.match-detail-header__meta{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-md);font-size:var(--text-xs);color:var(--color-text-muted)}@media (min-width:640px){.match-card{padding:var(--space-base) var(--space-xl)}.match-card__team-name{font-size:var(--text-md)}.score-badge__away,.score-badge__home{font-size:var(--text-2xl)}.match-detail-header{padding:var(--space-2xl)}.match-detail-header__team-name{font-size:var(--text-xl)}.match-detail-header__score{font-size:var(--text-4xl)}}@media (min-width:1024px){.match-card{padding:var(--space-md) var(--space-2xl)}.match-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.league-section{margin-top:var(--space-xl)}.match-detail-header__teams{gap:var(--space-3xl)}.match-detail-header__team-name{font-size:var(--text-2xl)}.match-detail-header__score{font-size:var(--text-5xl)}.event-timeline{max-width:720px;margin:0 auto}}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:bg-\[\#1a2035\]:hover{--tw-bg-opacity:1;background-color:rgb(26 32 53/var(--tw-bg-opacity,1))}.hover\:bg-\[\#1e2540\]:hover{--tw-bg-opacity:1;background-color:rgb(30 37 64/var(--tw-bg-opacity,1))}.hover\:text-\[\#8b93a7\]:hover{--tw-text-opacity:1;color:rgb(139 147 167/var(--tw-text-opacity,1))}.hover\:text-\[\#f0f2f5\]:hover{--tw-text-opacity:1;color:rgb(240 242 245/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.active\:bg-\[\#1a2035\]:active{--tw-bg-opacity:1;background-color:rgb(26 32 53/var(--tw-bg-opacity,1))}.group:hover .group-hover\:opacity-40{opacity:.4}@media (min-width:640px){.sm\:flex{display:flex}}