@font-face{font-family:__Kanit_08ed37;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/75717585c59e5075-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:__Kanit_08ed37;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/158a69e2aae09d8b-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:__Kanit_08ed37;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9c064da0c6a8705d-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:__Kanit_08ed37;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/a5f02fb6311fcdbc-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:__Kanit_08ed37;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/c0ec9aca5b19e917-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:__Kanit_08ed37;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/06bc8c83090c1ec1-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:__Kanit_08ed37;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/1f6d3ad4ae0f1460-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:__Kanit_08ed37;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/eb67d5f0a1d7501d-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:__Kanit_08ed37;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e947190c9bdf6068-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:__Kanit_08ed37;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/52c95d4165d01384-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:__Kanit_08ed37;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/574f1d56a01c5fcb-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:__Kanit_08ed37;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/25f7d470e08d7a87-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:__Kanit_08ed37;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/dd867c03515903ae-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:__Kanit_08ed37;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/5dfeb3c6bf0f27aa-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:__Kanit_08ed37;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/5d1189028b68a613-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:__Kanit_08ed37;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/61eb19e8a04bc1be-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:__Kanit_08ed37;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/1ce8bc761c7de99c-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:__Kanit_08ed37;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/a51b7baf2cdbd7ab-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:__Kanit_08ed37;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/d6e1b2c00650118d-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:__Kanit_08ed37;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/f42c4a7e6e15f653-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:__Kanit_Fallback_08ed37;src:local("Arial");ascent-override:108.49%;descent-override:38.96%;line-gap-override:0.00%;size-adjust:101.39%}.__className_08ed37{font-family:__Kanit_08ed37,__Kanit_Fallback_08ed37;font-style:normal}.__variable_08ed37{--font-kanit:"__Kanit_08ed37","__Kanit_Fallback_08ed37"}*,: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:rgba(59,130,246,.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:rgba(59,130,246,.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: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-kanit),Kanit,IBM Plex Sans Thai,ui-sans-serif,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.flex-1{flex:1 1 0%}.flex-shrink,.shrink{flex-shrink:1}.transform{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))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.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-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))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[var\(--border-1\)\]{border-color:var(--border-1)}.p-5{padding:1.25rem}.pt-2{padding-top:.5rem}.text-2xl{font-size:1.5rem;line-height:2rem}.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-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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)}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{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)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.grayscale{--tw-grayscale:grayscale(100%)}.filter,.grayscale{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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--bg-page:#fff;--bg-panel:#f9fafb;--bg-card:#fff;--bg-card-hover:#f3f4f6;--bg-input:#f9fafb;--bg-elevated:#fff;--fg-1:#0f172a;--fg-2:#334155;--fg-3:#475569;--fg-4:#64748b;--fg-5:#94a3b8;--border-1:#e5e7eb;--border-2:#d1d5db;--border-3:#9ca3af;--border-focus:#6366f1;--accent-300:#a5b4fc;--accent-400:#6366f1;--accent-500:#4f46e5;--accent-600:#4338ca;--accent-700:#3730a3;--accent-fg:#fff;--accent-tint:rgba(79,70,229,.1);--accent-ring:rgba(99,102,241,.35);--success:#16a34a;--success-tint:rgba(34,197,94,.1);--warning:#d97706;--warning-tint:rgba(245,158,11,.1);--danger:#dc2626;--danger-tint:rgba(220,38,38,.1);--info:#0284c7;--info-tint:rgba(14,165,233,.1);--neutral:#64748b;--neutral-tint:rgba(100,116,139,.08);--pink-500:#db2777;--pink-tint:rgba(219,39,119,.1);--navy-500:#1e293b;--navy-600:#0f172a;--navy-700:#020617;--r-sm:8px;--r-md:12px;--r-lg:20px;--r-xl:28px;--r-full:9999px;--shadow-popover:0 14px 36px rgba(15,23,42,.16);--shadow-toast:0 18px 44px rgba(15,23,42,.22);--shadow-card:0 2px 4px rgba(15,23,42,.05),0 12px 28px rgba(15,23,42,.1);--shadow-card-hover:0 6px 12px rgba(15,23,42,.08),0 22px 48px rgba(15,23,42,.16);--shadow-none:none;--ease:cubic-bezier(0.2,0.6,0.2,1)}.dark{--bg-page:#030712;--bg-panel:#0b1220;--bg-card:#111827;--bg-card-hover:#161f31;--bg-input:#0f172a;--bg-elevated:#1f2937;--fg-1:#f9fafb;--fg-2:#d1d5db;--fg-3:#9ca3af;--fg-4:#6b7280;--fg-5:#4b5563;--border-1:#1f2937;--border-2:#374151;--border-3:#4b5563;--accent-300:#a5b4fc;--accent-400:#818cf8;--accent-500:#6366f1;--accent-600:#4f46e5;--accent-700:#4338ca;--accent-tint:rgba(99,102,241,.12);--success:#34d399;--success-tint:rgba(52,211,153,.12);--warning:#fbbf24;--warning-tint:rgba(251,191,36,.12);--danger:#fb7185;--danger-tint:rgba(251,113,133,.12);--info:#38bdf8;--info-tint:rgba(56,189,248,.12);--neutral:#94a3b8;--neutral-tint:rgba(148,163,184,.12);--pink-500:#ec4899;--pink-tint:rgba(236,72,153,.14);--shadow-popover:0 14px 36px rgba(0,0,0,.48);--shadow-card:0 2px 4px rgba(0,0,0,.35),0 12px 28px rgba(0,0,0,.3);--shadow-card-hover:0 6px 12px rgba(0,0,0,.4),0 22px 48px rgba(0,0,0,.48);--shadow-card-hover:0 8px 24px rgba(0,0,0,.45)}*,:after,:before{box-sizing:border-box}body,html{background:var(--bg-page);color:var(--fg-1);font-family:var(--font-kanit),"IBM Plex Sans Thai",-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}canvas,img,svg,video{max-width:100%;height:auto}img[width][height]{height:auto}.skip-link{position:absolute;top:-100px;left:8px;z-index:9999;padding:10px 14px;background:var(--accent-500);color:var(--accent-fg);font-size:13px;font-weight:700;text-decoration:none;border-radius:0 0 8px 8px;transition:top .12s var(--ease)}.skip-link:focus{top:0;outline:2px solid var(--accent-500);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.num{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.card{background:var(--bg-card);border:1.5px dashed var(--border-2);border-radius:var(--r-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:var(--r-md);font-weight:500;font-size:14px;transition:all .18s;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--accent-500);color:var(--accent-fg)}.btn-primary:hover{background:var(--accent-600)}.btn-secondary{background:var(--bg-elevated);color:var(--fg-1);border-color:var(--border-2)}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-ghost{background:transparent;color:var(--fg-2)}.btn-ghost:hover{background:var(--bg-card-hover);color:var(--fg-1)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:6px 12px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.input{width:100%;background:var(--bg-input);border:1px solid var(--border-3);color:var(--fg-1);border-radius:var(--r-md);padding:10px 14px;font-size:14px;outline:none;transition:border-color .18s}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-tint)}.input::-moz-placeholder{color:var(--fg-4)}.input::placeholder{color:var(--fg-4)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:500;border-radius:var(--r-full)}.badge-success{background:var(--success-tint);color:var(--success)}.badge-warning{background:var(--warning-tint);color:var(--warning)}.badge-danger{background:var(--danger-tint);color:var(--danger)}.badge-info{background:var(--info-tint);color:var(--info)}.badge-accent{background:var(--accent-tint);color:var(--accent-500)}.badge-pink{background:var(--pink-tint);color:var(--pink-500)}.label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);font-weight:500}.divider{border:0;border-top:1px solid var(--border-1)}.dot{width:6px;height:6px;border-radius:9999px;display:inline-block}.section-title{font-size:20px;font-weight:600;color:var(--fg-1)}table.tbl{width:100%;border-collapse:collapse}table.tbl th{text-align:left;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);padding:12px 16px}table.tbl td,table.tbl th{border-bottom:1px solid var(--border-1)}table.tbl td{padding:14px 16px;font-size:14px}table.tbl tr:hover td{background:var(--bg-card-hover)}.article-body{white-space:pre-wrap}.article-body h1,.article-body h2,.article-body h3,.article-body h4{color:var(--fg-1);font-weight:600;margin:1.4em 0 .5em;line-height:1.3;white-space:normal}.article-body h2{font-size:22px}.article-body h3{font-size:18px}.article-body h4{font-size:16px}.article-body p{margin:0 0 1em;white-space:pre-wrap}.article-body a{color:var(--accent-500);text-decoration:underline;text-underline-offset:2px}.article-body a:hover{color:var(--accent-600)}.article-body ol,.article-body ul{margin:0 0 1em;padding-left:1.5em}.article-body li{margin:.25em 0;white-space:normal}.article-body img{max-width:100%;height:auto;border-radius:12px;margin:.75em 0}.article-body blockquote{border-left:3px solid var(--accent-500);padding:.5em 1em;margin:1em 0;background:var(--accent-tint);color:var(--fg-2);border-radius:0 8px 8px 0}.article-editor-body{white-space:normal}.article-editor-body h1{font-size:24px;font-weight:700;margin:1em 0 .4em;color:var(--fg-1)}.article-editor-body h2{font-size:20px;font-weight:600;margin:1em 0 .4em;color:var(--fg-1)}.article-editor-body h3{font-size:17px;font-weight:600;margin:.9em 0 .3em;color:var(--fg-1)}.article-editor-body p{margin:0 0 .85em}.article-editor-body ol,.article-editor-body ul{margin:0 0 .85em;padding-left:1.5em}.article-editor-body li{margin:.2em 0}.article-editor-body a{color:var(--accent-500);text-decoration:underline}.article-editor-body img{max-width:100%;height:auto;border-radius:8px;margin:.5em 0}.article-editor-body blockquote{border-left:3px solid var(--accent-500);padding:.4em .9em;margin:.8em 0;background:var(--accent-tint);border-radius:0 6px 6px 0}.article-editor-body code{background:var(--bg-elevated);padding:1px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.92em}.article-editor-body hr{border:0;border-top:1px dashed var(--border-2);margin:1.2em 0}.article-editor-body:empty:before{content:attr(data-placeholder);color:var(--fg-4);pointer-events:none}.article-body code{background:var(--bg-input);border:1px solid var(--border-1);border-radius:4px;padding:1px 6px;font-family:JetBrains Mono,monospace;font-size:.9em}.article-body pre{background:var(--bg-input);border:1px solid var(--border-1);border-radius:10px;padding:14px 16px;overflow-x:auto;margin:1em 0;white-space:pre}.article-body pre code{background:transparent;border:0;padding:0}.article-body hr{border:0;border-top:1px dashed var(--border-1);margin:2em 0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-3)}@keyframes blink{0%,to{opacity:1}50%{opacity:.45}}@keyframes sk-shimmer{0%{background-position:-720px 0}to{background-position:720px 0}}.admin-nav-link:hover{background:linear-gradient(90deg,var(--accent-tint),transparent);color:var(--fg-1);transform:translateX(2px)}.admin-nav-link:hover svg{color:var(--accent-500)}@keyframes admin-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}button,input,select,textarea{font-family:var(--font-kanit),"IBM Plex Sans Thai",-apple-system,BlinkMacSystemFont,sans-serif}.admin-shell{letter-spacing:-.005em}.admin-shell .card{transition:border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}.admin-shell .card:hover{border-color:color-mix(in srgb,var(--accent-500) 50%,var(--border-2))}.admin-shell table.tbl tr{transition:background .12s var(--ease)}.admin-shell table.tbl tbody tr:hover td{background:var(--accent-tint)}.admin-shell .btn{transition:transform 80ms var(--ease),opacity .12s var(--ease),background .12s var(--ease)}.admin-shell .btn:active:not(:disabled){transform:scale(.97)}.admin-shell h1{background:linear-gradient(110deg,var(--fg-1) 70%,var(--accent-500));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.sk-box{display:inline-block;border-radius:6px;background:linear-gradient(90deg,var(--bg-input) 0,var(--bg-elevated) 180px,var(--bg-input) 360px);background-size:720px 100%;animation:sk-shimmer 1.4s linear infinite}.mobile-only{display:none!important}.tbl-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tbl-scroll table{min-width:640px}@media (max-width:1080px){[data-stack-2],[data-stack-3]{grid-template-columns:1fr!important}[data-stack-4]{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){body{font-size:13px}.cat-rail,.desktop-only{display:none!important}.mobile-only{display:inline-flex!important}.public-shell{display:block!important}main{width:100%!important;min-width:0}.app-footer [data-stack-4]{grid-template-columns:1fr 1fr!important;gap:18px!important}.app-footer [data-stack-4]>div:first-child{grid-column:1/-1}.admin-content{padding:14px 12px!important}.admin-header{padding:0 12px!important}.admin-header .admin-user-username{display:none!important}[data-stack-2],[data-stack-3],[data-stack-4],[data-stack-5]{grid-template-columns:1fr!important}[data-stack-6]{grid-template-columns:1fr 1fr!important}[data-mobile-stack]{grid-template-columns:1fr!important;flex-direction:column!important;align-items:stretch!important}.pg-pad{padding-left:12px!important;padding-right:12px!important}table.tbl{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}table.tbl tbody,table.tbl thead{display:table;min-width:100%}table.tbl td,table.tbl th{padding:10px;font-size:12px;white-space:nowrap}form .input{min-width:0!important}form .input,form select.input{width:100%!important}.card{border-radius:var(--r-md)}.btn{min-height:40px;padding:9px 14px}.btn-sm{min-height:34px;padding:6px 10px}.input{font-size:16px;min-height:40px}.section-title{font-size:17px}.article-body h2{font-size:19px}.article-body h3{font-size:16px}.article-body h4{font-size:14px}}@media (max-width:640px){[data-stack-6]{grid-template-columns:1fr!important}}@media (max-width:1080px){[data-product-grid]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:640px){[data-product-grid]{grid-template-columns:1fr!important;gap:10px!important}[data-product-grid]>div{padding:14px!important;border-radius:14px!important}[data-hero-section]{padding:20px 16px!important}[data-hero-title]{font-size:26px!important;line-height:1.2!important}[data-hero-stack]{gap:18px!important}[data-hero-cta]{gap:8px!important;flex-direction:column!important;align-items:stretch!important}[data-hero-cta]>*{width:100%!important;justify-content:center!important}[data-hero-live]{margin-left:0!important;text-align:center!important}[data-brand-icon]{width:36px!important;height:36px!important;font-size:14px!important;border-radius:10px!important}[data-row-card]{grid-template-columns:1fr!important;padding:16px!important}}@supports (padding:max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}:root{--shadow-sm:0 1px 2px rgba(15,23,42,.04),0 1px 1px rgba(15,23,42,.03);--shadow-md:0 4px 8px rgba(15,23,42,.05),0 2px 4px rgba(15,23,42,.04);--shadow-lg:0 10px 24px rgba(15,23,42,.07),0 4px 8px rgba(15,23,42,.04);--shadow-xl:0 20px 48px rgba(15,23,42,.1),0 8px 16px rgba(15,23,42,.05);--shadow-glow-accent:0 0 0 1px var(--accent-tint),0 12px 36px -8px var(--accent-ring);--shadow-glow-success:0 0 0 1px var(--success-tint),0 12px 36px -8px rgba(22,163,74,.35);--shadow-glow-warning:0 0 0 1px var(--warning-tint),0 12px 36px -8px rgba(217,119,6,.35);--shadow-glow-danger:0 0 0 1px var(--danger-tint),0 12px 36px -8px rgba(220,38,38,.35);--shadow-inset:inset 0 1px 0 hsla(0,0%,100%,.6);--grad-accent:linear-gradient(135deg,var(--accent-500),var(--accent-700));--grad-success:linear-gradient(135deg,#10b981,#047857);--grad-warning:linear-gradient(135deg,#f59e0b,#b45309);--grad-danger:linear-gradient(135deg,#f43f5e,#be123c);--grad-info:linear-gradient(135deg,#38bdf8,#0369a1);--grad-pink:linear-gradient(135deg,#f472b6,#be185d);--grad-card-light:linear-gradient(180deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,0))}.dark{--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 8px rgba(0,0,0,.45),0 2px 4px rgba(0,0,0,.3);--shadow-lg:0 10px 24px rgba(0,0,0,.55),0 4px 8px rgba(0,0,0,.4);--shadow-xl:0 20px 48px rgba(0,0,0,.6),0 8px 16px rgba(0,0,0,.45);--shadow-glow-accent:0 0 0 1px var(--accent-tint),0 12px 40px -6px rgba(99,102,241,.5);--shadow-glow-success:0 0 0 1px var(--success-tint),0 12px 40px -6px rgba(52,211,153,.5);--shadow-glow-warning:0 0 0 1px var(--warning-tint),0 12px 40px -6px rgba(251,191,36,.45);--shadow-glow-danger:0 0 0 1px var(--danger-tint),0 12px 40px -6px rgba(251,113,133,.5);--shadow-inset:inset 0 1px 0 hsla(0,0%,100%,.06);--grad-card-light:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,0))}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:translateX(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}60%{opacity:1;transform:scale(1.02)}to{transform:scale(1)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-ring)}50%{box-shadow:0 0 0 6px transparent}}@keyframes sheen{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}@keyframes float-up{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ring-pulse{0%{box-shadow:0 0 0 0 var(--accent-ring)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes draw{0%{stroke-dashoffset:var(--len,1000)}to{stroke-dashoffset:0}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}.admin-shell .card{position:relative;background:var(--bg-card);border:1px solid var(--border-1);border-radius:16px;box-shadow:var(--shadow-sm);transition:border-color .2s var(--ease),box-shadow .22s var(--ease),transform .2s var(--ease);overflow:hidden}.admin-shell .card:before{content:"";position:absolute;inset:0;background:var(--grad-card-light);pointer-events:none;opacity:1;z-index:0}.admin-shell .card>*{position:relative;z-index:1}.admin-shell .card:hover{border-color:color-mix(in srgb,var(--accent-500) 40%,var(--border-1));box-shadow:var(--shadow-md);transform:translateY(-1px)}.admin-shell .card-glow-accent{box-shadow:var(--shadow-glow-accent)}.admin-shell .card-glow-success{box-shadow:var(--shadow-glow-success)}.admin-shell .card-glow-warning{box-shadow:var(--shadow-glow-warning)}.admin-shell .card-glow-danger{box-shadow:var(--shadow-glow-danger)}.admin-shell [data-enter]{animation:slide-up .36s var(--ease) both}.admin-shell [data-enter=fade]{animation-name:fade-in}.admin-shell [data-enter=pop]{animation-name:pop-in}.admin-shell [data-enter=left]{animation-name:slide-in-left}.admin-shell [data-enter=float]{animation-name:float-up}.admin-shell [data-enter-delay="1"]{animation-delay:40ms}.admin-shell [data-enter-delay="2"]{animation-delay:80ms}.admin-shell [data-enter-delay="3"]{animation-delay:.12s}.admin-shell [data-enter-delay="4"]{animation-delay:.16s}.admin-shell [data-enter-delay="5"]{animation-delay:.2s}.admin-shell [data-enter-delay="6"]{animation-delay:.24s}.admin-shell [data-enter-delay="7"]{animation-delay:.28s}.admin-shell [data-enter-delay="8"]{animation-delay:.32s}.admin-shell .refresh-sheen{position:relative;overflow:hidden}.admin-shell .refresh-sheen.go:after{content:"";position:absolute;top:0;bottom:0;left:0;width:40%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent-500) 18%,transparent),transparent);animation:sheen .9s var(--ease);pointer-events:none}.live-ring{position:relative;width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 0 0 var(--success);animation:ring-pulse 1.6s infinite}.metric-num{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;background:var(--grad-accent);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.metric-num.flat{background:none;color:var(--fg-1);-webkit-text-fill-color:var(--fg-1)}.sk{display:block;background:linear-gradient(90deg,var(--bg-input) 0,color-mix(in srgb,var(--bg-input) 60%,var(--bg-elevated)) 200px,var(--bg-input) 400px);background-size:800px 100%;animation:sk-shimmer 1.4s linear infinite;border-radius:8px}.sk-line{height:12px;width:100%}.sk-line-sm{height:9px;width:60%}.sk-line-lg{height:18px;width:80%}.sk-circle{border-radius:50%}.sk-circle,.sk-square{width:36px;height:36px}.sk-square{border-radius:8px}.sk-stat{height:32px;width:70%;border-radius:6px}.sk-chart{height:180px;width:100%;border-radius:10px}.sk-card{padding:18px;border-radius:16px;background:var(--bg-card);border:1px solid var(--border-1)}.admin-shell table.tbl th{letter-spacing:.08em;padding:10px 14px;background:linear-gradient(180deg,var(--bg-panel),transparent)}.admin-shell table.tbl tr{transition:background .14s var(--ease),transform .14s var(--ease)}.admin-shell table.tbl tbody tr:hover td{background:color-mix(in srgb,var(--accent-500) 4%,transparent)}.admin-shell table.tbl tbody tr.row-new{animation:float-up .42s var(--ease);background:color-mix(in srgb,var(--success) 5%,transparent)}.admin-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-panel) 96%,var(--accent-500)),var(--bg-panel) 30%);backdrop-filter:blur(8px)}.admin-sidebar .nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--fg-2);text-decoration:none;font-size:13px;font-weight:500;position:relative;transition:background .2s var(--ease),color .16s var(--ease),transform .16s var(--ease)}.admin-sidebar .nav-link:hover{background:linear-gradient(90deg,color-mix(in srgb,var(--accent-500) 10%,transparent),transparent);color:var(--fg-1);transform:translateX(2px)}.admin-sidebar .nav-link svg{color:var(--fg-4);transition:color .16s var(--ease);flex-shrink:0}.admin-sidebar .nav-link:hover svg{color:var(--accent-500)}.admin-sidebar .nav-link.active{background:linear-gradient(90deg,var(--accent-tint),transparent 70%);color:var(--fg-1);box-shadow:inset 2px 0 0 var(--accent-500)}.admin-sidebar .nav-link.active svg{color:var(--accent-500)}.admin-sidebar .brand-badge{width:38px;height:38px;border-radius:11px;background:var(--grad-accent);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;box-shadow:var(--shadow-glow-accent),inset 0 1px 0 hsla(0,0%,100%,.3);position:relative;overflow:hidden}.admin-sidebar .brand-badge:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,hsla(0,0%,100%,.18),transparent 50%)}.admin-header{background:color-mix(in srgb,var(--bg-panel) 92%,transparent);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid var(--border-1)}.admin-shell .btn-primary{background:var(--grad-accent);border:0;box-shadow:var(--shadow-md),inset 0 1px 0 hsla(0,0%,100%,.2)}.admin-shell .btn-primary:hover{box-shadow:var(--shadow-lg),inset 0 1px 0 hsla(0,0%,100%,.25);transform:translateY(-1px)}.kpi-card{position:relative;background:var(--bg-card);border-radius:16px;border:1px solid var(--border-1);padding:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow .2s var(--ease),transform .2s var(--ease),border-color .2s var(--ease)}.kpi-card:before{content:"";position:absolute;inset:0;background:var(--grad-card-light);pointer-events:none}.kpi-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-accent);opacity:.6}.kpi-card.tone-success:after{background:var(--grad-success)}.kpi-card.tone-warning:after{background:var(--grad-warning)}.kpi-card.tone-danger:after{background:var(--grad-danger)}.kpi-card.tone-info:after{background:var(--grad-info)}.kpi-card.tone-pink:after{background:var(--grad-pink)}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent-500) 35%,var(--border-1))}.kpi-card>*{position:relative;z-index:1}.ticker-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:linear-gradient(90deg,var(--success-tint),transparent);border:1px solid color-mix(in srgb,var(--success) 28%,transparent);font-size:12px;color:var(--fg-1);animation:float-up .36s var(--ease) both,fade-in .24s ease 8s forwards reverse;white-space:nowrap}.admin-shell .chart-path{stroke-dasharray:var(--len,1200);stroke-dashoffset:var(--len,1200);animation:draw .9s var(--ease) both}.admin-shell .chart-bar{animation:float-up .48s var(--ease) both;transform-origin:bottom}.admin-shell .chart-donut>circle:nth-child(n+2){transform-origin:center;animation:pop-in .52s var(--ease) both}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.storefront-app-card:hover{border-color:var(--app-color,var(--accent-500))!important;background:color-mix(in srgb,var(--app-color,var(--accent-500)) 8%,var(--bg-card))!important;transform:translateY(-2px);box-shadow:0 10px 24px color-mix(in srgb,var(--app-color,var(--accent-500)) 18%,transparent)}.mobile-drawer-toggle{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--border-2);background:var(--bg-elevated);color:var(--fg-1);align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}@media (max-width:768px){.mobile-drawer-toggle{display:inline-flex}}body.has-drawer-open{overflow:hidden}.mobile-drawer-backdrop{position:fixed;inset:0;z-index:60;background:rgba(15,23,42,.55);opacity:0;visibility:hidden;transition:opacity .2s var(--ease),visibility .2s}.mobile-drawer-backdrop.open{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:min(320px,86vw);z-index:61;background:var(--bg-panel);border-right:1px solid var(--border-1);box-shadow:0 10px 40px rgba(0,0,0,.25);transform:translateX(-100%);transition:transform .22s var(--ease);display:flex;flex-direction:column;overflow-y:auto;visibility:hidden}.mobile-drawer.open{transform:translateX(0);visibility:visible}.mobile-drawer.right{left:auto;right:0;border-right:0;border-left:1px solid var(--border-1);transform:translateX(100%)}.mobile-drawer.right.open{transform:translateX(0)}@media (min-width:769px){.mobile-drawer,.mobile-drawer-backdrop{display:none!important}}.admin-shell{--admin-panel:color-mix(in srgb,var(--bg-panel) 94%,var(--bg-card));--admin-panel-strong:color-mix(in srgb,var(--bg-card) 88%,var(--bg-panel));background:linear-gradient(180deg,color-mix(in srgb,var(--bg-panel) 86%,var(--bg-card)) 0,var(--bg-page) 42%),var(--bg-page)!important}.admin-shell h1{background:none;color:var(--fg-1);-webkit-text-fill-color:var(--fg-1)}.admin-shell h1,.admin-shell h2,.admin-shell h3,.admin-shell h4{letter-spacing:0}.admin-sidebar{background:linear-gradient(180deg,var(--admin-panel-strong) 0,var(--admin-panel) 100%);box-shadow:inset -1px 0 0 rgba(15,23,42,.03)}.dark .admin-sidebar{box-shadow:inset -1px 0 0 hsla(0,0%,100%,.03)}.admin-sidebar>div:first-child{background:color-mix(in srgb,var(--bg-card) 72%,transparent);position:sticky;top:0;z-index:2}.admin-nav{flex:1;overflow-y:auto;padding:12px 10px 18px;scrollbar-gutter:stable}.admin-nav-group{margin-bottom:14px}.admin-nav-label{color:var(--fg-4);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.08em;line-height:1;padding:10px 12px 7px}.admin-nav-list{display:flex;flex-direction:column;gap:3px}.admin-sidebar .nav-link{min-height:38px;border:1px solid transparent;border-radius:8px;padding:6px 8px;gap:9px;outline:none}.admin-sidebar .nav-link:hover{background:color-mix(in srgb,var(--accent-500) 7%,var(--bg-card));border-color:color-mix(in srgb,var(--accent-500) 14%,transparent);transform:none}.admin-sidebar .nav-link:focus-visible{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-tint)}.admin-sidebar .nav-link.active{background:color-mix(in srgb,var(--accent-500) 11%,var(--bg-card));border-color:color-mix(in srgb,var(--accent-500) 22%,var(--border-1));box-shadow:inset 3px 0 0 var(--accent-500),var(--shadow-sm)}.admin-nav-icon{width:26px;height:26px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-4);background:color-mix(in srgb,var(--bg-input) 74%,transparent);flex:0 0 auto}.admin-sidebar .nav-link.active .admin-nav-icon{color:var(--accent-500);background:var(--accent-tint)}.admin-nav-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-nav-badge{min-width:22px;height:20px;padding:0 7px;border-radius:999px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;font-weight:700;line-height:1;box-shadow:0 4px 12px rgba(15,23,42,.16)}.admin-nav-badge.tone-danger{background:var(--danger)}.admin-nav-badge.tone-info{background:var(--info)}.admin-nav-badge.tone-warning{background:var(--warning)}.admin-header{background:color-mix(in srgb,var(--bg-card) 88%,transparent);box-shadow:0 1px 0 var(--border-1),0 10px 24px rgba(15,23,42,.04)}.admin-content{width:100%}.admin-shell .card,.admin-shell .kpi-card,.admin-shell .sk-card{border-radius:8px;border:1px solid var(--border-1);box-shadow:0 1px 2px rgba(15,23,42,.04)}.admin-shell .card:hover,.admin-shell .kpi-card:hover{border-color:color-mix(in srgb,var(--accent-500) 20%,var(--border-1));box-shadow:0 8px 20px rgba(15,23,42,.06);transform:translateY(-1px)}.admin-shell .card:before,.admin-shell .kpi-card:before{opacity:.55}.admin-shell .btn{min-height:36px;border-radius:8px;font-weight:600;letter-spacing:0}.admin-shell .btn:focus-visible,.admin-user-menu-item:focus-visible,.admin-user-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-tint)}.admin-shell .btn-primary{background:var(--accent-500);border:1px solid color-mix(in srgb,var(--accent-700) 36%,transparent)}.admin-shell .btn-primary:hover{background:var(--accent-600);box-shadow:0 8px 18px color-mix(in srgb,var(--accent-500) 18%,transparent)}.admin-shell .btn-secondary,.admin-shell .input,.admin-shell select.input,.admin-shell textarea.input{border-radius:8px;border-color:var(--border-2);background:color-mix(in srgb,var(--bg-card) 82%,var(--bg-input))}.admin-shell .input:focus,.admin-shell select.input:focus,.admin-shell textarea.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-tint)}.admin-shell .badge{min-height:22px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);font-weight:700}.admin-shell table.tbl{border-collapse:separate;border-spacing:0}.admin-shell table.tbl th{background:color-mix(in srgb,var(--bg-panel) 80%,var(--bg-card));border-bottom:1px solid var(--border-1);color:var(--fg-3);font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.07em;padding:11px 14px;vertical-align:middle}.admin-shell table.tbl td{color:var(--fg-2);padding:12px 14px;vertical-align:middle}.admin-shell table.tbl tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--bg-panel) 30%,transparent)}.admin-shell table.tbl tbody tr:hover td{background:color-mix(in srgb,var(--accent-500) 5%,var(--bg-card))}.admin-shell table.tbl td:first-child,.admin-shell table.tbl th:first-child{padding-left:16px}.admin-shell table.tbl td:last-child,.admin-shell table.tbl th:last-child{padding-right:16px}.admin-user-trigger{height:36px;padding:0 10px 0 4px;border-radius:8px;border:1px solid var(--border-1);background:color-mix(in srgb,var(--bg-card) 86%,var(--bg-elevated));color:var(--fg-1);display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:inherit;transition:border-color .16s var(--ease),background .16s var(--ease),box-shadow .16s var(--ease)}.admin-user-trigger:hover{border-color:color-mix(in srgb,var(--accent-500) 22%,var(--border-1));background:var(--bg-card)}.admin-user-avatar{width:28px;height:28px;border-radius:8px;background:var(--accent-500);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.admin-user-popover{position:absolute;top:calc(100% + 8px);right:0;min-width:232px;background:var(--bg-elevated);border:1px solid var(--border-1);border-radius:8px;box-shadow:var(--shadow-popover);padding:6px;z-index:100;animation:slide-down .14s var(--ease) both}.admin-user-popover-head{padding:10px 12px;border-bottom:1px solid var(--border-1);margin-bottom:4px}.admin-user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border-radius:7px;border:0;background:transparent;color:var(--fg-1);font-family:inherit;font-size:12px;text-align:left;text-decoration:none;cursor:pointer}.admin-user-menu-item:hover{background:var(--bg-card-hover)}.admin-user-menu-item.danger{color:var(--danger)}@media (max-width:768px){.admin-shell{background:var(--bg-page)!important}.admin-shell .card,.admin-shell .kpi-card,.admin-shell .sk-card{border-radius:8px}.admin-header{box-shadow:0 1px 0 var(--border-1)}}.card{box-shadow:var(--shadow-card);transition:box-shadow .24s var(--ease),border-color .24s var(--ease),transform .24s var(--ease)}.card:hover{box-shadow:var(--shadow-card-hover);border-color:color-mix(in srgb,var(--accent-500) 22%,var(--border-2))}.cat-card,.lift-card{box-shadow:var(--shadow-card)}.btn{position:relative;overflow:hidden;box-shadow:0 1px 2px rgba(15,23,42,.06);transition:transform .14s var(--ease),box-shadow .18s var(--ease),background .16s var(--ease),opacity .14s var(--ease)}.btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(15,23,42,.12)}.btn:active:not(:disabled){transform:scale(.97);box-shadow:inset 0 1px 2px rgba(15,23,42,.1),0 1px 2px rgba(15,23,42,.06);transition-duration:60ms}.btn:focus-visible:not(:disabled){outline:2px solid var(--accent-400);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--accent-400),var(--accent-600));box-shadow:0 2px 10px var(--accent-ring),inset 0 1px 0 hsla(0,0%,100%,.18)}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-400),var(--accent-700));box-shadow:0 8px 22px var(--accent-ring),inset 0 1px 0 hsla(0,0%,100%,.25)}.btn-secondary:hover{box-shadow:var(--shadow-card-hover)}.input{transition:border-color .16s var(--ease),box-shadow .16s var(--ease),background .16s var(--ease)}a{transition:color .16s var(--ease)}.badge{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.05)}.section-title{background:linear-gradient(108deg,var(--fg-1) 62%,var(--accent-500));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}@keyframes sf-fade{0%{opacity:0}to{opacity:1}}.rail{animation:sf-fade .26s var(--ease) both;max-width:1180px;margin:0 auto;width:100%}@keyframes sf-rise-soft{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}.rail>section{animation:sf-rise-soft .42s var(--ease) both}.rail>section:first-child{animation-delay:0ms}.rail>section:nth-child(2){animation-delay:60ms}.rail>section:nth-child(3){animation-delay:.12s}.rail>section:nth-child(4){animation-delay:.18s}.rail>section:nth-child(5){animation-delay:.24s}.rail>section:nth-child(6){animation-delay:.3s}.rail>section:nth-child(7){animation-delay:.36s}@keyframes sf-stat-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.sf-stat-pop{animation:sf-stat-pop .48s var(--ease) both}@keyframes sf-breathe{0%,to{box-shadow:0 4px 14px rgba(0,0,0,.14),0 0 0 0 var(--accent-tint)}50%{box-shadow:0 4px 14px rgba(0,0,0,.14),0 0 0 10px transparent}}.sf-breathe{animation:sf-breathe 2.6s var(--ease) infinite}.sf-search-shine:focus-within{box-shadow:0 18px 40px rgba(0,0,0,.22),0 6px 14px rgba(0,0,0,.1),0 0 0 6px hsla(0,0%,100%,.18)!important}.sf-feat-icon{transition:transform .22s var(--ease),background .22s var(--ease),color .22s var(--ease)}.sf-feat:hover .sf-feat-icon{transform:translateY(-2px) scale(1.06);background:var(--accent-500);color:#fff}details>summary .sf-chev{transition:transform .22s var(--ease)}details[open]>summary .sf-chev{transform:rotate(180deg)}@keyframes sf-float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.sf-float-y{animation:sf-float-y 6s var(--ease) infinite}@keyframes sf-skel-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{position:relative;background:linear-gradient(90deg,var(--bg-elevated) 0,color-mix(in srgb,var(--accent-500) 8%,var(--bg-elevated)) 50%,var(--bg-elevated) 100%);background-size:200% 100%;border-radius:8px}.skeleton,.skeleton.dark{animation:sf-skel-shimmer 1.4s ease-in-out infinite}.skeleton.dark{background:linear-gradient(90deg,color-mix(in srgb,var(--accent-500) 12%,var(--bg-card)) 0,color-mix(in srgb,var(--accent-500) 20%,var(--bg-card)) 50%,color-mix(in srgb,var(--accent-500) 12%,var(--bg-card)) 100%);background-size:200% 100%}@keyframes sf-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.sf-marquee-track{display:inline-flex;gap:28px;white-space:nowrap;animation:sf-marquee 28s linear infinite}.sf-marquee-wrap:hover .sf-marquee-track{animation-play-state:paused}@keyframes sf-grad-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.sf-grad-shift{background-size:200% 200%;animation:sf-grad-shift 14s ease-in-out infinite}.live-ping{position:relative;display:inline-block;width:8px;height:8px}.live-ping,.live-ping:after{border-radius:50%;background:var(--success)}.live-ping:after{content:"";position:absolute;inset:0;animation:sf-live-ping 1.6s ease-out infinite}@keyframes sf-live-ping{0%{transform:scale(1);opacity:.7}to{transform:scale(3.2);opacity:0}}.btn:not(.btn-ghost):after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,hsla(0,0%,100%,.45),transparent 60%);opacity:0;pointer-events:none;transition:opacity .48s var(--ease)}.btn:not(.btn-ghost):active:after{opacity:1;transition-duration:0ms}.cat-card:active{transform:translateY(0) scale(.97);transition-duration:80ms}.lift-card:active{transform:translateY(0) scale(.98);transition-duration:80ms}.rail li a,.rail p a{position:relative;text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-size:0 1.5px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .22s var(--ease),color .16s var(--ease)}.rail li a:hover,.rail p a:hover{background-size:100% 1.5px}.input:focus,input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px var(--accent-tint)}@keyframes pulse-hint{0%,to{box-shadow:0 0 0 0 var(--accent-ring)}50%{box-shadow:0 0 0 8px transparent}}.pulse-hint{animation:pulse-hint 2s var(--ease) infinite}.hero-blob{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(72px);opacity:.2;pointer-events:none;z-index:0;animation:hero-float 9s var(--ease) infinite alternate}@keyframes hero-float{0%{transform:translateY(0)}to{transform:translateY(-24px)}}.cat-card{--cat:var(--accent-500);position:relative;padding:18px 14px;border-radius:16px;border:1.5px solid color-mix(in srgb,var(--cat) 26%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--cat) 13%,var(--bg-card)),var(--bg-card) 72%);display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;box-shadow:0 1px 2px rgba(15,23,42,.04);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.cat-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--cat) 55%,transparent);box-shadow:0 12px 28px color-mix(in srgb,var(--cat) 30%,transparent)}.lift-card{--lift:var(--accent-500);transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease)}.lift-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px color-mix(in srgb,var(--lift) 22%,transparent);border-color:color-mix(in srgb,var(--lift) 40%,var(--border-2))}.grad-divider{height:1px;border:0;background:linear-gradient(90deg,transparent,var(--border-2) 20%,var(--border-2) 80%,transparent)}.icon-chip{--chip:var(--accent-500);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;flex-shrink:0;color:var(--chip);background:color-mix(in srgb,var(--chip) 14%,transparent)}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}