*,: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: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;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:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;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{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}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}:root{--background:47 100% 94%;--foreground:220 75% 15%;--card:0 0% 100%;--card-foreground:220 75% 15%;--popover:0 0% 100%;--popover-foreground:220 75% 15%;--primary:218 100% 55%;--primary-foreground:0 0% 100%;--secondary:191 100% 62%;--secondary-foreground:220 75% 15%;--muted:47 60% 90%;--muted-foreground:220 30% 35%;--accent:49 100% 62%;--accent-foreground:220 75% 15%;--destructive:0 72% 45%;--destructive-foreground:0 0% 100%;--border:220 30% 78%;--input:220 30% 78%;--ring:218 100% 55%;--radius:0.5rem;--ink:#0A1F44;--line:#BFD6FF;--surface:#FFF6E0;--panel:#ffffff;--brand:#1B6EFF;--brand-dark:#0A1F44;--brand-cyan:#3DDCFF;--brand-yellow:#FFD93D;--warn:#b45309;--danger:#b91c1c;--ok:#15803d}*{border-color:hsl(var(--border));box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--surface);color:var(--ink);font-family:var(--font-body),"Noto Sans Thai",Arial,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.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}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.left-\[50\%\]{left:50%}.right-4{right:1rem}.top-4{top:1rem}.top-\[50\%\]{top:50%}.z-50{z-index:50}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.hidden{display:none}.h-10{height:2.5rem}.h-4{height:1rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-px{height:1px}.w-4{width:1rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-\[8rem\]{min-width:8rem}.max-w-lg{max-width:32rem}.caption-bottom{caption-side:bottom}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-\[-50\%\]{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))}.translate-y-\[-50\%\]{--tw-translate-y:-50%}.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-default{cursor:default}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.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))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-input{border-color:hsl(var(--input))}.bg-background{background-color:hsl(var(--background))}.bg-black\/80{background-color:rgb(0 0 0/.8)}.bg-card{background-color:hsl(var(--card))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-muted{background-color:hsl(var(--muted))}.bg-popover{background-color:hsl(var(--popover))}.bg-primary{background-color:hsl(var(--primary))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pt-0{padding-top:0}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-card-foreground{color:hsl(var(--card-foreground))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-popover-foreground{color:hsl(var(--popover-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.underline-offset-4{text-underline-offset:4px}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-md{--tw-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0/0.1)) drop-shadow(0 1px 1px rgb(0 0 0/0.06))}.drop-shadow,.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)}.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}.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}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-200{animation-duration:.2s}.ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{background:#102a3a;color:#fff;padding:22px 16px}.brand{display:flex;align-items:center;gap:10px;margin-bottom:24px;font-weight:800}.mark{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;background:var(--brand)}.nav{display:grid;gap:6px}.nav a,.nav button{border:0;border-radius:8px;padding:11px 12px;background:transparent;color:#dbe6ef;text-align:left;cursor:pointer;width:100%}.nav a:hover,.nav button:hover{background:rgba(255,255,255,.1);color:#fff}.main{padding:28px}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.eyebrow{margin:0 0 5px;color:var(--muted-foreground,#64748b)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.7rem,2.5vw,2.4rem);margin-bottom:0}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,minmax(150px,1fr))}.card{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 10px 28px rgba(23,32,42,.08)}.section{padding:18px}.stat span{color:var(--muted-foreground,#64748b)}.stat strong{display:block;margin-top:8px;font-size:1.55rem}.table-wrap{overflow-x:auto}table{width:100%;min-width:760px;border-collapse:collapse}td,th{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted-foreground,#64748b)}.badge,th{font-size:.82rem}.badge{display:inline-flex;border-radius:999px;padding:4px 9px;background:#e2e8f0;color:#334155;font-weight:700}.badge.ok{background:#dcfce7;color:var(--ok)}.badge.warn{background:#fef3c7;color:var(--warn)}.badge.danger{background:#fee2e2;color:var(--danger)}.btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px;padding:9px 13px;background:#fff;color:var(--ink);cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{border-color:var(--brand);background:var(--brand);color:#fff}.form{display:grid;gap:12px}.field{display:grid;gap:6px}label{color:var(--muted-foreground,#64748b);font-weight:700}input,select{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 11px;background:#fff}.login{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr)}.login-hero{display:flex;flex-direction:column;justify-content:space-between;padding:42px;background:#102a3a;color:#fff}.login-panel{display:grid;place-items:center;padding:28px}.login-card{width:min(430px,100%);padding:24px}.muted{color:var(--muted-foreground,#64748b)}@media (max-width:900px){.login,.shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:2}.nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.main{padding:18px}.stats{grid-template-columns:1fr}}:root{--toy-cream:#FFF8E7;--toy-ink:#1A1A2E;--toy-paper:#FFFFFF;--toy-sky:#5BC2E7;--toy-sun:#FFD23F;--toy-tomato:#FF6B6B;--toy-mint:#51E0A1;--toy-grape:#C084FC;--toy-bubblegum:#FB7185;--toy-shadow-sm:4px 4px 0 var(--toy-ink);--toy-shadow:6px 6px 0 var(--toy-ink);--toy-shadow-lg:9px 9px 0 var(--toy-ink);--toy-border:3px solid var(--toy-ink)}@keyframes toy-pop-in{0%{opacity:0;transform:translateY(28px) scale(.82) rotate(-3deg)}55%{opacity:1;transform:translateY(-6px) scale(1.05) rotate(1.5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes toy-wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}75%{transform:rotate(6deg)}}@keyframes toy-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes toy-spin-slow{to{transform:rotate(1turn)}}@keyframes toy-bounce-in{0%{transform:scale(0)}60%{transform:scale(1.18)}to{transform:scale(1)}}.toy-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;background:radial-gradient(circle at 18% 100%,rgba(91,194,231,.18),transparent 55%),radial-gradient(circle at 100% 0,rgba(255,210,63,.22),transparent 55%),radial-gradient(circle at 0 0,rgba(251,113,133,.1),transparent 40%),var(--toy-cream);background-attachment:fixed}.toy-sidebar{position:sticky;top:0;height:100vh;padding:26px 20px 24px;background:var(--toy-paper);border-right:var(--toy-border);display:flex;flex-direction:column;gap:26px}.toy-brand{display:flex;align-items:center;gap:12px}.toy-logo{width:52px;height:52px;display:grid;place-items:center;background:var(--toy-tomato);color:var(--toy-paper);border:var(--toy-border);border-radius:14px;box-shadow:var(--toy-shadow-sm);font-family:var(--font-display),sans-serif;font-size:1.7rem;transform:rotate(-6deg);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.toy-brand:hover .toy-logo{transform:rotate(8deg) scale(1.08)}.toy-brandname{font-family:var(--font-display),sans-serif;font-size:1.55rem;letter-spacing:.5px;color:var(--toy-ink);line-height:1}.toy-brandname span{color:var(--toy-tomato)}.toy-nav{display:grid;gap:9px}.toy-nav-link{display:flex;align-items:center;gap:11px;padding:10px 14px 10px 11px;font-weight:600;font-size:.96rem;color:var(--toy-ink);background:var(--toy-paper);border:2.5px solid var(--toy-ink);border-radius:14px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .18s ease,box-shadow .18s ease}.toy-nav-link[data-color=sky]{--c:var(--toy-sky)}.toy-nav-link[data-color=tomato]{--c:var(--toy-tomato)}.toy-nav-link[data-color=sun]{--c:var(--toy-sun)}.toy-nav-link[data-color=mint]{--c:var(--toy-mint)}.toy-nav-link[data-color=grape]{--c:var(--toy-grape)}.toy-nav-link[data-color=bubblegum]{--c:var(--toy-bubblegum)}.toy-nav-emoji{width:30px;height:30px;display:grid;place-items:center;background:var(--c);border:2px solid var(--toy-ink);border-radius:9px;font-size:.95rem;flex-shrink:0}.toy-nav-link:hover,.toy-nav-link[data-active=true]{background:var(--c);box-shadow:var(--toy-shadow-sm);transform:translate(-2px,-2px)}.toy-nav-link:hover .toy-nav-emoji,.toy-nav-link[data-active=true] .toy-nav-emoji{background:var(--toy-paper)}.toy-signout{margin-top:auto}.toy-signout button{width:100%;padding:11px 14px;font-weight:700;font-family:inherit;font-size:.95rem;background:var(--toy-paper);border:var(--toy-border);border-radius:14px;color:var(--toy-ink);cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),background .18s ease,box-shadow .18s ease,color .18s ease}.toy-signout button:hover{background:var(--toy-tomato);color:var(--toy-paper);box-shadow:var(--toy-shadow-sm);transform:translate(-2px,-2px)}.toy-main{padding:40px 40px 64px;overflow:hidden;min-height:100vh}.toy-main,.toy-page{position:relative}.toy-bg-deco{inset:0;pointer-events:none;z-index:0}.toy-bg-deco,.toy-bg-deco svg{position:absolute}.toy-bg-deco .deco-star-1{top:40px;right:6%;width:44px;color:var(--toy-sun);animation:toy-spin-slow 22s linear infinite}.toy-bg-deco .deco-star-2{top:56%;right:3%;width:26px;color:var(--toy-tomato);animation:toy-float 4.5s ease-in-out infinite}.toy-bg-deco .deco-squiggle{top:360px;left:38%;width:90px;color:var(--toy-grape);opacity:.55;animation:toy-float 5.5s ease-in-out infinite reverse}.toy-bg-deco .deco-dots{bottom:8%;right:14%;width:110px;color:var(--toy-ink);opacity:.07}.toy-bg-deco .deco-blob{top:280px;right:-40px;width:200px;color:var(--toy-mint);opacity:.18;animation:toy-spin-slow 40s linear infinite}.toy-page>*{position:relative;z-index:1}.toy-hero{margin-bottom:36px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.toy-eyebrow{margin:0 0 10px;font-size:.95rem;color:var(--toy-ink);font-weight:600;display:inline-flex;align-items:center;gap:6px}.toy-eyebrow .toy-wave{display:inline-block;animation:toy-wobble 1.6s ease-in-out infinite;transform-origin:70% 70%}.toy-title{font-family:var(--font-display),sans-serif;font-size:clamp(2.4rem,5vw,3.8rem);margin:0;letter-spacing:.5px;line-height:1;color:var(--toy-ink);position:relative;display:inline-block}.toy-title:after{content:"";position:absolute;bottom:-10px;left:4px;width:78%;height:7px;background:var(--toy-sun);border-radius:999px;transform:rotate(-1.2deg);z-index:-1}.toy-hero-aside{display:inline-flex;align-items:center;gap:12px;background:var(--toy-paper);border:var(--toy-border);border-radius:16px;padding:10px 16px;box-shadow:var(--toy-shadow-sm);animation:toy-pop-in .7s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:.1s}.toy-hero-aside-emoji{font-size:1.5rem}.toy-hero-aside-text{font-size:.78rem;font-weight:600;line-height:1.25;color:var(--toy-ink)}.toy-hero-aside-text strong{font-family:var(--font-display),sans-serif;font-size:1.05rem;letter-spacing:.5px}.toy-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px;margin-bottom:32px}.toy-stat{--c:var(--toy-sky);--txt:var(--toy-ink);position:relative;padding:22px 20px 24px;background:var(--c);color:var(--txt);border:var(--toy-border);border-radius:22px;box-shadow:var(--toy-shadow);transform-origin:center;animation:toy-pop-in .6s cubic-bezier(.34,1.56,.64,1) backwards;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease;overflow:hidden;min-height:152px;display:flex;flex-direction:column;justify-content:space-between}.toy-stat:hover{transform:translate(-3px,-3px) rotate(-.6deg);box-shadow:var(--toy-shadow-lg)}.toy-stat:hover .toy-stat-icon{animation:toy-wobble .6s ease-in-out}.toy-stat[data-color=sky]{--c:var(--toy-sky)}.toy-stat[data-color=sun]{--c:var(--toy-sun)}.toy-stat[data-color=tomato]{--c:var(--toy-tomato);--txt:var(--toy-paper)}.toy-stat[data-color=mint]{--c:var(--toy-mint)}.toy-stat[data-color=grape]{--c:var(--toy-grape);--txt:var(--toy-paper)}.toy-stat[data-color=bubblegum]{--c:var(--toy-bubblegum);--txt:var(--toy-paper)}.toy-stat-icon{position:absolute;top:14px;right:14px;font-size:1.65rem;filter:drop-shadow(0 2px 0 rgba(0,0,0,.18))}.toy-stat-label{font-size:.86rem;font-weight:600;opacity:.88;margin-bottom:4px;padding-right:32px}.toy-stat-value{font-family:var(--font-display),sans-serif;font-size:2.7rem;line-height:1;letter-spacing:1px}.toy-stat-value .toy-stat-sub{font-size:1.15rem;opacity:.7;margin-left:4px}.toy-stat-value a{color:inherit;text-decoration:none;border-bottom:4px solid;padding-bottom:1px}.toy-stat-value a:hover{opacity:.85}.toy-card{background:var(--toy-paper);border:var(--toy-border);border-radius:22px;box-shadow:var(--toy-shadow);padding:24px;animation:toy-pop-in .7s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:.36s}.toy-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap}.toy-card-head h2{font-family:var(--font-display),sans-serif;font-size:1.7rem;margin:0;letter-spacing:.5px;color:var(--toy-ink)}.toy-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--toy-sun);border:2.5px solid var(--toy-ink);border-radius:999px;font-size:.78rem;font-weight:700;color:var(--toy-ink)}.toy-table-wrap{border-radius:14px;border:2.5px solid var(--toy-ink);overflow:hidden;background:var(--toy-paper)}.toy-table-wrap .toy-scroll{overflow-x:auto}.toy-table-wrap table{width:100%;min-width:640px;border-collapse:collapse}.toy-table-wrap thead{background:var(--toy-cream)}.toy-table-wrap th{text-align:left;padding:12px 14px;font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;color:var(--toy-ink);font-weight:700;border-bottom:2.5px solid var(--toy-ink)}.toy-table-wrap td{padding:14px;border-bottom:1.5px dashed rgba(26,26,46,.18);font-weight:500;color:var(--toy-ink)}.toy-table-wrap tbody tr:last-child td{border-bottom:0}.toy-table-wrap tbody tr{transition:background .15s ease}.toy-table-wrap tbody tr:hover{background:rgba(255,210,63,.18)}.toy-room-tag{justify-content:center;min-width:38px;padding:3px 8px;background:var(--toy-sky);border:2px solid var(--toy-ink);border-radius:8px;font-family:var(--font-display),sans-serif;font-size:.95rem;letter-spacing:.5px}.toy-badge,.toy-room-tag{display:inline-flex;align-items:center}.toy-badge{gap:5px;padding:4px 12px;border-radius:999px;font-size:.78rem;font-weight:700;border:2px solid var(--toy-ink);background:var(--toy-cream);color:var(--toy-ink);white-space:nowrap}.toy-badge[data-status=paid]{background:var(--toy-mint)}.toy-badge[data-status=issued]{background:var(--toy-sky)}.toy-badge[data-status=payment_submitted]{background:var(--toy-sun)}.toy-badge[data-status=overdue]{background:var(--toy-tomato);color:var(--toy-paper)}.toy-badge[data-status=draft]{background:#e2e8f0}.toy-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 20px;color:var(--toy-ink);font-weight:600}.toy-empty-emoji{font-size:3.2rem;animation:toy-float 3s ease-in-out infinite;filter:drop-shadow(0 4px 0 rgba(0,0,0,.12))}.toy-empty p{margin:0;opacity:.7}.toy-page-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:22px}.toy-page-head .toy-eyebrow{margin:0 0 4px}.toy-page-head h1{font-family:var(--font-display),system-ui,sans-serif;font-size:clamp(2rem,4.4vw,2.8rem);letter-spacing:-.5px;margin:0;color:var(--toy-ink);position:relative;display:inline-block}.toy-page-head h1:after{content:"";position:absolute;left:-4px;right:-4px;bottom:4px;height:12px;background:var(--toy-sun);border-radius:6px;z-index:-1;transform:rotate(-1deg)}.toy-page-head .toy-meta{margin:6px 0 0;font-size:.95rem;color:var(--toy-ink);opacity:.65;font-weight:500}.toy-section-title{font-family:var(--font-display),system-ui,sans-serif;font-size:1.45rem;letter-spacing:-.3px;color:var(--toy-ink);margin:0 0 14px}.toy-button{--c:var(--toy-paper);--txt:var(--toy-ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:var(--c);color:var(--txt);border:var(--toy-border);border-radius:14px;box-shadow:var(--toy-shadow-sm);font-family:var(--font-body),system-ui,sans-serif;font-weight:700;font-size:1rem;text-decoration:none;cursor:pointer;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,background .18s;white-space:nowrap}.toy-button:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--toy-ink)}.toy-button:active:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--toy-ink)}.toy-button:disabled{opacity:.55;cursor:not-allowed}.toy-button[data-variant=primary]{--c:var(--toy-sky)}.toy-button[data-variant=add]{--c:var(--toy-mint)}.toy-button[data-variant=warm]{--c:var(--toy-sun)}.toy-button[data-variant=danger]{--c:var(--toy-tomato);--txt:var(--toy-paper)}.toy-button[data-variant=grape]{--c:var(--toy-grape);--txt:var(--toy-paper)}.toy-button[data-variant=ghost]{--c:var(--toy-paper)}.toy-button[data-size=sm]{padding:7px 12px;font-size:.85rem;border-radius:10px;border-width:2.5px}.toy-form{gap:14px}.toy-field,.toy-form{display:flex;flex-direction:column}.toy-field{gap:6px}.toy-field label{font-weight:700;font-size:.9rem;color:var(--toy-ink);letter-spacing:.2px}.toy-field-help{font-size:.78rem;color:var(--toy-ink);opacity:.6}.toy-input,.toy-select,.toy-textarea{width:100%;background:var(--toy-paper);border:var(--toy-border);border-radius:12px;padding:11px 14px;font:inherit;font-family:var(--font-body),system-ui,sans-serif;color:var(--toy-ink);font-weight:500;transition:transform .15s,box-shadow .15s,border-color .15s}.toy-input:hover,.toy-select:hover,.toy-textarea:hover{background:#FFFCF1}.toy-input:focus,.toy-select:focus,.toy-textarea:focus{outline:none;border-color:var(--toy-sky);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--toy-ink);background:var(--toy-paper)}.toy-textarea{resize:vertical;min-height:84px}.toy-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--toy-ink) 50%),linear-gradient(135deg,var(--toy-ink) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px;cursor:pointer}.toy-input[type=number]{font-variant-numeric:tabular-nums}.toy-table-input{width:100%;background:var(--toy-paper);border:2px solid var(--toy-ink);border-radius:8px;padding:6px 10px;font:inherit;font-weight:600;color:var(--toy-ink);font-variant-numeric:tabular-nums;transition:border-color .15s,box-shadow .15s}.toy-table-input:focus{outline:none;border-color:var(--toy-sky);box-shadow:3px 3px 0 var(--toy-ink)}.toy-notice{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:var(--toy-border);border-radius:12px;background:var(--toy-paper);color:var(--toy-ink);font-weight:700;box-shadow:var(--toy-shadow-sm);align-self:flex-start}.toy-notice[data-tone=danger]{background:var(--toy-tomato);color:var(--toy-paper)}.toy-notice[data-tone=warn]{background:var(--toy-sun)}.toy-notice[data-tone=info]{background:var(--toy-sky)}.toy-notice[data-tone=success]{background:var(--toy-mint);color:var(--toy-ink)}.toy-subcard{background:var(--toy-paper);border:var(--toy-border);border-radius:18px;padding:22px 22px 24px;box-shadow:var(--toy-shadow-sm);position:relative;z-index:1}.toy-subcard+.toy-subcard{margin-top:16px}.toy-subcard-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:14px}.toy-subcard-head h3{font-family:var(--font-display),system-ui,sans-serif;font-size:1.5rem;letter-spacing:-.3px;margin:0 0 4px;color:var(--toy-ink)}.toy-subcard-head .toy-meta{margin:0;font-size:.88rem;opacity:.65;font-weight:500;color:var(--toy-ink)}.toy-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.toy-row[data-align=end]{align-items:flex-end}.toy-row .toy-field{flex:1 1 180px}.toy-row-actions{align-items:center}.toy-row-actions,.toy-subcard-actions{display:flex;gap:6px;flex-wrap:wrap}.toy-divider{height:1px;background:rgba(10,31,68,.12);margin:8px 0}table tr[data-disabled=true]{opacity:.45}.toy-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.toy-grid{display:grid;gap:14px}.toy-grid[data-cols="2"]{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.toy-grid[data-cols="3"]{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.toy-badge[data-status=occupied]{background:var(--toy-mint)}.toy-badge[data-status=vacant]{background:var(--toy-sun)}.toy-badge[data-status=maintenance]{background:var(--toy-tomato);color:var(--toy-paper)}.toy-badge[data-status=pending]{background:var(--toy-sun)}.toy-inline{display:flex;flex-direction:column;gap:6px;align-items:flex-start;max-width:280px}.toy-inline-text{font-size:.88rem;color:var(--toy-ink);white-space:pre-wrap;font-weight:500}.toy-inline-text-muted{opacity:.4;font-size:.88rem}.toy-inline-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.toy-inline-form .toy-select{width:auto;min-width:100px;padding:7px 30px 7px 12px;font-size:.85rem;border-radius:10px;border-width:2.5px;background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%}.toy-keyline{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;font-weight:600;color:var(--toy-ink);font-size:1.05rem}.toy-keyline strong{font-family:var(--font-display),system-ui,sans-serif;font-weight:400;letter-spacing:-.2px}.toy-keyline .toy-keyline-amount{font-family:var(--font-display),system-ui,sans-serif;font-size:1.4rem;color:var(--toy-tomato);letter-spacing:-.5px}.toy-login{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:radial-gradient(circle at 12% 18%,rgba(91,194,231,.18),transparent 36%),radial-gradient(circle at 88% 82%,rgba(251,113,133,.18),transparent 36%),radial-gradient(circle at 70% 12%,rgba(255,210,63,.15),transparent 32%),var(--toy-cream);font-family:var(--font-body),system-ui,sans-serif;position:relative;overflow:hidden}.toy-login-deco{position:absolute;inset:0;pointer-events:none;z-index:0}.toy-login-deco svg{position:absolute;filter:drop-shadow(2px 3px 0 rgba(0,0,0,.18))}.toy-login-deco .deco-star-1{top:8%;left:6%;width:70px;color:var(--toy-sun);animation:toy-spin-slow 22s linear infinite}.toy-login-deco .deco-blob{bottom:-90px;left:-60px;width:360px;color:rgba(91,194,231,.35);animation:toy-spin-slow 70s linear infinite reverse;filter:none}.toy-login-deco .deco-squiggle{bottom:14%;left:6%;width:220px;color:var(--toy-grape);animation:toy-float 6s ease-in-out infinite}.toy-login-deco .deco-star-2{top:15%;right:48%;width:38px;color:var(--toy-tomato);animation:toy-float 4.5s ease-in-out infinite}.toy-login-hero{position:relative;z-index:1;padding:60px 60px 80px;display:flex;flex-direction:column;justify-content:center;gap:30px}.toy-login-mascot{align-self:flex-start;filter:drop-shadow(4px 6px 0 rgba(10,31,68,.18));animation:toy-float 5s ease-in-out infinite;margin-bottom:-10px}.toy-login-brand{display:flex;align-items:center;gap:14px;font-size:1.8rem;color:var(--toy-ink)}.toy-login-brand,.toy-login-mark{font-family:var(--font-display),system-ui,sans-serif}.toy-login-mark{width:56px;height:56px;display:grid;place-items:center;background:var(--toy-tomato);color:var(--toy-paper);font-size:2rem;border:var(--toy-border);border-radius:14px;transform:rotate(-6deg);box-shadow:var(--toy-shadow-sm);transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.toy-login-brand:hover .toy-login-mark{transform:rotate(8deg) scale(1.05)}.toy-login-hero h1{font-family:var(--font-display),system-ui,sans-serif;font-size:clamp(2.2rem,4.6vw,3.2rem);line-height:1.1;margin:0;color:var(--toy-ink);letter-spacing:-.7px}.toy-login-hero h1,.toy-login-hero h1 span{position:relative;display:inline-block}.toy-login-hero h1 span:after{content:"";position:absolute;left:-4px;right:-4px;bottom:3px;height:14px;background:var(--toy-sun);border-radius:8px;z-index:-1;transform:rotate(-1deg)}.toy-login-hero p{margin:0;font-size:1.05rem;color:var(--toy-ink);opacity:.75;font-weight:500;max-width:480px;line-height:1.5}.toy-login-creds{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--toy-paper);border:var(--toy-border);border-radius:12px;box-shadow:var(--toy-shadow-sm);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;color:var(--toy-ink);align-self:flex-start}.toy-login-panel{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:40px}.toy-login-card{width:100%;max-width:420px;background:var(--toy-paper);border:var(--toy-border);border-radius:22px;padding:32px 28px;box-shadow:var(--toy-shadow-lg);display:flex;flex-direction:column;gap:16px;transform:rotate(.6deg);animation:toy-pop-in .6s cubic-bezier(.34,1.56,.64,1) backwards}.toy-login-card h2{font-family:var(--font-display),system-ui,sans-serif;font-size:1.7rem;letter-spacing:-.3px;margin:0;color:var(--toy-ink)}.toy-login-card .toy-button{margin-top:4px;align-self:stretch}.toy-login-card .toy-meta{margin:4px 0 0;font-size:.82rem;color:var(--toy-ink);opacity:.6;font-weight:500;text-align:center}@media (max-width:900px){.toy-login{grid-template-columns:1fr}.toy-login-hero{padding:40px 24px 24px;align-items:center;text-align:center}.toy-login-mascot{align-self:center}.toy-login-brand{justify-content:center}.toy-login-creds{align-self:center}.toy-login-panel{padding:12px 24px 48px}.toy-login-deco .deco-blob{display:none}.toy-shell{grid-template-columns:1fr}.toy-sidebar{position:relative;height:auto;border-right:0;border-bottom:var(--toy-border);padding:18px}.toy-nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding-bottom:4px}.toy-signout{margin-top:0}.toy-main{padding:28px 22px 48px}.toy-bg-deco .deco-blob,.toy-bg-deco .deco-squiggle{display:none}}@media (max-width:560px){.toy-stats{grid-template-columns:1fr}.toy-stat-value{font-size:2.3rem}}.invoice-print{min-height:100vh;background:radial-gradient(circle at 12% 18%,rgba(91,194,231,.1),transparent 36%),radial-gradient(circle at 88% 82%,rgba(251,113,133,.1),transparent 36%),var(--toy-cream);padding:28px 20px 60px;font-family:var(--font-body),system-ui,sans-serif;color:var(--toy-ink)}.invoice-print-toolbar{width:794px;max-width:100%;margin:0 auto 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.invoice-print-toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}.invoice-sheet{--ink:#1A1A2E;--line:#d8d8e2;--soft:#f5f5fa;--accent:#FF6B6B;width:794px;min-height:1123px;max-width:794px;margin:0 auto;background:#ffffff;color:var(--ink);padding:36px 20px 40px;box-shadow:0 18px 60px rgba(26,26,46,.18);border-radius:6px;position:relative;font-size:14px;line-height:1.5;display:flex;flex-direction:column}.invoice-sheet,.invoice-sheet *{box-sizing:border-box}.invoice-sheet-head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-bottom:22px;border-bottom:3px solid var(--ink);margin-bottom:28px}.invoice-brand-block{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.invoice-brand{font-family:var(--font-display),system-ui,sans-serif;font-size:2rem;letter-spacing:-.5px;color:var(--ink);line-height:1}.invoice-brand span{color:var(--accent)}.invoice-meta{text-align:left;width:100%}.invoice-title{font-family:var(--font-display),system-ui,sans-serif;font-size:1.6rem;letter-spacing:-.4px;color:var(--ink);white-space:nowrap}.invoice-meta-table{border-collapse:collapse;font-size:.86rem}.invoice-meta-table th{text-align:left;padding:4px 12px 4px 0;color:#666;font-weight:500}.invoice-meta-table td{padding:4px 0;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:26px}.invoice-party{background:var(--soft);border:1.5px solid var(--line);border-radius:10px;padding:16px 18px}.invoice-party-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.8px;color:#888;font-weight:700;margin-bottom:6px}.invoice-party-name{font-size:1.05rem;font-weight:700;color:var(--ink);margin-bottom:4px}.invoice-party-line{font-size:.85rem;color:#444;margin-bottom:2px}.invoice-lines-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-bottom:22px}.invoice-lines-table td,.invoice-lines-table th{word-wrap:break-word;overflow-wrap:break-word}.invoice-lines-table th{background:var(--ink);color:#fff;text-align:left;padding:10px 14px;font-size:.82rem;text-transform:uppercase;letter-spacing:.6px;font-weight:700}.invoice-lines-table th:first-child{border-radius:8px 0 0 8px}.invoice-lines-table th:last-child{border-radius:0 8px 8px 0}.invoice-lines-table tbody td{padding:12px 14px;border-bottom:1px dashed var(--line);font-variant-numeric:tabular-nums}.invoice-lines-table tbody tr:last-child td{border-bottom:0}.invoice-line-desc{font-size:.78rem;color:#777;margin-top:2px}.invoice-lines-table tfoot tr{border-top:3px double var(--ink)}.invoice-total-label{text-align:right;padding:16px 14px;font-weight:700;font-size:.95rem;letter-spacing:.4px;text-transform:uppercase}.invoice-total-amount{text-align:right;padding:16px 14px;font-family:var(--font-display),system-ui,sans-serif;font-size:1.6rem;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.3px}.invoice-notes{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:32px}.invoice-notes-block{font-size:.84rem;color:#444}.invoice-notes-title{font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.7px;color:var(--ink);margin-bottom:6px}.invoice-notes-block p{margin:0 0 4px}.invoice-promptpay{display:flex;align-items:center;gap:14px;margin-top:4px}.invoice-promptpay-qr{flex:0 0 auto;width:110px;height:110px;display:block;border:2px solid var(--ink);border-radius:6px;background:#fff;padding:4px}.invoice-promptpay-meta{font-size:.84rem;color:#1a1a1a;line-height:1.5}.invoice-promptpay-meta p{margin:0 0 2px}.invoice-promptpay-id{font-family:var(--font-mono),monospace;font-size:.78rem;color:#444}.invoice-promptpay-hint{margin-top:4px!important;font-size:.74rem;color:#666;font-style:italic}.invoice-sheet-foot{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:auto;padding-top:30px}.invoice-sign{text-align:center}.invoice-sign-line{height:0;border-top:1.5px solid var(--ink);margin-bottom:10px}.invoice-sign-label{font-size:.84rem;font-weight:700;margin-bottom:6px;color:var(--ink)}.invoice-ack{font-size:.8rem;color:#228B5C;font-weight:600;line-height:1.4}.invoice-ack-pending{font-size:.78rem;color:#999;font-weight:500}.invoice-watermark{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:.72rem;color:#bbb;letter-spacing:1px}@media print{@page{size:A4;margin:0}body,html{background:#fff!important;margin:0!important;padding:0!important}[data-no-print=true]{display:none!important}.invoice-print{background:#fff!important;padding:0!important;min-height:0!important}.invoice-sheet{box-shadow:none!important;border-radius:0!important;margin:0 auto!important;width:794px!important;min-height:1123px!important;page-break-inside:avoid}}@media (max-width:820px){.invoice-print{overflow-x:auto;padding:18px 0 40px}.invoice-print-toolbar{padding:0 16px}}.public-shell{min-height:100vh;background:linear-gradient(180deg,#fff8ee,#fff5f5 50%,#f0f9ff);font-family:var(--font-body),system-ui,sans-serif;color:#2a2a2a}.public-nav{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;max-width:1100px;margin:0 auto}.public-brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:1.5rem;color:var(--brand);text-decoration:none;letter-spacing:.02em}.public-brand svg{flex-shrink:0}.public-hero-mascot{position:relative;width:280px;height:320px;margin:0 auto 28px;display:flex;align-items:center;justify-content:center}.public-hero-mascot:before{content:"";position:absolute;width:240px;height:240px;top:30px;border-radius:50%;background:var(--brand);box-shadow:inset 0 0 0 6px var(--brand-cyan),0 0 0 6px var(--brand-dark),14px 14px 0 var(--brand-dark);z-index:0}.public-hero-mascot>svg{position:relative;z-index:2;filter:drop-shadow(6px 6px 0 var(--brand-dark));animation:cm-hero-bob 3.6s ease-in-out infinite}@keyframes cm-hero-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}.public-hero-burst{position:absolute;top:-6px;right:-10px;z-index:3;background:var(--brand-yellow);border:3px solid var(--brand-dark);padding:10px 16px;font-family:var(--font-display);font-size:1.1rem;color:var(--brand-dark);transform:rotate(-12deg);box-shadow:4px 4px 0 var(--brand-dark);animation:cm-hero-pop 2.4s ease-in-out infinite}.public-hero-burst.left{top:auto;right:auto;bottom:30px;left:-16px;transform:rotate(10deg);background:var(--brand-cyan);animation-delay:.8s}@keyframes cm-hero-pop{0%,to{transform:rotate(-12deg) scale(1)}50%{transform:rotate(-12deg) scale(1.08)}}.public-hero-burst.left{animation-name:cm-hero-pop-left}@keyframes cm-hero-pop-left{0%,to{transform:rotate(10deg) scale(1)}50%{transform:rotate(10deg) scale(1.08)}}.public-section-mascot{display:flex;justify-content:center;margin:0 auto 18px;width:-moz-fit-content;width:fit-content}.public-section-mascot svg{filter:drop-shadow(4px 4px 0 var(--brand-dark));transform:rotate(-4deg);transition:transform .3s ease}.public-section-mascot:hover svg{transform:rotate(0deg) scale(1.05)}.public-section-mascot[data-tilt=right] svg{transform:rotate(4deg)}.public-section-mascot[data-tilt=right]:hover svg{transform:rotate(0deg) scale(1.05)}.public-nav-links{display:flex;align-items:center;gap:22px}.public-nav-links a{color:#4a4a4a;text-decoration:none;font-weight:500;font-size:.98rem}.public-nav-links a[data-active=true]{color:#d96b3a}.public-cta-btn{background:#d96b3a;color:#fff!important;padding:10px 18px;border-radius:999px;font-weight:600;border:2px solid #d96b3a;transition:transform .1s ease;display:inline-block;text-decoration:none}.public-cta-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(217,107,58,.3)}.public-cta-btn[data-size=lg]{padding:14px 28px;font-size:1.05rem}.public-cta-btn[data-size=md]{padding:12px 22px}.public-cta-btn[data-variant=ghost]{background:transparent;color:#d96b3a!important}.public-cta-link{color:#d96b3a;text-decoration:none;font-weight:500}.public-hero{text-align:center;padding:80px 20px 60px;max-width:800px;margin:0 auto}.public-hero[data-compact=true]{padding:40px 20px 30px}.public-hero-title{font-family:var(--font-display);font-size:clamp(2.4rem,6vw,4rem);line-height:1.1;color:#2a2a2a;margin:0 0 20px}.public-hero-sub{font-size:1.15rem;color:#555;margin:0 0 32px;line-height:1.6}.public-hero-cta{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}.public-hero-fineprint{margin-top:16px;font-size:.9rem;color:#888}.public-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:1000px;margin:60px auto;padding:0 20px}.public-feature-card{background:#fff;padding:32px 24px;border-radius:20px;border:3px solid;text-align:center;box-shadow:0 4px 0 rgba(0,0,0,.06)}.public-feature-card[data-color=mint]{border-color:#a4d8c0}.public-feature-card[data-color=peach]{border-color:#ffb59a}.public-feature-card[data-color=sky]{border-color:#9cc8e8}.public-feature-emoji{font-size:2.6rem;margin-bottom:12px}.public-feature-card h3{font-family:var(--font-display);font-size:1.3rem;margin:0 0 10px}.public-feature-card p{color:#555;line-height:1.6;margin:0}.public-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1100px;margin:30px auto 60px;padding:0 20px}.public-plan-card{background:#fff;padding:32px 28px;border-radius:24px;border:3px solid;position:relative;text-align:center;box-shadow:0 4px 0 rgba(0,0,0,.06)}.public-plan-card[data-color=sky]{border-color:#9cc8e8}.public-plan-card[data-color=tomato]{border-color:#ff8a6e}.public-plan-card[data-color=grape]{border-color:#c598de}.public-plan-card[data-featured=true]{transform:translateY(-12px);box-shadow:0 12px 24px rgba(255,138,110,.25)}.public-plan-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#ff8a6e;color:#fff;padding:4px 16px;border-radius:999px;font-size:.85rem;font-weight:600}.public-plan-emoji{font-size:2.2rem;margin-bottom:8px}.public-plan-name{font-family:var(--font-display);font-size:1.6rem;margin:0 0 6px}.public-plan-tagline{color:#888;font-size:.95rem;margin:0 0 20px}.public-plan-price{margin:20px 0 24px;font-family:var(--font-display)}.public-plan-price-currency{font-size:1.4rem;vertical-align:top}.public-plan-price-amount{font-size:2.8rem;color:#2a2a2a}.public-plan-price-period{font-size:1rem;color:#888;margin-left:4px}.public-plan-features{list-style:none;padding:0;margin:0 0 28px;text-align:left}.public-plan-features li{padding:8px 0;border-bottom:1px dashed #eee;color:#444}.public-plan-features li strong{color:#d96b3a}.public-faq{max-width:700px;margin:60px auto;padding:0 20px}.public-faq-title{font-family:var(--font-display);text-align:center;font-size:1.8rem;margin:0 0 32px}.public-faq-item{padding:20px 24px;border-radius:16px;margin-bottom:14px;border:2px solid #f5e7d8}.public-faq-item h3{font-family:var(--font-display);font-size:1.1rem;margin:0 0 8px;color:#d96b3a}.public-faq-item p{line-height:1.6}.public-signup{display:flex;justify-content:center;padding:40px 20px 80px}.public-signup-card{background:#fff;padding:40px 36px;border-radius:24px;border:3px solid #ffb59a;max-width:480px;width:100%;box-shadow:0 8px 0 rgba(255,138,110,.15)}.public-signup-title{font-family:var(--font-display);font-size:1.8rem;margin:0 0 8px;text-align:center}.public-signup-sub{text-align:center;color:#666;margin:0 0 28px;line-height:1.5}.public-signup-fineprint{text-align:center;margin-top:20px;color:#888;font-size:.95rem}.public-signup-fineprint a{color:#d96b3a;text-decoration:none;font-weight:500}.public-footer{padding:60px 20px 40px;color:#888;font-size:.9rem;border-top:1px solid #f0e0d0;margin-top:80px;background:rgba(255,255,255,.4)}.public-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;max-width:1100px;margin:0 auto 32px}.public-footer-grid h4{font-family:var(--font-display);margin:0 0 12px;color:#444;font-size:1rem}.public-footer-grid a{display:block;color:#666;text-decoration:none;padding:4px 0}.public-footer-grid a:hover{color:#d96b3a}.public-footer-copy{text-align:center;margin-top:32px;padding-top:24px;border-top:1px dashed #f0e0d0}.public-hero-badge{display:inline-block;background:rgba(255,138,110,.15);color:#c64628;padding:6px 16px;border-radius:999px;font-size:.88rem;font-weight:500;margin-bottom:24px}.public-hero-title-accent{color:#d96b3a;display:inline-block}.public-section{max-width:1100px;margin:0 auto;padding:80px 20px 40px}.public-section-head{text-align:center;max-width:700px;margin:0 auto 50px}.public-eyebrow{font-size:.95rem;color:#d96b3a;font-weight:600;letter-spacing:.04em;margin:0 0 12px;text-transform:uppercase}.public-section-title{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 16px;color:#2a2a2a;line-height:1.2}.public-section-sub{font-size:1.05rem;color:#666;line-height:1.6;margin:0}.public-pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:30px}.public-pain-card{background:#fff;border:2px dashed #ffd9c4;border-radius:18px;padding:22px 20px;text-align:center}.public-pain-emoji{font-size:2.4rem;margin-bottom:12px}.public-pain-card p{margin:0;color:#555;line-height:1.55;font-size:.95rem}.public-steps{display:grid;gap:36px;max-width:880px;margin:0 auto}.public-step{display:grid;grid-template-columns:80px 1fr;gap:24px;align-items:start}@media (max-width:640px){.public-step{grid-template-columns:1fr}}.public-step-number{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#ffb59a,#ff8a6e);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.8rem;box-shadow:0 6px 0 rgba(255,138,110,.35)}.public-step-content{background:#fff;border:2px solid #ffe7d3;border-radius:20px;padding:24px 26px}.public-step-content h3{font-family:var(--font-display);font-size:1.4rem;margin:0 0 10px;color:#2a2a2a}.public-step-content p{color:#555;line-height:1.65;margin:0 0 16px}.public-step-mockup{background:#fff8ee;border:1px dashed #f0d8b8;border-radius:12px;padding:12px 16px;font-size:.92rem;font-family:ui-monospace,SFMono-Regular,monospace}.public-mockup-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f5e7d3}.public-mockup-row:last-child{border-bottom:none}.public-mockup-row strong{color:#d96b3a}.public-mockup-invoice .public-mockup-total{border-top:2px solid #d96b3a;margin-top:4px;padding-top:10px;font-size:1.1rem}.public-mockup-invoice .public-mockup-total strong{font-family:var(--font-display);font-size:1.3rem}.public-mockup-slip{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.public-mockup-slip-pic{flex:1;min-width:120px;background:#fff;border:2px dashed #ffd9c4;padding:24px;border-radius:12px;text-align:center;color:#888}.public-mockup-confirm{background:#a4d8c0;color:#2a5d4a;border:none;padding:12px 20px;border-radius:999px;font-weight:600;font-family:var(--font-body);cursor:not-allowed;white-space:nowrap}.public-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;max-width:1100px;margin:0 auto}.public-pricing-teaser{background:rgba(255,255,255,.5);margin:80px auto 0;padding:70px 20px 60px;max-width:none;border-top:1px solid rgba(255,138,110,.15);border-bottom:1px solid rgba(255,138,110,.15)}.public-pricing-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;max-width:900px;margin:0 auto}.public-pricing-mini-card{background:#fff;border:2px solid #ffe7d3;border-radius:20px;padding:28px 22px;text-align:center;position:relative}.public-pricing-mini-card[data-featured=true]{border-color:#ff8a6e;border-width:3px;box-shadow:0 8px 0 rgba(255,138,110,.18);transform:translateY(-8px)}.public-pricing-mini-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#ff8a6e;color:#fff;padding:4px 14px;border-radius:999px;font-size:.82rem;font-weight:600}.public-pricing-mini-card h3{font-family:var(--font-display);font-size:1.4rem;margin:0 0 10px}.public-pricing-mini-price{font-family:var(--font-display);font-size:2.4rem;color:#d96b3a;margin:0 0 12px}.public-pricing-mini-price span{font-size:.95rem;color:#888;font-weight:400}.public-meta{color:#777;font-size:.92rem;margin:0}.public-pricing-mini-cta{text-align:center;margin-top:30px}.public-pricing-mini-founder{text-align:center;margin:26px auto 0;color:#c64628;font-size:.95rem;background:rgba(255,213,165,.4);padding:14px 22px;border-radius:999px;max-width:-moz-max-content;max-width:max-content}.public-faq-list{max-width:720px;margin:0 auto;display:grid;gap:12px}.public-faq-item{background:#fff;border:2px solid #ffe7d3;border-radius:14px;padding:0;overflow:hidden}.public-faq-item summary{cursor:pointer;font-weight:600;color:#2a2a2a;list-style:none;position:relative;padding:18px 50px 18px 22px;font-size:1.02rem}.public-faq-item summary::-webkit-details-marker{display:none}.public-faq-item summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:1.6rem;color:#d96b3a;transition:transform .2s}.public-faq-item[open] summary:after{content:"−"}.public-faq-item p{padding:0 22px 18px;margin:0;color:#555;line-height:1.65}.public-final-cta{text-align:center;padding:80px 20px 60px;background:linear-gradient(135deg,#fff8ee,#ffe7d3);margin-top:60px;border-radius:32px;max-width:900px;margin-left:auto;margin-right:auto;box-shadow:0 12px 40px rgba(255,138,110,.18)}.public-final-cta h2{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);margin:0 0 14px;color:#2a2a2a}.public-final-cta p{color:#555;margin:0 0 28px;font-size:1.05rem}.public-final-cta .public-cta-btn{margin-bottom:16px}.billing-usage-grid{display:grid;gap:18px;margin-top:12px}.billing-usage-row{display:flex;flex-direction:column;gap:8px}.billing-usage-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.95rem}.billing-usage-label strong{font-family:var(--font-display);font-size:1.1rem}.billing-usage-bar{height:8px;background:#f3e8d8;border-radius:999px;overflow:hidden}.billing-usage-fill{height:100%;background:linear-gradient(90deg,#a4d8c0,#7fc4a3);border-radius:999px;transition:width .3s ease}.billing-usage-fill[data-near-limit=true]{background:linear-gradient(90deg,#ffb59a,#ff8a6e)}.billing-upgrade-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:14px 0 18px}.billing-upgrade-card{background:#fff8ee;border:2px solid #ffd9b8;border-radius:16px;padding:16px}.billing-upgrade-name{font-family:var(--font-display);font-size:1.2rem;margin-bottom:4px}.billing-upgrade-price{font-family:var(--font-display);font-size:1.6rem;color:#d96b3a;margin-bottom:12px}.billing-upgrade-price span{font-size:.9rem;color:#888;margin-left:4px}.billing-upgrade-features{list-style:none;padding:0;margin:0;font-size:.92rem;color:#555}.billing-upgrade-features li{padding:4px 0}.upgrade-plan-radio{display:grid;gap:10px}.upgrade-plan-radio-item{display:flex;gap:12px;padding:14px 16px;border:2px solid #ffd9b8;border-radius:14px;background:#fff;cursor:pointer;align-items:center;transition:border-color .15s,box-shadow .15s}.upgrade-plan-radio-item:has(input:checked){border-color:#d96b3a;box-shadow:0 0 0 3px rgba(217,107,58,.18)}.upgrade-plan-radio-item input{flex-shrink:0}.upgrade-plan-radio-name{font-family:var(--font-display);font-size:1.05rem}.upgrade-plan-radio-price{color:#d96b3a;font-weight:600}.upgrade-plan-radio-price span{color:#888;font-weight:400;font-size:.85rem;margin-left:4px}.toy-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.toy-kpi-card{background:#fff;border:3px solid;border-radius:18px;padding:20px;text-align:center;box-shadow:0 4px 0 rgba(0,0,0,.05)}.toy-kpi-card[data-color=sky]{border-color:#9cc8e8}.toy-kpi-card[data-color=mint]{border-color:#a4d8c0}.toy-kpi-card[data-color=tomato]{border-color:#ff8a6e}.toy-kpi-card[data-color=sun]{border-color:#ffd486}.toy-kpi-card[data-color=bubblegum]{border-color:#ffaad8}.toy-kpi-card[data-color=grape]{border-color:#c598de}.toy-kpi-emoji{font-size:2rem;margin-bottom:8px}.toy-kpi-value{font-family:var(--font-display);font-size:1.8rem;color:#2a2a2a;margin-bottom:4px}.toy-kpi-label{color:#777;font-size:.95rem}.toy-detail-grid{display:grid;grid-template-columns:140px 1fr;gap:8px 16px;margin:0}.toy-detail-grid dt{color:#888;font-weight:500;padding:6px 0}.toy-detail-grid dd{margin:0;padding:6px 0;border-bottom:1px dashed #f0e0d0}.toy-table{width:100%;border-collapse:collapse}.toy-table thead{background:#fff8ee}.toy-table th{text-align:left;padding:12px 16px;font-weight:600;font-size:.9rem;color:#555;border-bottom:2px solid #f0e0d0}.toy-table td{padding:12px 16px;border-bottom:1px solid #f5e7d8;font-size:.95rem}.toy-table tbody tr:last-child td{border-bottom:none}.toy-table tbody tr:hover{background:#fff8ee}[data-anim=reveal-stagger]>*,[data-anim]{opacity:1}.public-bg-blob{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(110px);opacity:.45;pointer-events:none}.public-bg-blob[data-pos=tl]{top:-180px;left:-200px;background:radial-gradient(circle at 30% 30%,#cdebd6,#f8f5ee 70%)}.public-bg-blob[data-pos=tr]{top:240px;right:-200px;width:460px;height:460px;background:radial-gradient(circle at 70% 30%,#f6d6c8,#f8f5ee 70%)}.public-bg-blob[data-pos=ml]{top:1400px;left:-180px;width:420px;height:420px;background:radial-gradient(circle at 30% 50%,#d9e7f4,#f8f5ee 70%)}.public-shell{position:relative;overflow-x:hidden}.public-shell>:not(.public-bg-blob){position:relative;z-index:1}.public-bg-blob{z-index:0}.public-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:720px;margin:38px auto 0}.public-hero-stat{background:#fff;border:1px solid #ecdfd2;border-radius:18px;padding:20px 14px;text-align:center;box-shadow:0 4px 16px rgba(180,130,90,.06);transition:transform .2s ease,box-shadow .2s ease}.public-hero-stat:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(180,130,90,.12)}.public-hero-stat-num{display:flex;align-items:baseline;justify-content:center;gap:4px;font-family:var(--font-display,"Noto Serif Thai"),serif;font-size:2.4rem;font-weight:800;color:#1f4f4a;line-height:1}.public-hero-stat-unit{font-size:.95rem;font-weight:600;color:#6b8482}.public-hero-stat-label{display:block;margin-top:8px;font-size:.85rem;color:#7a6b5d}@media (max-width:640px){.public-hero-stats{grid-template-columns:1fr;max-width:320px}.public-hero-stat-num{font-size:2rem}}.public-cap-blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}@media (max-width:960px){.public-cap-blocks{grid-template-columns:1fr}}.public-cap-block{background:#fff;border-radius:22px;padding:28px 24px;border:1px solid #ecdfd2;box-shadow:0 6px 20px rgba(180,130,90,.06);display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden}.public-cap-block:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#6cc4a1,#8db9d9)}.public-cap-block[data-color=mint]:before{background:linear-gradient(90deg,#6cc4a1,#c1e6d2)}.public-cap-block[data-color=peach]:before{background:linear-gradient(90deg,#f3a06d,#f6d6c8)}.public-cap-block[data-color=sky]:before{background:linear-gradient(90deg,#6798c4,#d9e7f4)}.public-cap-block-head{display:flex;flex-direction:column;gap:8px}.public-cap-block-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#fff5ec;font-size:1.6rem;margin-bottom:4px}.public-cap-block[data-color=mint] .public-cap-block-icon{background:#e3f4ea}.public-cap-block[data-color=peach] .public-cap-block-icon{background:#fdeadd}.public-cap-block[data-color=sky] .public-cap-block-icon{background:#e7f0fa}.public-cap-block-head h3{margin:0;font-size:1.3rem;font-weight:800;color:#1f3937;font-family:var(--font-display,"Noto Serif Thai"),serif}.public-cap-block-head p{margin:0;color:#6e6256;font-size:.95rem;line-height:1.55}.public-cap-list{list-style:none;margin:0;display:flex;flex-direction:column;gap:10px;border-top:1px dashed #ecdfd2;padding:16px 0 0}.public-cap-list li{position:relative;padding-left:24px;font-size:.92rem;color:#4a463f;line-height:1.5}.public-cap-list li:before{content:"✓";position:absolute;left:0;top:1px;color:#2c8e6f;font-weight:800;font-size:.95rem}.public-mockup-total{border-top:2px dashed #d8c7b4!important;margin-top:4px;padding-top:8px!important;font-size:1.05rem;font-weight:700;color:#1f3937}.public-mockup-total strong{color:#d97a3c}.public-compare-wrap{margin-top:32px;background:#fff;border-radius:22px;border:1px solid #ecdfd2;overflow:hidden;box-shadow:0 8px 28px rgba(180,130,90,.08)}.public-compare-table{width:100%;border-collapse:collapse}.public-compare-table thead th{background:#fff8ee;padding:18px 16px;font-weight:700;font-size:.95rem;color:#4a463f;text-align:center;border-bottom:2px solid #f1e3d3}.public-compare-table thead th:first-child{text-align:left;background:#fff}.public-compare-table thead th.public-compare-us{background:linear-gradient(180deg,#1f4f4a,#2a665e);color:#fff;position:relative}.public-compare-table thead th.public-compare-us:after{content:"★";display:block;font-size:.85rem;margin-top:4px;color:#f3c46a}.public-compare-table tbody th{text-align:left;padding:14px 16px;font-weight:600;color:#1f3937;font-size:.95rem;border-bottom:1px solid #f5e7d8;background:#fffdf8}.public-compare-table tbody td{text-align:center;padding:14px 12px;font-size:.92rem;color:#4a463f;border-bottom:1px solid #f5e7d8}.public-compare-table tbody td.ok{color:#2c8e6f;font-weight:700}.public-compare-table tbody td.warn{color:#b87a3e}.public-compare-table tbody td.bad{color:#b54a4a}.public-compare-table tbody td.us{background:#f3faf7;color:#1f4f4a;font-weight:700;border-left:1px solid #d3e8e2;border-right:1px solid #d3e8e2}.public-compare-table tbody tr:last-child td,.public-compare-table tbody tr:last-child th{border-bottom:none}@media (max-width:720px){.public-compare-wrap{overflow-x:auto}.public-compare-table{min-width:560px}}.public-pricing-section{background:linear-gradient(180deg,#fffdf8,#fdf6ec);border-radius:32px;padding:56px 24px 64px}.public-pricing-block{margin-top:32px}.public-pricing-toggle{display:inline-flex;background:#fff;border:1px solid #ecdfd2;border-radius:999px;padding:5px;margin:0 auto 32px;display:flex;width:-moz-fit-content;width:fit-content;box-shadow:0 4px 14px rgba(180,130,90,.08)}.public-pricing-toggle-btn{border:0;background:transparent;padding:10px 22px;border-radius:999px;font-weight:600;color:#6b6055;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s ease,color .2s ease}.public-pricing-toggle-btn[data-active=true]{background:#1f4f4a;color:#fff}.public-pricing-toggle-btn[data-active=true] .public-pricing-save{background:#f3c46a;color:#1f3937}.public-pricing-save{font-size:.72rem;background:#fff5ec;color:#b87a3e;padding:3px 8px;border-radius:999px;font-weight:700;letter-spacing:.02em}.public-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}@media (max-width:960px){.public-pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}}.public-pricing-card{background:#fff;border-radius:24px;padding:32px 26px 28px;border:1px solid #ecdfd2;display:flex;flex-direction:column;gap:16px;position:relative;box-shadow:0 6px 22px rgba(180,130,90,.06);transition:transform .24s ease,box-shadow .24s ease}.public-pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(180,130,90,.14)}.public-pricing-card[data-featured=true]{border:2px solid #1f4f4a;background:linear-gradient(180deg,#ffffff,#f3faf7);transform:translateY(-6px);box-shadow:0 14px 36px rgba(31,79,74,.18)}.public-pricing-card[data-featured=true]:hover{transform:translateY(-10px)}.public-pricing-card-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,#1f4f4a,#2a665e);color:#fff;padding:6px 16px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.04em;box-shadow:0 6px 16px rgba(31,79,74,.25)}.public-pricing-card-name{margin:0;font-size:1.6rem;font-weight:800;color:#1f3937;font-family:var(--font-display,"Noto Serif Thai"),serif}.public-pricing-card-tagline{margin:0;color:#7a6b5d;font-size:.92rem;line-height:1.5;min-height:40px}.public-pricing-card-price{display:flex;align-items:baseline;gap:4px;border-top:1px dashed #ecdfd2;padding-top:16px}.public-pricing-card-currency{font-size:1.2rem;color:#1f3937;font-weight:700}.public-pricing-card-amount{font-size:2.7rem;font-weight:800;color:#1f3937;font-family:var(--font-display,"Noto Serif Thai"),serif;line-height:1}.public-pricing-card-per{font-size:.95rem;color:#6b6055;font-weight:600}.public-pricing-card-equiv{margin:-6px 0 0;font-size:.82rem;color:#2c8e6f;font-weight:600}.public-pricing-card-limits{list-style:none;margin:0;display:grid;gap:8px;background:#fffdf8;border-radius:14px;padding:14px 16px;border:1px dashed #ecdfd2}.public-pricing-card-limits li{font-size:.92rem;color:#4a463f;display:flex;align-items:center;gap:8px}.public-pricing-card-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;flex:1}.public-pricing-card-features li{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;color:#4a463f;line-height:1.45}.public-pricing-card-features li[data-included=false]{color:#b3a99c;text-decoration:line-through;text-decoration-color:#d8cfc1;text-decoration-thickness:1px}.public-pricing-card-check{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;font-weight:800;font-size:.85rem;flex-shrink:0;margin-top:1px}.public-pricing-card-features li[data-included=true] .public-pricing-card-check{background:#e3f4ea;color:#2c8e6f}.public-pricing-card-features li[data-included=false] .public-pricing-card-check{background:#f5efe6;color:#b3a99c}.public-pricing-card .public-cta-btn{margin-top:auto;text-align:center;justify-content:center}.public-pricing-founder{text-align:center;margin:36px auto 0;padding:18px 24px;background:#fff5ec;color:#8a4d22;border-radius:16px;border:1px dashed #f3c46a;font-size:.98rem;max-width:720px;line-height:1.6}.public-pricing-founder strong{color:#1f3937}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::-moz-placeholder{color:hsl(var(--muted-foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted)/.5)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary)/.9)}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.focus\:bg-accent:focus{background-color:hsl(var(--accent))}.focus\:text-accent-foreground:focus{color:hsl(var(--accent-foreground))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--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(2px + 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)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--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(1px + 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)}.focus-visible\:ring-2:focus-visible{--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(2px + 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)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media (min-width:640px){.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}