*,:before,:after,::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:#3b82f680;--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: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family: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:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-left-40{left:-10rem}.-right-20{right:-5rem}.-right-32{right:-8rem}.-top-20{top:-5rem}.left-0{left:0}.left-1\/2{left:50%}.right-0{right:0}.top-0{top:0}.top-10{top:2.5rem}.top-2{top:.5rem}.top-4{top:1rem}.top-40{top:10rem}.top-full{top:100%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[100\]{z-index:100}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:1rem;margin-bottom:1rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.\!block{display:block!important}.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}.hidden{display:none}.h-11{height:2.75rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[560px\]{height:560px}.h-\[60px\]{height:60px}.h-\[7px\]{height:7px}.h-full{height:100%}.h-px{height:1px}.min-h-10{min-height:2.5rem}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-14{width:3.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-24{width:6rem}.w-3\.5{width:.875rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-\[200px\]{width:200px}.w-\[280px\]{width:280px}.w-\[300px\]{width:300px}.w-\[7px\]{width:7px}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[540px\]{min-width:540px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-\[60\%\]{flex-basis:60%}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-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))}.rotate-180{--tw-rotate:180deg;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))}.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))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.resize{resize:both}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[2px\]{gap:2px}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1px\]{border-radius:1px}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-l-2xl{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.rounded-l-3xl{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.rounded-r-3xl{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.rounded-t-\[3px\]{border-top-left-radius:3px;border-top-right-radius:3px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[oklch\(0\.26_0\.05_165_\/_0\.08\)\]{border-color:#052b1e14;border-color:lab(14.8231% -17.1395 4.86023/.08)}.border-\[oklch\(0\.26_0\.05_165_\/_0\.15\)\]{border-color:#052b1e26;border-color:lab(14.8231% -17.1395 4.86023/.15)}.bg-\[oklch\(0\.20_0\.045_165\)\]{background-color:#001c11;background-color:lab(7.79674% -13.0982 3.87088)}.bg-\[oklch\(0\.22_0\.045_165\)\]{background-color:#012115;background-color:lab(10.1161% -15.0952 4.36755)}.bg-\[oklch\(0\.26_0\.05_165_\/_0\.08\)\]{background-color:#052b1e14;background-color:lab(14.8231% -17.1395 4.86023/.08)}.bg-\[oklch\(0\.78_0\.16_170\)\]{background-color:#00d6a8;background-color:lab(76.5855% -56.1552 10.2111)}.bg-black\/95{background-color:#000000f2}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-10{padding-bottom:2.5rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-32{padding-bottom:8rem}.pl-12{padding-left:3rem}.pr-12{padding-right:3rem}.pt-1\.5{padding-top:.375rem}.pt-24{padding-top:6rem}.pt-32{padding-top:8rem}.pt-36{padding-top:9rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[2\.8rem\]{font-size:2.8rem}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[8\.5px\]{font-size:8.5px}.text-\[9\.5px\]{font-size:9.5px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-\[1\.1\]{line-height:1.1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[2px\]{letter-spacing:2px}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[oklch\(0\.22_0\.045_165\)\]{color:#012115;color:lab(10.1161% -15.0952 4.36755)}.text-\[oklch\(0\.22_0\.045_165_\/_0\.5\)\]{color:#01211580;color:lab(10.1161% -15.0952 4.36755/.5)}.text-\[oklch\(0\.22_0\.045_165_\/_0\.55\)\]{color:#0121158c;color:lab(10.1161% -15.0952 4.36755/.55)}.text-\[oklch\(0\.22_0\.045_165_\/_0\.6\)\]{color:#01211599;color:lab(10.1161% -15.0952 4.36755/.6)}.text-\[oklch\(0\.45_0\.14_170\)\]{color:#00674c;color:lab(38.0335% -50.8473 9.01343)}.text-\[oklch\(0\.7_0\.18_55\)\]{color:#ee7b00;color:lab(64.207% 42.8074 76.4887)}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);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)}.blur-3xl{--tw-blur:blur(64px);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 #0000001a) drop-shadow(0 1px 1px #0000000f);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)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-property:box-shadow;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--sidebar-w:220px;--green:#0f6e56;--green-mid:#1d9e75;--green-light:#e1f5ee;--green-pale:#f0faf6;--dark:#0d1f1a;--text:#1a1a1a;--muted:#6b7280;--border:#e6e6e6;--white:#fff;--card:#fff;--fg:#1a1a1a;--surface:#f0f0f0;--bg:#f5f5f5;--error:#dc2626;--error-bg:#fef2f2;--pos-bg:#f7fbf9;--pos-surface:#fff;--pos-surface-2:#fff;--pos-surface-3:#fff;--pos-surface-alt:#f1f6f4;--pos-toolbar:#fff;--pos-border:#d9e8e2;--pos-divider:#e7f0ec;--pos-input-bg:#f1f6f4;--pos-key-bg:#eef5f2;--pos-hover:#eef5f2;--pos-text:#122922;--pos-text-soft:#10262099;--pos-text-softer:#1026206b;--pos-text-faint:#10262040;--pos-text-faintest:#1026201a;--pos-text-mid:#10262080;--pos-text-strong:#102620d9;--pos-accent:#0f6e56;--pos-overlay-backdrop:#0f201973;--pos-shadow:#1026202e;--pos-shadow-soft:#1026201a}html,body{font-family:var(--font-sarabun), sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-prompt), sans-serif}.auth-page{background:#0b2a1e;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.auth-band{position:absolute;inset:0}.auth-band-1{clip-path:polygon(0 0,100% 0,100% 55%,0 5%);background:#0f6e56}.auth-band-2{clip-path:polygon(0 5%,100% 55%,100% 68%,0 42%);background:#2a8}.auth-band-3{clip-path:polygon(0 42%,100% 68%,100% 100%,0 100%);background:#2ac9a1}.auth-nav{z-index:10;justify-content:space-between;align-items:center;padding:28px 52px;display:flex;position:relative}.auth-nav-back{font-family:var(--font-sarabun), sans-serif;color:#ffffff59;letter-spacing:.01em;font-size:13px;text-decoration:none;transition:color .2s}.auth-nav-back:hover{color:#ffffffb3}.auth-main{z-index:1;flex:1;justify-content:center;align-items:center;gap:72px;padding:24px 52px 80px;display:flex;position:relative}.auth-hero{flex-direction:column;flex-shrink:0;align-items:flex-start;max-width:400px;display:flex}.auth-hero-title{font-family:var(--font-prompt), sans-serif;color:#fff;letter-spacing:-.03em;flex-direction:column;gap:6px;margin-bottom:20px;font-size:72px;font-weight:700;line-height:1.05;display:flex}.auth-title-line{white-space:nowrap;display:block}.auth-indent{padding-left:56px}.auth-teal{color:#0a2a1f;background:#2ac9a1;border-radius:9px;margin-left:8px;padding:0 10px;line-height:1.05;display:inline-block}.auth-hero-sub{font-family:var(--font-sarabun), sans-serif;color:#1d1d1d;margin-bottom:8px;font-size:15px;line-height:1.7}.auth-mascot-img{filter:drop-shadow(0 28px 64px #0000008c);width:100%;max-width:380px;margin-top:16px}.auth-card{-webkit-backdrop-filter:blur(28px);background:#06120ce0;border:1px solid #2ac9a124;border-radius:24px;flex-shrink:0;width:420px;padding:40px;box-shadow:0 40px 100px #0000008c,0 0 0 1px #2ac9a10d,inset 0 1px #ffffff0a}@media (max-width:900px){.auth-hero{display:none}.auth-nav{padding:20px 24px}.auth-main{gap:0;padding:16px 24px 60px}.auth-card{border-radius:20px;width:100%;max-width:420px;padding:32px 24px}.auth-star{display:none}}.tabs{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;margin-bottom:32px;padding:4px;display:flex}.tab{text-align:center;font-family:var(--font-prompt), sans-serif;color:#ffffff59;cursor:pointer;background:0 0;border:none;border-radius:7px;flex:1;padding:9px;font-size:14px;font-weight:500;transition:all .2s}.tab.active{color:#2ac9a1;background:#2ac9a11f;border:1px solid #2ac9a140}.tab:not(.active):hover{color:#ffffffa6}.form-title{color:#fff;margin-bottom:6px;font-size:24px;font-weight:600}.form-sub{color:#fff6;margin-bottom:28px;font-size:14px}.field{margin-bottom:18px}.field label{color:#fff9;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.field input{width:100%;font-family:var(--font-sarabun), sans-serif;color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;outline:none;padding:11px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.field input::placeholder{color:#fff3}.field input:focus{background:#2ac9a10a;border-color:#2ac9a180;box-shadow:0 0 0 3px #2ac9a114}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-hint{color:#ffffff4d;margin-top:5px;font-size:12px}.divider{color:#ffffff40;align-items:center;gap:12px;margin:24px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:#ffffff14;flex:1;height:1px}.btn-google{width:100%;font-family:var(--font-sarabun), sans-serif;color:#ffffffd9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9px;justify-content:center;align-items:center;gap:10px;padding:11px;font-size:15px;transition:border-color .2s,background .2s;display:flex}.btn-google:hover{background:#ffffff17;border-color:#fff3}.btn-google:disabled{opacity:.5;cursor:not-allowed}.google-icon{width:18px;height:18px}.btn-submit{color:#0a1f16;width:100%;font-family:var(--font-prompt), sans-serif;cursor:pointer;background:#2ac9a1;border:none;border-radius:9px;margin-top:4px;padding:13px;font-size:15px;font-weight:600;transition:background .2s,transform .15s}.btn-submit:hover{background:#1fb389;transform:translateY(-1px)}.btn-submit:disabled{color:#ffffff4d;cursor:not-allowed;background:#ffffff1a;transform:none}.terms{color:#ffffff4d;text-align:center;margin-top:16px;font-size:12px;line-height:1.6}.terms a{color:#2ac9a1;cursor:pointer;text-decoration:underline}.terms a:hover{color:#1fb389}.forgot{text-align:right;color:#2ac9a1;cursor:pointer;opacity:.8;margin-top:-10px;margin-bottom:18px;font-size:13px;display:block}.forgot:hover{opacity:1;text-decoration:underline}.alert{border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:13px;line-height:1.5}.alert-error{color:#f87171;background:#dc26261a;border:1px solid #dc262633}.alert-success{color:#2ac9a1;background:#2ac9a11a;border:1px solid #2ac9a133}.alert-warn{color:#f5c842;background:#f5c8421a;border:1px solid #f5c84233}.app-shell{background:var(--bg);min-height:100vh;display:flex}.sidebar{--sidebar-w:220px;width:var(--sidebar-w);background:var(--dark);flex-direction:column;flex-shrink:0;min-height:100vh;padding:24px 16px 0;transition:width .25s,padding .25s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:visible}@keyframes nav-bounce{0%{transform:scale(1)}18%{transform:scale(.82)}45%{transform:scale(1.12)}68%{transform:scale(.96)}84%{transform:scale(1.04)}to{transform:scale(1)}}.nav-item--bounce{animation:.42s cubic-bezier(.36,.07,.19,.97) both nav-bounce}@keyframes sidebar-tip-in{0%{opacity:0;transform:translateY(-50%)translate(-6px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.sidebar--collapsed{width:64px;padding:24px 8px 0}.sidebar--collapsed .sidebar-bottom{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.nav-item--icon{justify-content:center;gap:0;padding:10px}.nav-item--icon svg{margin:0}.sidebar-section-divider{background:#ffffff14;height:1px;margin:6px 8px}.nav-item--icon[data-tip]{position:relative}.nav-item--icon[data-tip]:after{content:attr(data-tip);color:#ffffffe6;font-size:12px;font-family:var(--font-sarabun), sans-serif;white-space:nowrap;pointer-events:none;opacity:0;z-index:200;background:#1a2e28;border:1px solid #ffffff1a;border-radius:7px;padding:5px 10px;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(-4px);box-shadow:0 4px 12px #0000004d}.nav-item--icon[data-tip]:hover:after{opacity:1;transform:translateY(-50%)translate(0)}.sidebar-logo{font-family:var(--font-prompt), sans-serif;color:#fff;letter-spacing:-.5px;margin-bottom:32px;padding:0 8px;font-size:20px;font-weight:600;text-decoration:none}.sidebar-logo span{color:#9fe1cb}.sidebar-section{color:#ffffff4d;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;padding:0 8px;font-size:11px}.nav-item{color:#ffffff8c;cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:9px 10px;font-size:14px;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#ffffffe6;background:#ffffff0f}.nav-item.active{background:var(--green);color:#fff}.nav-item svg{stroke:#ffffff8c;flex-shrink:0;width:16px;height:16px}.nav-item.active svg,.nav-item:hover svg{stroke:#fff}.sidebar-bottom{background:#00000047;border-top:1px solid #ffffff1a;margin-top:auto;margin-left:-16px;margin-right:-16px;padding:10px 16px 24px;position:relative;box-shadow:0 -8px 16px #0003}.user-pill{cursor:pointer;text-align:left;width:100%;font-family:var(--font-sarabun), sans-serif;background:#ffffff0f;border:none;border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex;position:relative}.user-pill:hover{background:#ffffff1a}.user-avatar{background:var(--green);width:32px;height:32px;font-family:var(--font-prompt), sans-serif;color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex;overflow:hidden}.user-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.user-name{color:#fff;font-size:13px;font-weight:500}.user-plan{color:#fff6;font-size:11px}.user-dropdown{z-index:100;background:#1a2e28;border:1px solid #ffffff1a;border-radius:10px;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow:hidden}.dropdown-item{color:#ffffffbf;cursor:pointer;text-align:left;width:100%;font-size:13px;font-family:var(--font-sarabun), sans-serif;background:0 0;border:none;align-items:center;gap:8px;padding:9px 12px;text-decoration:none;transition:background .15s;display:flex}.dropdown-item:hover{color:#fff;background:#ffffff0f}.dropdown-item svg{stroke:#ffffffbf;flex-shrink:0;width:14px;height:14px}.dropdown-item:hover svg{stroke:#fff}.dropdown-divider{background:#ffffff14;height:1px}.app-main{flex:1;max-width:calc(100% - 220px);margin-left:220px;padding:32px;transition:margin-left .25s,max-width .25s}body.sidebar-collapsed .app-main{max-width:calc(100% - 64px);margin-left:64px}.topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.topbar-left h1{color:var(--dark);letter-spacing:-.02em;font-size:22px;font-weight:700}.topbar-left p{color:var(--muted);margin-top:2px;font-size:14px}.btn-new{background:var(--green);color:#fff;font-family:var(--font-prompt), sans-serif;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s;display:flex}.btn-new:hover{background:var(--dark);color:#fff}.btn-new svg{width:16px;height:16px}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.stat-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;padding:28px 20px 26px;display:flex;box-shadow:0 1px 4px #0000000d}.stat-card.highlight{background:linear-gradient(145deg,#0f6e56,#17926a);border-color:#0000;box-shadow:0 6px 24px #0f6e564d}.sc-icon{color:#9ca3af;flex-shrink:0;width:36px;height:36px;margin-bottom:18px;display:block}.stat-card.highlight .sc-icon{color:#ffffffe6}.sc-icon--pending{color:#f59e0b}.sc-icon--invoices{color:#60a5fa}.sc-icon--clients{color:#a78bfa}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:11px;font-weight:500}.stat-card.highlight .stat-label{color:#ffffffa6}.stat-val{font-family:var(--font-prompt), sans-serif;color:var(--dark);letter-spacing:-.02em;font-size:30px;font-weight:700;line-height:1.1}.stat-card.highlight .stat-val{color:#fff}.stat-sub{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.4}.stat-card.highlight .stat-sub{color:#ffffff8c}.stat-badge{border-radius:20px;margin-top:8px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.badge-up{background:var(--green-light);color:var(--green)}.badge-warn{color:#92400e;background:#fef3c7}.badge-neutral{color:#5f5e5a;background:#f1efe8}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dashboard-section>.section-header{margin-top:24px}.section-title{color:var(--dark);font-size:15px;font-weight:600;font-family:var(--font-prompt), sans-serif;letter-spacing:-.01em}.btn-link{color:var(--green);cursor:pointer;font-size:13px;text-decoration:none}.btn-link:hover{text-decoration:underline}.table-wrap{border:1px solid var(--border);background:#fff;border-radius:16px;margin-bottom:24px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap thead th{text-align:left;color:var(--muted);background:var(--bg);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;padding:12px 20px;font-size:12px;font-weight:500}.table-wrap tbody tr{border-bottom:1px solid var(--border);transition:background .1s}.table-wrap tbody tr:last-child{border-bottom:none}.table-wrap tbody tr:hover{background:var(--bg)}.table-wrap tbody td{color:var(--text);padding:14px 20px;font-size:14px}.td-muted{color:var(--muted);font-size:13px}.td-amount{font-family:var(--font-prompt), sans-serif;font-weight:500}.td-num{font-family:var(--font-prompt), sans-serif;color:var(--muted);font-size:13px}.status{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.status:before{content:"";border-radius:50%;width:5px;height:5px}.status-paid{background:var(--green-light);color:var(--green)}.status-paid:before{background:var(--green-mid)}.status-pending,.status-sent{color:#854f0b;background:#faeeda}.status-pending:before,.status-sent:before{background:#ef9f27}.status-overdue{color:#c0392b;background:#fde2e2}.status-overdue:before{background:#c0392b}.status-draft{color:#5f5e5a;background:#f1efe8}.status-draft:before{background:#b4b2a9}.status-void{color:#5f5e5a;background:#f1efe8}.status-void:before{background:#b4b2a9}.action-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:12px;font-family:var(--font-sarabun), sans-serif;background:0 0;border-radius:6px;padding:5px 12px;text-decoration:none;transition:all .15s;display:inline-block}.action-btn:hover{border-color:var(--green);color:var(--green)}.quote-action-menu{z-index:50;background:var(--white);border:1px solid var(--border);border-radius:10px;min-width:178px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 4px 16px #0000001a}.quote-action-item{width:100%;color:var(--dark);cursor:pointer;font-size:13px;font-family:var(--font-sarabun), sans-serif;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;transition:background .12s;display:flex}.quote-action-item:hover{background:var(--bg)}.quote-action-item.quote-action-success{color:var(--green-mid)}.quote-action-item.quote-action-success:hover{background:var(--green-pale)}.quote-action-item.quote-action-danger{color:#e05252}.quote-action-item.quote-action-danger:hover{background:#e0525212}.quote-action-divider{background:var(--border);height:1px;margin:4px 0}[data-theme=dark] .quote-action-menu{box-shadow:0 4px 20px #0006}.inv-summary-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.inv-summary-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px 18px;transition:border-color .15s;box-shadow:0 1px 3px #0000000a}.inv-summary-card:hover{border-color:var(--green)}.inv-summary-card--warn{border-color:#ef44444d}.inv-summary-card--warn:hover{border-color:#ef4444}.inv-summary-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px}.inv-summary-count{color:var(--text);margin-bottom:4px;font-size:22px;font-weight:500;line-height:1}.inv-summary-amount{color:var(--muted);font-size:12px}.inv-summary-card--warn .inv-summary-count{color:#ef4444}.inv-filter-tabs{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.inv-filter-tab{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;transition:all .15s;display:flex}.inv-filter-tab:hover{background:var(--surface);color:var(--text)}.inv-filter-tab.active{background:var(--surface);color:var(--text);border-color:var(--border);font-weight:500}.inv-filter-count{background:var(--border);color:var(--muted);border-radius:99px;padding:1px 6px;font-size:11px}.inv-filter-tab.active .inv-filter-count{background:var(--green-light);color:var(--green)}.inv-card-list{flex-direction:column;gap:6px;margin-bottom:24px;display:flex}.inv-card{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:border-color .15s,background .1s;display:flex}.inv-card:hover{border-color:var(--green);background:var(--surface)}.inv-card-main{flex:1;min-width:0}.inv-card-top{align-items:center;gap:6px;margin-bottom:2px;display:flex}.inv-card-number{color:var(--text);font-size:13px;font-weight:500}.inv-card-client{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.inv-card-due{text-align:right;min-width:72px}.inv-card-due-label{color:var(--muted);margin-bottom:2px;font-size:10px}.inv-card-due-date{color:var(--muted);font-size:13px}.inv-card-due-date.overdue{color:#ef4444;font-weight:500}.inv-card-right{text-align:right;min-width:110px}.inv-card-amount{font-family:var(--font-prompt), sans-serif;margin-bottom:4px;font-size:15px;font-weight:500}.inv-card-arrow{width:16px;height:16px;stroke:var(--border);flex-shrink:0;transition:stroke .15s}.inv-card:hover .inv-card-arrow{stroke:var(--green)}.inv-empty-filter{text-align:center;color:var(--muted);background:var(--card);border:1px solid var(--border);border-radius:12px;padding:40px 20px;font-size:14px}[data-theme=dark] .inv-summary-card,[data-theme=dark] .inv-card{background:var(--card)}[data-theme=dark] .inv-card:hover{background:var(--surface)}[data-theme=dark] .inv-card-avatar{background:#2ac9a11f}@media (max-width:640px){.inv-summary-grid{grid-template-columns:repeat(3,1fr);gap:8px}.inv-summary-card{padding:12px}.inv-summary-count{font-size:18px}.inv-card-due{display:none}.inv-card-amount{font-size:14px}}.empty-state{text-align:center;color:var(--muted);padding:48px 20px}.empty-state-icon{background:var(--bg);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:inline-flex}.empty-state-icon svg{width:24px;height:24px;stroke:var(--muted)}.empty-state-title{font-family:var(--font-prompt), sans-serif;color:var(--text);margin-bottom:4px;font-size:15px}.empty-state-sub{color:var(--muted);margin-bottom:16px;font-size:13px}.empty-state .btn-new{display:inline-flex}.bottom-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.dash-main-grid{grid-template-columns:3fr 2fr;align-items:start;gap:16px;margin-bottom:16px;display:grid}.dash-3col{grid-template-columns:2fr 1.4fr 1fr;align-items:start;gap:16px;margin-bottom:20px;display:grid}.dash-content .card,.dash-content .stat-card:not(.highlight){border:none;box-shadow:0 2px 12px #00000012}.dash-content .stat-card.highlight{box-shadow:0 6px 24px #0f6e564d}.dash-sidebar-card{padding:18px 20px}.card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 4px #0000000d}.sprint-list{flex-direction:column;display:flex}.sprint-row{border-bottom:1px solid var(--border);border-radius:8px;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:10px;margin:0 -4px;padding:9px 4px;text-decoration:none;transition:background .12s;display:grid}.sprint-row:last-child{border-bottom:none}.sprint-row:hover{background:var(--bg)}.sprint-code{color:var(--muted);white-space:nowrap;min-width:52px;font-family:ui-monospace,Cascadia Code,monospace;font-size:11px;font-weight:500}.sprint-name{color:var(--dark);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sprint-status{color:var(--muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;font-size:11.5px;display:flex}.sprint-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sprint-amount{color:var(--dark);font-size:12px;font-weight:600;font-family:var(--font-prompt), sans-serif;white-space:nowrap;text-align:right;flex-shrink:0;min-width:64px}.sprint-action{color:var(--muted);letter-spacing:.05em;flex-shrink:0;font-size:16px;line-height:1}.top-client-list{flex-direction:column;gap:14px;display:flex}.top-client-item{align-items:center;gap:10px;display:flex}.top-client-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.top-client-info{flex:1;min-width:0}.top-client-name{color:var(--dark);white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:13px;font-weight:500;overflow:hidden}.top-client-bar-wrap{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.top-client-bar-fill{background:var(--green);border-radius:2px;height:100%;transition:width .5s}.top-client-rev{color:var(--dark);font-size:12px;font-weight:600;font-family:var(--font-prompt), sans-serif;text-align:right;flex-shrink:0;min-width:60px}.client-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.client-item:last-child{border-bottom:none;padding-bottom:0}.client-avatar{background:var(--green-light);width:34px;height:34px;color:var(--green);font-size:12px;font-weight:500;font-family:var(--font-prompt), sans-serif;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.client-name{color:var(--dark);font-size:13px;font-weight:500}.client-count{color:var(--muted);font-size:11px}.client-amount{font-family:var(--font-prompt), sans-serif;color:var(--dark);font-size:13px;font-weight:500}.dot-green{background:var(--green-mid)}.dot-amber{background:#ef9f27}.dot-gray{background:#b4b2a9}.activity-text{color:var(--text);font-size:13px;line-height:1.5}.activity-time{color:var(--muted);margin-top:2px;font-size:12px}.chart-period{border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:12px;font-family:var(--font-sarabun), sans-serif;background:0 0;border-radius:7px;padding:5px 12px;transition:all .15s}.chart-period.active{background:var(--green);color:#fff;border-color:var(--green)}.invoice-create-grid{grid-template-columns:1fr 380px;gap:0;min-height:100vh;margin:-32px;display:grid}.form-side{border-right:1px solid var(--border);padding:32px;overflow-y:auto}.preview-side{background:#fff;padding:28px;overflow-y:auto}.create-topbar{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.create-topbar-left{align-items:center;gap:12px;display:flex}.back-btn{color:var(--muted);border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.back-btn:hover{color:var(--green);border-color:var(--green)}.back-btn svg{width:14px;height:14px}.create-topbar h1{color:var(--dark);font-size:20px;font-weight:600}.topbar-actions{gap:8px;display:flex}.btn-outline{border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:13px;font-family:var(--font-sarabun), sans-serif;background:#fff;border-radius:9px;padding:9px 16px;transition:all .15s}.btn-outline:hover{border-color:var(--green);color:var(--green)}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--green);color:#fff;font-family:var(--font-prompt), sans-serif;cursor:pointer;border:none;border-radius:9px;padding:9px 18px;font-size:13px;font-weight:500;transition:background .2s}.btn-primary:hover{background:var(--dark)}.btn-primary:disabled{background:var(--muted);cursor:not-allowed}.form-section{border:1px solid var(--border);background:#fff;border-radius:16px;margin-bottom:16px;padding:24px;box-shadow:0 1px 4px #0000000a}.form-section-title{font-family:var(--font-prompt), sans-serif;color:var(--dark);align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:500;display:flex}.form-section-title svg{width:16px;height:16px;color:var(--green)}.form-info-banner{background:var(--bg);color:var(--muted);border-radius:8px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;display:flex}.form-field{margin-bottom:14px}.form-field:last-child{margin-bottom:0}.form-field label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px;font-size:12px;font-weight:500;display:block}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);width:100%;color:var(--text);font-size:14px;font-family:var(--font-sarabun), sans-serif;background:#fff;border-radius:8px;outline:none;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.form-field input::-moz-placeholder{color:#a0b4ae}.form-field textarea::-moz-placeholder{color:#a0b4ae}.form-field input::placeholder,.form-field textarea::placeholder{color:#a0b4ae}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #0f6e5614}.form-field textarea{resize:vertical;min-height:72px;line-height:1.6}.form-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.items-header{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;grid-template-columns:1fr 80px 110px 110px 36px;gap:8px;margin-bottom:8px;padding:0 2px;font-size:11px;display:grid}.item-row{grid-template-columns:1fr 80px 110px 110px 36px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.item-row input{border:1px solid var(--border);color:var(--text);width:100%;font-size:14px;font-family:var(--font-sarabun), sans-serif;border-radius:8px;outline:none;padding:9px 10px;transition:border-color .15s}.item-row input:focus{border-color:var(--green)}.item-row input[readonly]{background:var(--bg);color:var(--muted)}.item-delete{border:1px solid var(--border);width:32px;height:36px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.item-delete:hover{color:#e24b4a;border-color:#e24b4a}.item-delete svg{width:14px;height:14px}.btn-add-item{color:var(--green);cursor:pointer;font-size:13px;font-family:var(--font-sarabun), sans-serif;background:0 0;border:none;align-items:center;gap:8px;margin-top:4px;padding:8px 0;display:flex}.btn-add-item svg{width:14px;height:14px}.btn-add-item:hover{opacity:.75}.currency-toggle{border:1px solid var(--border);background:var(--bg);border-radius:8px;display:flex;overflow:hidden}.currency-toggle button{color:var(--muted);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sarabun), sans-serif;background:0 0;border:none;flex:1;padding:8px 12px;transition:all .15s}.currency-toggle button.active{background:var(--green);color:#fff}.inv-custom-select{border:1px solid var(--border);background:var(--white);cursor:pointer;text-align:left;width:100%;font-family:var(--font-sarabun), sans-serif;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;transition:border-color .15s;display:flex}.inv-custom-select:hover,.inv-custom-select.open{border-color:var(--green)}.inv-select-placeholder{color:var(--muted);flex:1;font-size:13px}.inv-select-value{color:var(--dark);flex:1;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.inv-select-avatar{width:24px;height:24px;color:var(--green);background:#0f6e561a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.inv-select-icons{flex-shrink:0;align-items:center;gap:4px;display:flex}.inv-select-clear{width:18px;height:18px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;transition:all .1s;display:flex}.inv-select-clear:hover{background:var(--border);color:var(--dark)}.inv-select-clear svg{width:12px;height:12px}.inv-select-chevron{width:14px;height:14px;color:var(--muted);transition:transform .15s}.inv-select-chevron.up{transform:rotate(180deg)}.inv-dropdown{background:var(--white);border:1px solid var(--border);z-index:50;border-radius:12px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}.inv-dropdown-search{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 12px;display:flex}.inv-dropdown-search svg{width:14px;height:14px;color:var(--muted);flex-shrink:0}.inv-dropdown-search input{color:var(--dark);font-size:13px;font-family:var(--font-sarabun), sans-serif;background:0 0;border:none;outline:none;flex:1}.inv-dropdown-search input::placeholder{color:var(--muted)}.inv-dropdown-section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 4px;font-size:10px;font-weight:600}.inv-dropdown-list{max-height:220px;padding:4px 0;overflow-y:auto}.inv-dropdown-empty{color:var(--muted);text-align:center;padding:16px 12px;font-size:13px}.inv-dropdown-item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 12px;transition:background .1s;display:flex}.inv-dropdown-item:hover,.inv-dropdown-item.selected{background:var(--green-pale)}.inv-dropdown-avatar{color:#a855f7;background:#a855f71a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.inv-dropdown-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.inv-dropdown-name{color:var(--dark);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.inv-dropdown-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}[data-theme=dark] .inv-dropdown{box-shadow:0 8px 32px #0006}[data-theme=dark] .inv-custom-select{background:var(--white)}.item-product-pick-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;width:28px;height:28px;color:var(--green);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.item-product-pick-btn:hover{border-color:var(--green);background:var(--green-pale)}.item-product-pick-btn svg{width:13px;height:13px}.product-picker-dropdown{background:var(--white);border:1px solid var(--border);z-index:50;border-radius:10px;max-height:220px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden auto;box-shadow:0 8px 24px #0000001a}.product-picker-item{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 14px;transition:background .1s;display:flex}.product-picker-item:hover{background:var(--green-pale)}.product-picker-name{color:var(--dark);font-size:13px;font-weight:500}.product-picker-price{color:var(--green);white-space:nowrap;font-size:13px;font-weight:600}.tax-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.tax-row:last-child{border-bottom:none}.tax-label{color:var(--text);font-size:14px}.tax-sub{color:var(--muted);margin-top:1px;font-size:12px}.slip-token-balance-hint{color:var(--muted);background:#2ac9a10f;border-radius:8px;align-items:center;gap:5px;margin-top:8px;padding:8px 10px;font-size:12px;display:flex}.toggle{flex-shrink:0;width:36px;height:20px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#d4e8e0;border-radius:20px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--green)}.toggle input:checked+.toggle-slider:before{transform:translate(16px)}.discount-input{border:1px solid var(--border);text-align:right;width:110px;font-size:13px;font-family:var(--font-sarabun), sans-serif;border-radius:8px;outline:none;padding:6px 10px}.preview-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;font-size:11px}.preview-card{border:1px solid var(--border);border-radius:16px;overflow:hidden}.preview-header{background:var(--green);padding:20px}.prev-from{color:#fff9;margin-bottom:3px;font-size:11px}.prev-name{color:#fff;font-family:var(--font-prompt), sans-serif;margin-bottom:14px;font-size:16px;font-weight:500}.prev-amount-box{background:#00000026;border-radius:10px;justify-content:space-between;padding:12px 14px;display:flex}.prev-amount-label{color:#fff9;margin-bottom:3px;font-size:11px}.prev-amount{color:#fff;font-family:var(--font-prompt), sans-serif;font-size:22px;font-weight:600}.prev-inv{text-align:right}.prev-inv-label{color:#fff9;margin-bottom:3px;font-size:11px}.prev-inv-num{color:#fff;font-size:13px;font-weight:500}.preview-body{padding:16px 20px}.prev-section{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:10px}.prev-item{color:var(--text);justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.prev-item:last-child{margin-bottom:0}.prev-divider{background:var(--border);height:1px;margin:12px 0}.prev-total-row{color:var(--muted);justify-content:space-between;margin-bottom:5px;font-size:12px;display:flex}.prev-total-main{color:var(--dark);border-top:1px solid var(--border);justify-content:space-between;margin-top:8px;padding-top:8px;font-size:15px;font-weight:500;display:flex}.prev-total-main span:last-child{font-family:var(--font-prompt), sans-serif}.toast{color:#f7fbf9;opacity:0;pointer-events:none;z-index:999;white-space:nowrap;background:#0d1f1a;border-radius:8px;padding:10px 20px;font-size:14px;transition:opacity .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000040}.toast.show{opacity:1}.req{color:#e24b4a}.pay-page{background:var(--bg);flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding:40px 16px 60px;display:flex}.pay-toprow{justify-content:space-between;align-items:center;width:100%;max-width:480px;margin-bottom:16px;display:flex}.pay-back{color:var(--muted);border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.pay-back:hover{color:var(--green);border-color:var(--green)}.pay-back svg{width:14px;height:14px}.powered-by{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.powered-logo{font-family:var(--font-prompt), sans-serif;color:var(--green);font-size:13px;font-weight:600}.pay-card{border:1px solid var(--border);background:#fff;border-radius:20px;width:100%;max-width:480px;overflow:hidden}.pay-header{background:var(--green);padding:28px}.pay-header-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.pay-sender-name{font-family:var(--font-prompt), sans-serif;color:#fff;margin-bottom:2px;font-size:18px;font-weight:500}.pay-sender-tax{color:#ffffff8c;font-size:12px}.pay-status-pill{color:#633806;white-space:nowrap;background:#faeeda;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.pay-status-pill.paid{color:#085041;background:#e1f5ee}.pay-status-pill.overdue{color:#633806;background:#faeeda}.pay-status-pill.draft{color:#5f5e5a;background:#f1efe8}.pay-amount-box{background:#00000026;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.pay-amount-label{color:#fff9;margin-bottom:4px;font-size:12px}.pay-amount-val{font-family:var(--font-prompt), sans-serif;color:#fff;font-size:32px;font-weight:600}.pay-amount-right{text-align:right}.pay-inv-label{color:#ffffff80;margin-bottom:3px;font-size:11px}.pay-inv-num{font-family:var(--font-prompt), sans-serif;color:#fff;font-size:14px;font-weight:500}.pay-due-label{color:#ffffff80;margin-top:8px;margin-bottom:3px;font-size:11px}.pay-due-val{color:#ffffffd9;font-size:13px}.pay-body{padding:24px 28px}.pay-toggle-wrap{gap:10px;margin-bottom:24px;display:flex}.pay-toggle-btn{border:1px solid var(--border);font-family:var(--font-sarabun), sans-serif;color:var(--muted);cursor:pointer;background:#fff;border-radius:9px;flex:1;padding:9px;font-size:13px;transition:all .15s}.pay-toggle-btn.active{background:var(--green);color:#fff;border-color:var(--green)}.pay-parties{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;padding-bottom:20px;display:grid}.pay-party-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px}.pay-party-name{color:var(--dark);margin-bottom:2px;font-size:14px;font-weight:500}.pay-party-detail{color:var(--muted);word-break:break-word;font-size:12px;line-height:1.6}.pay-items{margin-bottom:20px}.pay-items-header{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);grid-template-columns:1fr 56px 88px;gap:8px;margin-bottom:4px;padding-bottom:8px;font-size:11px;display:grid}.pay-item-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 56px 88px;align-items:center;gap:8px;padding:10px 0;display:grid}.pay-item-row:last-child{border-bottom:none}.pay-item-name{color:var(--text);font-size:14px}.pay-item-qty{color:var(--muted);text-align:right;font-size:13px}.pay-item-price{font-family:var(--font-prompt), sans-serif;color:var(--dark);text-align:right;white-space:nowrap;font-size:14px}.pay-totals{background:var(--bg);border-radius:10px;margin-bottom:24px;padding:14px 16px}.pay-total-row{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.pay-total-row:last-child{margin-bottom:0}.pay-total-row.main{color:var(--dark);border-top:1px solid var(--border);margin-top:4px;padding-top:8px;font-size:16px;font-weight:500}.pay-total-row.main span:last-child{font-family:var(--font-prompt), sans-serif}.pay-qr-section{border:1px solid var(--border);text-align:center;border-radius:14px;margin-bottom:20px;padding:24px}.pay-qr-title{font-family:var(--font-prompt), sans-serif;color:var(--dark);margin-bottom:4px;font-size:15px;font-weight:500}.pay-qr-sub{color:var(--muted);margin-bottom:20px;font-size:13px}.pay-qr-box{border:1px solid var(--border);background:#fff;border-radius:12px;margin-bottom:12px;padding:12px;display:inline-block}.pay-qr-box svg{width:220px;height:220px;display:block}.pay-qr-promptpay{color:var(--muted);margin-bottom:4px;font-size:13px}.pay-qr-amount{font-family:var(--font-prompt), sans-serif;color:var(--green);font-size:18px;font-weight:600}.pay-qr-fallback{border:1px dashed var(--border);text-align:center;color:var(--muted);border-radius:14px;margin-bottom:20px;padding:20px;font-size:13px;line-height:1.6}.pay-usd-buttons{margin-bottom:20px}.pay-usd-title{font-family:var(--font-prompt), sans-serif;color:var(--dark);text-align:center;margin-bottom:14px;font-size:16px;font-weight:600}.pay-method-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:10px;padding:14px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .15s,transform .1s;display:flex}.pay-method-btn:hover{opacity:.9;transform:translateY(-1px)}.pay-method-btn:active{transform:translateY(0)}.pay-method-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.pay-stripe-btn{color:#fff;background:#635bff}.pay-paypal-btn{color:#fff;background:#0070ba}.pay-paid-banner{background:var(--green-light);border:1px solid var(--border);border-radius:14px;align-items:center;gap:14px;margin-bottom:20px;padding:20px 24px;display:flex}.pay-paid-icon{background:var(--green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pay-paid-icon svg{color:#fff;width:20px;height:20px}.pay-paid-title{font-family:var(--font-prompt), sans-serif;color:var(--green);margin-bottom:2px;font-size:15px;font-weight:500}.pay-paid-sub{color:var(--muted);font-size:13px}.pay-safe-note{background:var(--bg);border-radius:10px;align-items:center;gap:10px;padding:12px 16px;display:flex}.pay-safe-note svg{width:16px;height:16px;color:var(--green-mid);flex-shrink:0}.pay-safe-note span{color:var(--muted);font-size:12px;line-height:1.5}.pay-pdf-btn{background:var(--green);color:#fff;font-family:var(--font-prompt), sans-serif;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.pay-pdf-btn:hover{background:var(--dark)}.pay-pdf-btn svg{width:16px;height:16px}.pay-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:16px 28px;display:flex}.pay-footer-logo{font-family:var(--font-prompt), sans-serif;color:var(--green);font-size:13px;font-weight:600}.pay-footer-link{color:var(--muted);word-break:break-all;font-size:12px}@media (max-width:480px){.pay-parties{grid-template-columns:1fr}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg, var(--border) 25%, #eaf4f0 50%, var(--border) 75%);background-size:600px 100%;border-radius:8px;animation:1.4s ease-in-out infinite shimmer}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#1e2e29 25%,#263530 50%,#1e2e29 75%) 0 0/600px 100%}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.success-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0d1f1a8c;justify-content:center;align-items:center;padding:20px;animation:.18s ease-out overlayIn;display:flex;position:fixed;inset:0}.success-card{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:440px;padding:32px 28px 24px;animation:.22s ease-out cardIn;box-shadow:0 20px 60px #00000040}.success-icon{background:var(--green-light);border:2px solid var(--green);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.success-icon svg{width:32px;height:32px;stroke:var(--green);stroke-width:3px}.success-title{font-family:var(--font-prompt), sans-serif;color:var(--dark);margin-bottom:6px;font-size:22px;font-weight:600}.success-sub{color:var(--muted);margin-bottom:24px;font-size:14px;line-height:1.5}.url-display{background:var(--bg);border:1px solid var(--border);text-align:left;border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 8px 8px 14px;display:flex}.url-display input{color:var(--text);font-size:13px;font-family:var(--font-sarabun), sans-serif;text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:1;min-width:0}.url-copy-btn{background:var(--green);color:#fff;font-size:12px;font-weight:500;font-family:var(--font-prompt), sans-serif;cursor:pointer;white-space:nowrap;border:none;border-radius:7px;flex-shrink:0;align-items:center;gap:5px;padding:7px 14px;transition:background .15s;display:flex}.url-copy-btn:hover{background:var(--dark)}.url-copy-btn.copied{background:var(--green-mid)}.url-copy-btn svg{width:12px;height:12px}.success-actions{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.success-action{border:1px solid var(--border);font-family:var(--font-sarabun), sans-serif;color:var(--text);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.success-action:hover{border-color:var(--green);color:var(--green)}.success-action svg{flex-shrink:0;width:16px;height:16px}.success-action.line{color:#fff;background:#06c755;border-color:#06c755}.success-action.line:hover{color:#fff;background:#05a847;border-color:#05a847}.success-done{color:var(--muted);cursor:pointer;font-size:13px;font-family:var(--font-sarabun), sans-serif;background:0 0;border:none;margin-top:4px;padding:8px 12px;text-decoration:underline}.success-done:hover{color:var(--text)}.page-tabs{border:1px solid var(--border);background:#fff;border-radius:12px;gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.page-tab{font-family:var(--font-prompt), sans-serif;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.page-tab:hover{color:var(--text)}.page-tab.active{background:var(--green);color:#fff}.detail-grid{grid-template-columns:1fr 320px;gap:16px;display:grid}.detail-section{border:1px solid var(--border);background:#fff;border-radius:14px;margin-bottom:16px;padding:24px}.detail-h{font-family:var(--font-prompt), sans-serif;color:var(--dark);margin-bottom:16px;font-size:14px;font-weight:500}.detail-row{justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.detail-row span:first-child{color:var(--muted)}.detail-row span:last-child{color:var(--text);font-weight:500}.detail-actions{flex-direction:column;gap:8px;display:flex}.btn-detail{border:1px solid var(--border);width:100%;font-family:var(--font-sarabun), sans-serif;color:var(--text);cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.btn-detail:hover{border-color:var(--green);color:var(--green)}.btn-detail svg{flex-shrink:0;width:16px;height:16px}.btn-detail.primary{background:var(--green);color:#fff;border-color:var(--green);font-family:var(--font-prompt), sans-serif;font-weight:500}.btn-detail.primary:hover{background:var(--dark);border-color:var(--dark);color:#fff}.btn-detail.danger{color:#c0392b;border-color:#f0c4c4}.btn-detail.danger:hover{background:#fef2f2}.btn-detail.line{color:#fff;background:#06c755;border-color:#06c755}.btn-detail.line:hover{color:#fff;background:#05a847;border-color:#05a847}.detail-status-card{border:1px solid var(--border);text-align:center;background:#fff;border-radius:14px;margin-bottom:16px;padding:20px}.detail-status-card .status{margin-bottom:8px;padding:6px 16px;font-size:14px}.detail-amount{font-family:var(--font-prompt), sans-serif;color:var(--dark);margin:8px 0 4px;font-size:30px;font-weight:600}.detail-amount-label{color:var(--muted);font-size:12px}.settings-card{border:1px solid var(--border);background:#fff;border-radius:14px;max-width:720px;padding:28px}.settings-card h2{font-family:var(--font-prompt), sans-serif;color:var(--dark);margin-bottom:4px;font-size:16px;font-weight:500}.settings-card .section-sub{color:var(--muted);margin-bottom:20px;font-size:13px}.settings-divider{background:var(--border);height:1px;margin:24px 0}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row-label{color:var(--text);font-size:14px}.settings-row-sub{color:var(--muted);margin-top:2px;font-size:12px}.danger-zone{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-top:16px;padding:20px}.danger-zone-title{color:#c0392b;font-family:var(--font-prompt), sans-serif;margin-bottom:8px;font-size:14px;font-weight:500}.danger-zone-sub{color:#7f1d1d;margin-bottom:12px;font-size:13px}.plan-toggle{border:1px solid var(--border);background:#fff;border-radius:10px;gap:4px;width:fit-content;margin:0 auto 32px;padding:4px;display:flex}.plan-toggle button{font-family:var(--font-prompt), sans-serif;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .15s}.plan-toggle button.active{background:var(--green);color:#fff}.save-pill{color:#92400e;background:#fef3c7;border-radius:10px;margin-left:6px;padding:2px 8px;font-size:11px}.plan-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:960px;margin:0 auto;display:grid}.plan-card{border:1px solid var(--border);background:#fff;border-radius:18px;padding:28px 24px;position:relative}.plan-card.featured{border-color:var(--green);border-width:2px;transform:scale(1.02)}.plan-badge{background:var(--green);color:#fff;font-size:11px;font-weight:600;font-family:var(--font-prompt), sans-serif;border-radius:999px;padding:4px 14px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-name{font-family:var(--font-prompt), sans-serif;color:var(--dark);margin-bottom:4px;font-size:18px;font-weight:600}.plan-tagline{color:var(--muted);margin-bottom:20px;font-size:13px}.plan-price-row{align-items:baseline;gap:4px;margin-bottom:4px;display:flex}.plan-price{font-family:var(--font-prompt), sans-serif;color:var(--dark);font-size:36px;font-weight:600}.plan-period{color:var(--muted);font-size:13px}.plan-annual-note{color:var(--muted);min-height:18px;margin-bottom:24px;font-size:12px}.plan-features{margin-bottom:24px;list-style:none}.plan-features li{color:var(--text);align-items:flex-start;gap:10px;padding:6px 0;font-size:13px;line-height:1.5;display:flex}.plan-features li svg{width:16px;height:16px;color:var(--green);flex-shrink:0;margin-top:2px}.plan-features li.muted,.plan-features li.muted svg{color:var(--muted)}.plan-cta{width:100%;font-family:var(--font-prompt), sans-serif;cursor:pointer;border:1px solid var(--border);color:var(--text);background:#fff;border-radius:10px;padding:12px;font-size:14px;font-weight:500;transition:all .15s}.plan-cta:hover{border-color:var(--green);color:var(--green)}.plan-cta.primary{background:var(--green);color:#fff;border-color:var(--green)}.plan-cta.primary:hover{background:var(--dark);border-color:var(--dark);color:#fff}.plan-cta.current{background:var(--bg);color:var(--muted);cursor:default;pointer-events:none}.plan-cta:disabled{opacity:.5;cursor:not-allowed}.lp{min-height:100vh;font-family:var(--font-sarabun), sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#1a2e26;flex-direction:column;display:flex}.lp-nav{z-index:50;background:#0f6e56;align-items:center;height:64px;display:flex;position:sticky;top:0}.lp-nav-inner{align-items:center;width:100%;max-width:1440px;margin:0 auto;padding:0 40px;display:flex}.lp-logo{font-family:var(--font-prompt), sans-serif;color:#2ac9a1;letter-spacing:-.005em;align-items:center;gap:8px;margin-right:48px;font-size:24px;font-weight:600;text-decoration:none;display:flex}.lp-nav-links{flex:1;gap:32px;display:flex}.lp-nav-links a{font-family:var(--font-sarabun), sans-serif;color:#ffffffd9;padding-bottom:4px;font-size:16px;font-weight:400;text-decoration:none;transition:color .15s;position:relative}.lp-nav-links a:after{content:"";background:#2ac9a1;border-radius:1px;width:0;height:2px;transition:width .25s cubic-bezier(.22,.68,0,1);position:absolute;bottom:-2px;left:0}.lp-nav-links a:hover{color:#2ac9a1}.lp-nav-links a:hover:after{width:100%}.lp-btn-login{font-family:var(--font-sarabun), sans-serif;color:#fff;white-space:nowrap;background:#0a2a1f;border:none;border-radius:100px;padding:10px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .2s}.lp-btn-login:hover{opacity:.85;color:#fff}.lp-hero{background:#0b2a1e;min-height:600px;position:relative;overflow:hidden}.lp-hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.lp-band{position:absolute;inset:0}.lp-band-1{clip-path:polygon(0 0,100% 0,100% 62%,0 8%);background:#0f6e56}.lp-band-2{clip-path:polygon(0 8%,100% 62%,100% 77%,0 50%);background:#2a8}.lp-band-3{clip-path:polygon(0 50%,100% 77%,100% 100%,0 100%);background:#2ac9a1}.lp-hero-inner{z-index:1;align-items:center;max-width:1280px;min-height:580px;margin:0 auto;padding:72px 64px;display:flex;position:relative}.lp-hero-text{text-align:left;z-index:2;flex-direction:column;flex-shrink:0;align-items:flex-start;max-width:520px;display:flex;position:relative}.lp-hero-eyebrow{font-family:var(--font-sarabun), sans-serif;color:#2ac9a1;letter-spacing:.12em;text-transform:uppercase;background:#2ac9a11a;border:1px solid #2ac9a138;border-radius:100px;margin-bottom:20px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-block}.lp-hero-title{font-family:var(--font-prompt), sans-serif;color:#fff;letter-spacing:-.03em;flex-direction:column;gap:6px;margin-bottom:20px;font-size:82px;font-weight:700;line-height:1;display:flex}.lp-title-line{display:block}.lp-title-indent{padding-left:72px}.lp-hero-title .teal{color:#0a2a1f;background:#2ac9a1;border-radius:10px;margin-left:10px;padding:0 10px;line-height:1.05;display:inline-block}.lp-hero-tagline{font-family:var(--font-sarabun), sans-serif;color:#1d1d1d;margin-bottom:6px;font-size:22px;font-weight:600;line-height:1.45}.lp-hero-sub{font-family:var(--font-sarabun), sans-serif;color:#1d1d1d;margin-bottom:36px;font-size:15px;font-weight:400;line-height:1.6}.lp-hero-cta-row{align-items:center;gap:20px;margin-bottom:44px;display:flex}.lp-btn-cta{font-family:var(--font-sarabun), sans-serif;color:#0a2a1f;background:linear-gradient(135deg,#fff,#eafff7);border-radius:100px;padding:14px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:0 4px 24px #00000040}.lp-btn-cta:hover{color:#0a2a1f;background:linear-gradient(135deg,#fff,#d4f7ec);transform:translateY(-2px);box-shadow:0 8px 36px #00000059}.lp-btn-cta.cta-mint{background:linear-gradient(120deg,#fff,#d4f7ec,#aef0d8,#eafff7,#fff) 0 0/300% 300%;animation:6s infinite cta-mint-shift}.lp-btn-cta.cta-mint:hover{background:linear-gradient(120deg,#fff,#d4f7ec,#aef0d8,#eafff7,#fff) 0 0/300% 300%;animation-play-state:paused}@keyframes cta-mint-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.phone-lift{transition:filter .4s}.phone-lift:hover{filter:drop-shadow(0 30px 60px #2ac9a147)}.lp-btn-secondary{font-family:var(--font-sarabun), sans-serif;color:#ffffff8c;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s}.lp-btn-secondary:hover{color:#ffffffe6}.lp-hero-stats{align-items:center;gap:0;display:flex}.lp-stat{flex-direction:column;gap:2px;padding:0 20px;display:flex}.lp-stat:first-child{padding-left:0}.lp-stat-num{font-family:var(--font-prompt), sans-serif;color:#1d1d1d;letter-spacing:-.02em;font-size:18px;font-weight:700}.lp-stat-label{color:#1d1d1d;font-size:11px}.lp-stat-divider{background:#00000026;flex-shrink:0;width:1px;height:32px}.lp-hero-visual{pointer-events:none;z-index:1;width:62%;position:absolute;bottom:0;right:-24px}.lp-hero-mascot-img{filter:drop-shadow(0 24px 60px #00000059);width:100%;height:auto;display:block}.lp-star{pointer-events:none;z-index:3;line-height:1;animation:3s ease-in-out infinite lp-float;position:absolute}.lp-star-1{color:#2ac9a1bf;font-size:22px;animation-delay:0s;top:56px;right:46%}.lp-star-2{color:#ffffff8c;font-size:11px;animation-delay:.8s;top:100px;right:20%}.lp-star-3{color:#2ac9a18c;font-size:16px;animation-delay:.4s;bottom:120px;right:57%}.lp-star-4{color:#fff6;font-size:8px;animation-delay:1.2s;top:200px;right:38%}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lp-banks{text-align:center;background:#1a2e26;padding:48px 32px 56px}.lp-banks-title{font-family:var(--font-sarabun), sans-serif;color:#fff;margin-bottom:8px;font-size:35px;font-weight:600}.lp-banks-sub{font-family:var(--font-sarabun), sans-serif;color:#838383;margin-bottom:28px;font-size:15px;font-weight:600}.lp-banks-row{flex-wrap:wrap;justify-content:center;gap:10px;max-width:560px;margin:0 auto;display:flex}.lp-bank-badge{flex-direction:column;align-items:center;display:flex}.lp-bank-icon{-o-object-fit:cover;object-fit:cover;border-radius:12px;width:50px;height:50px;display:block}.lp-features{background:#1a2e26;padding:80px 32px}.lp-features-inner{text-align:center;max-width:960px;margin:0 auto}.lp-features-title{font-family:var(--font-prompt), sans-serif;margin-bottom:12px;font-size:32px;font-weight:600;line-height:1.4;color:#2ac9a1!important}.lp-features-sub{color:#ffffff80;max-width:480px;margin-bottom:48px;margin-left:auto;margin-right:auto;font-size:15px;line-height:1.6}.lp-features-grid{grid-template-columns:1fr 1fr;gap:48px 64px;display:grid}.lp-feature-mascot-img--graph{opacity:.95;height:200px}.lp-feature-card{text-align:center;flex-direction:column;align-items:center;display:flex}.lp-feature-card-top{justify-content:center;align-items:flex-end;width:100%;display:flex}.lp-feature-mascot-wrap{opacity:.95;filter:drop-shadow(0 12px 32px #22c77a40);align-items:flex-end;display:flex}.lp-feature-mascot-img{-o-object-fit:contain;object-fit:contain;width:auto;height:320px;display:block}.lp-feature-card-body{text-align:center;padding:4px 16px 0}.lp-feature-title{font-family:var(--font-prompt), sans-serif;color:#fff;margin-bottom:10px;font-size:24px;font-weight:600;line-height:1.55}.lp-feature-title em{color:#22c77a;font-style:normal}.lp-feature-sub{color:#ffffff8c;max-width:320px;margin:0 auto;font-size:16px;line-height:1.8}.lp-footer{color:#ffffff4d;background:#081a10;padding:20px 32px;font-size:13px}.lp-footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;max-width:1200px;margin:0 auto;display:flex}.lp-footer-credit{align-items:center;gap:6px;display:flex}.lp-footer-furtkm{color:#fff6;align-items:center;gap:5px;text-decoration:none;transition:color .15s;display:inline-flex}.lp-footer-furtkm:hover{color:#2ac9a1}.lp-footer-furtkm-logo{-o-object-fit:contain;object-fit:contain;opacity:.7;border-radius:4px}.upgrade-wrap{text-align:center;min-height:100vh;padding:40px 32px 80px}.upgrade-header{margin-bottom:32px}.upgrade-title{font-family:var(--font-prompt), sans-serif;margin-bottom:6px;font-size:28px;font-weight:700;color:#2ac9a1!important}.upgrade-sub{color:#fff6;font-size:14px}.upgrade-current-badge{color:#2ac9a1;white-space:nowrap;z-index:2;background:#2ac9a126;border:1px solid #2ac9a14d;border-radius:100px;padding:3px 14px;font-size:11px;font-weight:700;position:absolute;top:14px;left:50%;transform:translate(-50%)}.lp-plan-card--current{opacity:.75}.lp-plan-btn--current{color:#fff6;cursor:default;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:100px;padding:13px 0;font-size:14px;font-weight:700}.privacy-hero{background:#081a10;border-bottom:1px solid #ffffff0f;padding:40px 32px 32px}.privacy-hero-bg{display:none}.privacy-hero-inner{max-width:1100px;margin:0 auto}.privacy-label{display:none}.privacy-title{font-family:var(--font-prompt), sans-serif;color:#fff;margin-bottom:6px;font-size:24px;font-weight:700}.privacy-subtitle{display:none}.privacy-meta{color:#ffffff4d;align-items:center;gap:8px;font-size:12px;display:flex}.privacy-meta-dot{opacity:.4}.privacy-wrap{background:#081a10;align-items:flex-start;gap:0;max-width:1100px;margin:0 auto;padding:64px 32px 96px;display:flex}.privacy-sidebar{flex-shrink:0;width:220px;margin-right:64px;position:sticky;top:88px}.privacy-sidebar-label{letter-spacing:.1em;text-transform:uppercase;color:#ffffff40;margin-bottom:14px;font-size:10px;font-weight:700}.privacy-toc{flex-direction:column;gap:4px;display:flex}.privacy-toc-link{color:#fff6;border-radius:8px;padding:6px 10px;font-size:13px;line-height:1.4;transition:all .15s;display:block}.privacy-toc-link:hover{color:#2ac9a1;background:#2ac9a114}.privacy-content{flex:1;min-width:0}.privacy-section{border-bottom:1px solid #ffffff0f;margin-bottom:52px;padding-bottom:52px}.privacy-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.privacy-section-title{font-family:var(--font-prompt), sans-serif;color:#fff;align-items:center;gap:12px;margin-bottom:20px;font-size:20px;font-weight:700;display:flex}.privacy-section-title:before{content:"";background:#2ac9a1;border-radius:2px;flex-shrink:0;width:4px;height:20px;display:block}.privacy-section-body{flex-direction:column;gap:10px;display:flex}.privacy-section-body p{color:#fff9;margin:0;font-size:15px;line-height:1.8}.privacy-bullet{color:#ffffff8c!important;padding-left:4px!important}.privacy-subheading{font-weight:600;color:#fffc!important;margin-top:6px!important}.lp-plans{background:linear-gradient(#0c2218 0%,#091a12 100%);padding:96px 32px;position:relative;overflow:hidden}.lp-plans-glow{pointer-events:none;background:radial-gradient(#2ac9a112 0%,#0000 70%);width:600px;height:400px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.lp-plans-deco{color:#2ac9a140;pointer-events:none;font-style:normal;position:absolute}.lp-plans-deco-1{font-size:20px;top:52px;left:7%}.lp-plans-deco-2{font-size:13px;top:100px;right:9%}.lp-plans-deco-3{opacity:.12;font-size:40px;bottom:140px;left:13%}.lp-plans-inner{text-align:center;z-index:1;max-width:1040px;margin:0 auto;position:relative}.lp-plans-title{font-family:var(--font-prompt), sans-serif;margin-bottom:10px;font-size:34px;font-weight:700;line-height:1.3;color:#2ac9a1!important}.lp-plans-sub{color:#ffffff73;margin-bottom:48px;font-size:15px}.lp-billing-toggle{background:#ffffff0f;border-radius:100px;gap:4px;margin-bottom:48px;padding:4px;display:inline-flex}.lp-billing-toggle button{cursor:pointer;font-family:var(--font-sarabun), sans-serif;color:#ffffff80;background:0 0;border:none;border-radius:100px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.lp-billing-toggle button.active{color:#0a2a1f;background:#2ac9a1}.lp-save-pill{color:#2ac9a1;background:#2ac9a133;border-radius:100px;padding:2px 7px;font-size:10px;font-weight:700}.lp-billing-toggle button.active .lp-save-pill{color:#0a2a1f;background:#0003}.lp-plans-grid{grid-template-columns:.88fr 1fr .88fr;align-items:end;gap:20px;display:grid}.lp-plans-grid--5{grid-template-columns:repeat(5,1fr);gap:14px}.lp-plans-grid--5 .lp-plan-card--featured{transform:translateY(-12px)}.lp-plans-grid--5 .lp-plan-card--featured:hover{transform:translateY(-18px)}.lp-plans-grid--compact{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:stretch;gap:16px}.lp-plans-grid--compact .lp-plan-card{border-radius:16px}.lp-plans-grid--compact .lp-plan-card--featured,.lp-plans-grid--compact .lp-plan-card--featured:hover{transform:none;box-shadow:0 0 0 1px #2ac9a140,0 4px 16px #0003}.lp-plans-grid--compact .lp-plan-card:hover{transform:translateY(-3px)}.lp-plans-grid--compact .lp-plan-body{padding:18px 18px 20px}.lp-plans-grid--compact .lp-plan-names{margin-bottom:10px}.lp-plan-card{background:#111f18;border:1px solid #ffffff17;border-radius:24px;flex-direction:column;transition:transform .28s cubic-bezier(.22,.68,0,1.2),border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.lp-plan-card--adventure:before{content:"";background:linear-gradient(90deg,#0000 0%,#8ba89e 50%,#0000 100%);height:3px;display:block}.lp-plan-card--freelance:before{content:"";background:linear-gradient(90deg,#0000 0%,#2ac9a1 50%,#0000 100%);height:3px;display:block}.lp-plan-card--business:before{content:"";background:linear-gradient(90deg,#0000 0%,#f5c842 50%,#0000 100%);height:3px;display:block}.lp-plan-card:hover{border-color:#fff3;transform:translateY(-6px)}.lp-plan-card--featured{border-color:#2ac9a166;transform:translateY(-18px);box-shadow:0 0 0 1px #2ac9a12e,0 24px 60px #2ac9a121,0 4px 16px #0000004d}.lp-plan-card--featured:hover{border-color:#2ac9a199;transform:translateY(-24px);box-shadow:0 0 0 1px #2ac9a14d,0 32px 80px #2ac9a133,0 4px 20px #00000059}.lp-plan-frame{justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.lp-plan-frame--adventure{background:radial-gradient(70% 80% at 50% 100%,#8ba89e24 0%,#0000 70%),#131f19;height:220px}.lp-plan-frame--freelance{background:radial-gradient(70% 80% at 50% 100%,#2ac9a12e 0%,#0000 70%),#111d17;height:280px}.lp-plan-frame--business{background:radial-gradient(70% 80% at 50% 100%,#f5c84221 0%,#0000 70%),#131e17;height:260px}.lp-plan-frame:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(#0000,#111f18);height:72px;position:absolute;bottom:0;left:0;right:0}.lp-plan-card--featured .lp-plan-frame:after{background:linear-gradient(#0000,#111f18)}.lp-plan-mascot{-o-object-fit:contain;object-fit:contain;-o-object-position:bottom center;object-position:bottom center;z-index:1;width:auto;max-width:90%;height:88%;display:block;position:relative}.lp-plan-body{flex-direction:column;flex:1;padding:20px 22px 26px;display:flex}.lp-plan-names{text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:16px;display:flex}.lp-plan-theme{font-family:var(--font-prompt), sans-serif;font-size:22px;font-weight:700;line-height:1}.lp-plan-theme--adventure{color:#8ba89e}.lp-plan-theme--freelance{color:#2ac9a1}.lp-plan-theme--business{color:#f5c842}.lp-plan-tier-pill{letter-spacing:.09em;text-transform:uppercase;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.lp-plan-tier-pill--adventure{color:#8ba89ecc;background:#8ba89e1f;border:1px solid #8ba89e33}.lp-plan-tier-pill--freelance{color:#2ac9a1;background:#2ac9a11f;border:1px solid #2ac9a140}.lp-plan-tier-pill--business{color:#f5c842;background:#f5c8421a;border:1px solid #f5c84233}.lp-plan-price{justify-content:center;align-items:baseline;gap:4px;margin-bottom:4px;display:flex}.lp-plan-amount{font-family:var(--font-prompt), sans-serif;color:#fff;font-size:36px;font-weight:700}.lp-plan-amount--teal{color:#2ac9a1}.lp-plan-period{color:#ffffff61;font-size:13px}.lp-plan-annual-note{color:#ffffff52;text-align:center;min-height:18px;margin-bottom:4px;font-size:11.5px}.lp-plan-divider{background:#ffffff12;height:1px;margin:14px 0 16px}.lp-plan-features{flex-direction:column;flex:1;gap:10px;margin:0 0 22px;padding:0;list-style:none;display:flex}.lp-plan-feat{color:#ffffffb8;text-align:left;align-items:center;gap:9px;font-size:13px;display:flex}.lp-plan-feat--off{color:#ffffff38}.lp-feat-icon{flex-shrink:0;width:18px;height:18px}.lp-plan-btn{text-align:center;letter-spacing:.025em;border-radius:100px;width:100%;margin-top:auto;padding:13px 0;font-size:14px;font-weight:700;transition:all .22s;display:block}.lp-plan-btn--primary{color:#0a2a1f;background:linear-gradient(135deg,#2ac9a1,#1faf8b);box-shadow:0 4px 22px #2ac9a159}.lp-plan-btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #2ac9a180}.lp-plan-btn--outline{color:#ffffffb3;border:1.5px solid #ffffff2e}.lp-plan-btn--outline:hover{color:#fff;border-color:#fff6;transform:translateY(-2px)}.lp-compare-wrap{margin-top:40px}.lp-compare-toggle{cursor:pointer;font-family:var(--font-prompt), sans-serif;color:#2ac9a1;border:1.5px solid #2ac9a166;border-radius:100px;align-items:center;gap:8px;margin:0 auto;padding:10px 24px;font-size:14px;font-weight:600;list-style:none;transition:background .2s;display:inline-flex}.lp-compare-toggle:hover{background:#2ac9a114}.lp-compare-toggle::-webkit-details-marker{display:none}.lp-compare-wrap[open] .lp-compare-toggle{border-color:#2ac9a1}.lp-compare-table-wrap{margin-top:28px;overflow-x:auto}.lp-compare-table{border-collapse:collapse;color:#fffc;width:100%;font-size:13.5px}.lp-compare-table th,.lp-compare-table td{text-align:center;border-bottom:1px solid #ffffff12;padding:13px 16px}.lp-compare-table th:first-child,.lp-compare-table td:first-child{text-align:left;color:#fff9}.lp-compare-table thead th{font-family:var(--font-prompt), sans-serif;color:#ffffff80;padding-bottom:16px;font-size:13px;font-weight:600}.lp-compare-th-highlight{color:#2ac9a1!important}.lp-compare-table tbody tr:hover{background:#ffffff05}.lp-yes{color:#2ac9a1;font-weight:600}.lp-no{color:#fff3}.lp-faq{background:#0b1f16;border-top:1px solid #ffffff0f;padding:80px 32px}.lp-faq-inner{max-width:720px;margin:0 auto}.lp-faq-title{font-family:var(--font-prompt), sans-serif;text-align:center;margin-bottom:40px;font-size:28px;font-weight:700;color:#2ac9a1!important}.lp-faq-list{flex-direction:column;gap:12px;display:flex}.lp-faq-item{background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;overflow:hidden}.lp-faq-item--open{border-color:#2ac9a14d}.lp-faq-q{font-family:var(--font-prompt), sans-serif;color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:18px 20px;font-size:15px;font-weight:600;list-style:none;transition:color .2s;display:flex}.lp-faq-q:hover{color:#2ac9a1}.lp-faq-icon{color:#2ac9a1;flex-shrink:0;margin-left:12px;font-size:20px;font-weight:300;line-height:1}.lp-faq-a{color:#ffffff8c;margin:0;padding:0 20px 18px;font-size:14px;line-height:1.8}@media (max-width:900px){.lp-hero-inner{text-align:center;min-height:unset;flex-direction:column;align-items:center;gap:32px;padding:40px 24px 48px}.lp-hero-text{order:1;align-items:center;max-width:100%}.lp-title-indent{padding-left:0}.lp-star{display:none}.lp-hero-visual{right:unset;bottom:unset;order:2;width:100%;max-width:360px;height:auto;margin:0 auto;position:relative}.lp-mascot-stage{width:240px;height:240px}.lp-mascot-logo{width:140px;height:140px}.lp-hero-title{font-size:64px}.lp-hero-tagline{font-size:18px}.lp-hero-stats{justify-content:center}.lp-float-invoice{min-width:150px;padding:14px 16px;top:0;right:4px}.lp-float-invoice-amount{font-size:20px}.lp-float-paid{bottom:40px;left:4px}.lp-float-qr,.lp-nav-links{display:none}.lp-features-grid{grid-template-columns:1fr}.lp-features-title{font-size:24px}.lp-hero-cta-row{flex-direction:column;align-items:center;gap:12px}.lp-plans{padding:64px 20px}.lp-plans-grid{grid-template-columns:1fr;align-items:stretch;gap:16px;max-width:420px;margin:0 auto}.lp-plan-card--featured{transform:none}.lp-plan-card--featured:hover{transform:translateY(-6px)}.lp-plans-grid--5 .lp-plan-card--featured{transform:none}.lp-plans-grid--5 .lp-plan-card--featured:hover{transform:translateY(-6px)}.lp-plan-frame--adventure,.lp-plan-frame--freelance,.lp-plan-frame--business{min-height:200px}.lp-banks{padding:48px 20px}.lp-banks-row{grid-template-columns:repeat(4,1fr);gap:12px;max-width:280px;display:grid}.lp-bank-badge{justify-content:center;width:auto;height:auto}.lp-bank-icon{width:48px;height:48px;margin:0 auto}.lp-features{padding:56px 20px}.lp-features-inner{gap:16px}.lp-feature-mascot-img{height:220px}.lp-feature-mascot-img--graph{height:140px}.lp-faq{padding:56px 20px}.lp-footer{padding:20px}.lp-footer-row{text-align:center;flex-direction:column;align-items:center;gap:12px}.privacy-hero{padding:32px 20px 24px}.privacy-title{font-size:20px}.privacy-wrap{flex-direction:column;padding:32px 20px 60px}.privacy-sidebar{display:none}.privacy-content{width:100%}}@media (max-width:480px){.lp-hero{padding:0}.lp-hero-title{font-size:48px}.lp-hero-tagline{font-size:16px}.lp-hero-sub{font-size:14px}.lp-hero-stats{flex-direction:column;align-items:center;gap:12px}.lp-stat-divider{display:none}.lp-hero-visual{max-width:280px}.lp-nav-inner{padding:0 16px}.lp-logo{font-size:16px}.lp-btn-login{padding:7px 14px;font-size:13px}.lp-plans-title{font-size:26px}.lp-billing-toggle button{padding:7px 14px;font-size:12px}.lp-plan-amount{font-size:30px}.lp-compare-table{font-size:12px}.lp-compare-table th,.lp-compare-table td{padding:10px}.upgrade-wrap{padding:24px 16px 60px}.upgrade-title{font-size:22px}}.phone-frame{aspect-ratio:9/19;background:linear-gradient(160deg,#2c2c2c 0%,#0a0a0a 60%);border-radius:42px;flex-shrink:0;width:280px;padding:12px;position:relative;box-shadow:0 30px 70px #00000073,0 0 0 1px #ffffff0f}.phone-notch{z-index:2;background:#0a0a0a;border-radius:0 0 16px 16px;width:92px;height:22px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{background:var(--green-pale,#f0faf6);border-radius:30px;flex-direction:column;width:100%;height:100%;padding:30px 12px 14px;display:flex;position:relative;overflow:hidden}.phone-app{font-family:var(--font-sarabun), sans-serif;color:var(--text,#1c2b26);flex-direction:column;flex:1;min-height:0;font-size:11px;display:flex}.phone-app-header{font-family:var(--font-prompt), sans-serif;color:var(--dark,#0d1f1a);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.phone-search{color:var(--muted,#5a7066);background:var(--green-light,#e1f5ee);border-radius:100px;padding:4px 10px;font-size:9.5px;font-weight:400}.phone-invoice-no{color:var(--muted,#5a7066);font-size:10px;font-weight:600}.phone-pill{white-space:nowrap;border-radius:100px;align-items:center;padding:4px 10px;font-size:9.5px;font-weight:700;display:inline-flex}.phone-pill--mint{color:#128067;background:#2ac9a129}.phone-pill--warn{color:#b45309;background:#f59e0b26}.phone-btn{text-align:center;border-radius:100px;justify-content:center;align-items:center;padding:9px 18px;font-size:11px;font-weight:700;display:inline-flex}.phone-btn--primary{color:#0a2a1f;background:#2ac9a1}.phone-btn--outline{border:1px solid var(--border,#d4e8e0);color:var(--text,#1c2b26);background:#fff}.phone-pos-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px;display:grid}.phone-pos-item{text-align:center;border:1px solid var(--border,#d4e8e0);background:#fff;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;display:flex}.phone-pos-icon{color:#128067;width:24px;height:24px}.phone-app-header-label{align-items:center;gap:6px;display:flex}.phone-app-header-icon{color:#2ac9a1;flex-shrink:0;width:15px;height:15px}.phone-pos-name{color:var(--muted,#5a7066);font-size:8.5px;line-height:1.2}.phone-pos-price{color:var(--dark,#0d1f1a);font-size:11px;font-weight:700}.phone-pos-footer{border-top:1px solid var(--border,#d4e8e0);justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;display:flex}.phone-pos-total{flex-direction:column;gap:1px;display:flex}.phone-pos-total span{color:var(--muted,#5a7066);font-size:9.5px}.phone-pos-total strong{font-family:var(--font-prompt), sans-serif;color:var(--dark,#0d1f1a);font-size:17px}.phone-qr-amount{flex-direction:column;align-items:center;gap:4px;margin:10px 0;display:flex}.phone-qr-amount span{color:var(--muted,#5a7066);font-size:10px}.phone-qr-amount strong{font-family:var(--font-prompt), sans-serif;color:var(--dark,#0d1f1a);font-size:24px}.phone-qr-code{justify-content:center;margin-bottom:10px;display:flex}.phone-qr-grid{border:1px solid var(--border,#d4e8e0);background:#fff;border-radius:12px;grid-template-columns:repeat(7,1fr);gap:2px;width:140px;height:140px;padding:8px;display:grid}.phone-qr-cell{background:var(--border,#d4e8e0);border-radius:1px}.phone-qr-cell.is-on{background:var(--dark,#0d1f1a)}.phone-qr-status{flex-direction:column;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.phone-qr-waiting{color:var(--muted,#5a7066);font-size:10px}.phone-invoice-customer{color:var(--dark,#0d1f1a);margin-bottom:8px;font-size:11px;font-weight:700}.phone-invoice-lines{border-bottom:1px solid var(--border,#d4e8e0);flex-direction:column;gap:6px;margin-bottom:8px;padding-bottom:8px;display:flex}.phone-invoice-line{color:var(--text,#1c2b26);justify-content:space-between;font-size:10px;display:flex}.phone-invoice-totals{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.phone-invoice-row{color:var(--muted,#5a7066);justify-content:space-between;font-size:10px;display:flex}.phone-invoice-row--net{font-family:var(--font-prompt), sans-serif;color:var(--dark,#0d1f1a);border-top:1px solid var(--border,#d4e8e0);padding-top:6px;font-size:13px;font-weight:700}.phone-invoice-actions{gap:8px;margin-top:auto;display:flex}.phone-invoice-actions .phone-btn{flex:1}.phone-inventory-summary{gap:8px;margin:8px 0 12px;display:flex}.phone-inventory-stat{border:1px solid var(--border,#d4e8e0);background:#fff;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px;display:flex}.phone-inventory-stat strong{font-family:var(--font-prompt), sans-serif;color:var(--dark,#0d1f1a);font-size:18px}.phone-inventory-stat span{color:var(--muted,#5a7066);font-size:9px}.phone-inventory-stat--alert strong{color:#b45309}.phone-inventory-list{flex-direction:column;gap:6px;display:flex}.phone-inventory-item{border:1px solid var(--border,#d4e8e0);background:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:flex}.phone-inventory-name{color:var(--dark,#0d1f1a);flex:1;font-weight:600}.phone-inventory-stock{color:var(--muted,#5a7066)}.phone-dash-revenue{flex-direction:column;gap:4px;margin:6px 0 12px;display:flex}.phone-dash-revenue span{color:var(--muted,#5a7066);font-size:10px}.phone-dash-revenue-row{align-items:center;gap:8px;display:flex}.phone-dash-revenue-row strong{font-family:var(--font-prompt), sans-serif;color:var(--dark,#0d1f1a);font-size:22px}.phone-dash-chart{align-items:flex-end;gap:6px;height:70px;margin-bottom:12px;padding:0 2px;display:flex}.phone-dash-bar{background:linear-gradient(#2ac9a1,#0f6e56);border-radius:4px 4px 1px 1px;flex:1}.phone-dash-stats{gap:8px;margin-bottom:12px;display:flex}.phone-dash-stat{text-align:center;border:1px solid var(--border,#d4e8e0);background:#fff;border-radius:10px;flex:1;padding:8px}.phone-dash-stat strong{font-family:var(--font-prompt), sans-serif;color:var(--dark,#0d1f1a);font-size:16px;display:block}.phone-dash-stat span{color:var(--muted,#5a7066);font-size:9px}.phone-dash-staff{flex-direction:column;gap:6px;display:flex}.phone-dash-staff-row{color:var(--text,#1c2b26);border:1px solid var(--border,#d4e8e0);background:#fff;border-radius:10px;justify-content:space-between;padding:7px 10px;font-size:10.5px;display:flex}.phone-dash-staff-row strong{color:var(--dark,#0d1f1a)}.lp-hero-phone-stage{z-index:1;position:absolute;top:50%;right:64px;transform:translateY(-50%)}.lp-hero-phone-stage .phone-frame{width:300px}.lp-hero-float-card{font-family:var(--font-sarabun), sans-serif;z-index:3;background:#fff;border-radius:14px;flex-direction:column;gap:2px;padding:10px 16px;display:flex;position:absolute;box-shadow:0 16px 40px #00000040}.lp-hero-float-card span{color:var(--muted,#5a7066);font-size:10px}.lp-hero-float-card strong{font-family:var(--font-prompt), sans-serif;color:var(--dark,#0d1f1a);font-size:16px}.lp-hero-float-card--paid{top:12%;left:-64px}.lp-hero-float-card--paid strong{color:#128067}.lp-hero-float-card--revenue{bottom:10%;left:-52px}.lp-hero-float-card--baht{flex-direction:row;align-items:center;gap:8px;padding:10px 14px;top:6%;right:-64px}.lp-hero-float-card--baht span:last-child{font-family:var(--font-sarabun), sans-serif;color:var(--dark,#0d1f1a);white-space:nowrap;font-size:11px;font-weight:600}.lp-hero-float-icon{color:#128067;background:#2ac9a124;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.lp-hero-float-icon svg{width:16px;height:16px}.lp-scroll-features{background:#1a2e26;padding:88px 32px;position:relative;overflow:hidden}.lp-scroll-features-inner{z-index:1;max-width:1120px;margin:0 auto;position:relative}.lp-scroll-features-head{text-align:center;max-width:560px;margin:0 auto 96px}.lp-scroll-features-title{font-family:var(--font-prompt), sans-serif;margin-bottom:12px;font-size:34px;font-weight:700;line-height:1.35;color:#2ac9a1!important}.lp-scroll-features-sub{color:#ffffff80;font-size:15px;line-height:1.7}.lp-scroll-feature-row{justify-content:space-between;align-items:center;gap:72px;display:flex}.lp-scroll-feature-row+.lp-scroll-feature-row{margin-top:120px}.lp-scroll-feature-row--reverse{flex-direction:row-reverse}.lp-scroll-feature-text{flex:1;max-width:440px}.lp-scroll-feature-eyebrow{font-family:var(--font-sarabun), sans-serif;color:#2ac9a1;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-size:12px;font-weight:700;display:inline-block}.lp-scroll-feature-title{font-family:var(--font-prompt), sans-serif;color:#fff;margin-bottom:14px;font-size:30px;font-weight:700;line-height:1.35}.lp-scroll-feature-desc{color:#ffffff8c;margin-bottom:22px;font-size:15px;line-height:1.85}.lp-scroll-feature-list{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.lp-scroll-feature-list li{color:#ffffffc7;align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.lp-scroll-feature-list li:before{content:"✓";color:#2ac9a1;background:#2ac9a124;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:10px;font-weight:700;display:flex}.lp-scroll-feature-visual{flex-shrink:0;justify-content:center;display:flex}.lp-scroll-feature-visual .phone-frame{width:240px}.lp-reveal{opacity:0;transition:opacity .7s cubic-bezier(.22,.68,0,1),transform .7s cubic-bezier(.22,.68,0,1);transform:translateY(36px)}.lp-reveal--visible{opacity:1;transform:translateY(0)}@media (scripting:none){.lp-reveal{opacity:1;transform:none}}@media (max-width:900px){.lp-hero-phone-stage{right:unset;top:unset;order:2;margin:0 auto;position:relative;transform:none}.lp-hero-phone-stage .phone-frame{width:240px}.lp-hero-float-card{display:none}.lp-scroll-features{padding:56px 20px}.lp-scroll-features-head{margin-bottom:56px}.lp-scroll-features-title{font-size:26px}.lp-scroll-feature-row,.lp-scroll-feature-row--reverse{text-align:center;flex-direction:column;gap:32px}.lp-scroll-feature-row+.lp-scroll-feature-row{margin-top:64px}.lp-scroll-feature-text{max-width:100%}.lp-scroll-feature-list li{text-align:left}.lp-scroll-feature-visual .phone-frame{width:220px}}@media (max-width:480px){.lp-hero-phone-stage .phone-frame{width:200px}.lp-scroll-feature-title{font-size:22px}.lp-scroll-feature-visual .phone-frame{width:190px}}.lp-orb{filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.lp-hero-orb-1{background:radial-gradient(circle,#2ac9a159,#0000 70%);width:460px;height:460px;top:-160px;right:-120px}.lp-hero-orb-2{background:radial-gradient(circle,#0f6e5673,#0000 70%);width:360px;height:360px;bottom:-140px;left:-80px}.lp-scroll-orb-1{background:radial-gradient(circle,#2ac9a11a,#0000 70%);width:480px;height:480px;top:6%;left:-180px}.lp-scroll-orb-2{background:radial-gradient(circle,#f5c84212,#0000 70%);width:400px;height:400px;bottom:4%;right:-140px}.lp-wave{z-index:2;pointer-events:none;width:100%;line-height:0;position:absolute;bottom:-1px;left:0}.lp-wave svg{width:100%;height:48px;display:block}.lp-wave--flip{top:-1px;bottom:auto;transform:rotate(180deg)}.lp-scroll-feature-text{position:relative}.lp-scroll-feature-content{z-index:1;position:relative}.lp-scroll-feature-num{font-family:var(--font-prompt), sans-serif;color:#0000;-webkit-text-stroke:1.5px #2ac9a124;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:168px;font-weight:700;line-height:1;position:absolute;top:-64px;left:-12px}.lp-scroll-feature-row--reverse .lp-scroll-feature-num{left:auto;right:-12px}.lp-scroll-body{align-items:flex-start;gap:48px;display:flex}.lp-scroll-rows{flex:1;min-width:0}.lp-scroll-rail{z-index:4;flex-shrink:0;justify-content:center;align-self:stretch;width:24px;display:flex;position:sticky;top:50%;transform:translateY(-50%)}.lp-scroll-rail-track{background:#ffffff14;border-radius:2px;width:2px;height:280px;position:relative;overflow:hidden}.lp-scroll-rail-fill{background:linear-gradient(#2ac9a1,#0f6e56);border-radius:2px;width:100%;transition:height .1s linear;position:absolute;top:0;left:0}.lp-scroll-rail-dots{pointer-events:none;flex-direction:column;justify-content:space-between;width:100%;height:100%;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.lp-scroll-rail-dot{background:#ffffff2e;border:2px solid #1a2e26;border-radius:50%;width:8px;height:8px;transition:background .25s,transform .25s;transform:translateY(-3px)}.lp-scroll-rail-dot.is-active{background:#2ac9a1;transform:translateY(-3px)scale(1.35)}.lp-scroll-feature-visual .phone-frame{transition:transform .45s cubic-bezier(.22,.68,0,1),box-shadow .45s}.lp-scroll-feature-visual:hover .phone-frame{transform:translateY(-10px);box-shadow:0 50px 100px #0000008c,0 0 0 1px #ffffff14}.lp-scroll-feature-list li{transition:color .2s}.lp-scroll-feature-list li:hover{color:#fff}.lp-scroll-feature-list li:hover:before{color:#0a2a1f;background:#2ac9a1}@media (max-width:900px){.lp-scroll-rail{display:none}.lp-scroll-body{gap:0}.lp-scroll-feature-num{font-size:110px;top:-42px}.lp-orb{filter:blur(60px)}}@media (max-width:480px){.lp-scroll-feature-num{font-size:84px;top:-32px}}.onb-page{background:#f2f8f5;flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}.onb-bg-orb{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.onb-bg-orb-1{background:radial-gradient(circle,#2ac9a11f 0%,#0000 70%);width:600px;height:600px;top:-200px;right:-200px}.onb-bg-orb-2{background:radial-gradient(circle,#0f6e5614 0%,#0000 70%);width:400px;height:400px;bottom:-100px;left:-100px}.onb-nav{z-index:10;align-items:center;padding:18px 32px;display:flex;position:relative}.onb-nav-logo{font-family:var(--font-prompt), sans-serif;color:#0f6e56;align-items:center;gap:8px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.onb-main{z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 20px 60px;display:flex;position:relative}.onb2-card{background:#fff;border:1px solid #d4e8e099;border-radius:24px;width:100%;max-width:520px;padding:36px 40px 40px;box-shadow:0 4px 40px #0f6e561a,0 1px 4px #0000000f}.onb2-stepbar{background:#fff;border:1px solid #e2e8f0;border-radius:999px;align-self:center;align-items:center;gap:0;width:fit-content;margin-bottom:20px;padding:10px 28px;display:flex;box-shadow:0 2px 12px #00000012}.onb2-step-item{align-items:center;display:flex;position:relative}.onb2-step-item:last-child .onb2-line{display:none}.onb2-dot{color:#94a3b8;width:28px;height:28px;font-size:11px;font-weight:700;font-family:var(--font-prompt), sans-serif;z-index:1;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .25s;display:flex}.onb2-dot--active{color:#fff;background:#0f6e56;border-color:#0f6e56;box-shadow:0 0 0 3px #0f6e561f}.onb2-dot--done{color:#fff;background:#2ac9a1;border-color:#2ac9a1}.onb2-dot-label{color:#94a3b8;white-space:nowrap;font-size:12px;font-family:var(--font-sarabun), sans-serif;margin-left:7px;font-weight:500}.onb2-dot-label--on{color:#0f6e56;font-weight:600}.onb2-line{background:#e2e8f0;flex-shrink:0;width:32px;height:2px;margin:0 10px;transition:background .3s}.onb2-line--done{background:#2ac9a1}.onb2-step-body{flex-direction:column;gap:0;display:flex}.onb2-step-hero{text-align:center;margin-bottom:28px}.onb2-step-emoji{margin-bottom:12px;font-size:40px;line-height:1;display:block}.onb2-title{font-family:var(--font-prompt), sans-serif;color:#0d1f1a;margin:0 0 6px;font-size:24px;font-weight:700}.onb2-sub{color:#5a7566;margin:0;font-size:14px;line-height:1.6}.onb2-field{margin-bottom:20px}.onb2-label{color:#334155;font-size:13px;font-weight:600;font-family:var(--font-sarabun), sans-serif;margin-bottom:6px;display:block}.onb2-req{color:#ef4444}.onb2-opt{color:#94a3b8;margin-left:4px;font-size:11px;font-weight:400}.onb2-input{width:100%;font-size:14px;font-family:var(--font-sarabun), sans-serif;color:#0d1f1a;box-sizing:border-box;background:#f7fbf9;border:1.5px solid #d4e8e0;border-radius:10px;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s}.onb2-input:focus{background:#fff;border-color:#2ac9a1;box-shadow:0 0 0 3px #2ac9a11f}.onb2-input::placeholder{color:#94a3b8}.onb2-input-icon-wrap{position:relative}.onb2-input-prefix{pointer-events:none;font-size:16px;line-height:1;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.onb2-input--icon{padding-left:40px}.onb2-hint{color:#94a3b8;margin:5px 0 0;font-size:12px}.onb2-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;margin-bottom:16px;padding:10px 14px;font-size:13px}.onb2-fullpage{width:100%;max-width:900px}.onb2-fullpage-inner{background:#fff;border:1px solid #d4e8e099;border-radius:24px;padding:36px 40px 40px;box-shadow:0 4px 40px #0f6e561a,0 1px 4px #0000000f}.onb2-fullpage-footer{max-width:400px}.onb2-type-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin:24px 0 28px;display:grid}.onb2-type-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #e8edf0;border-radius:20px;flex-direction:column;align-items:center;width:100%;min-height:220px;padding:32px 20px 28px;transition:all .18s;display:flex;position:relative;box-shadow:0 2px 8px #0000000d}.onb2-type-card:hover{border-color:#2ac9a1;transform:translateY(-2px);box-shadow:0 4px 20px #2ac9a126}.onb2-type-card--on{background:#f0fdf9;border-color:#2ac9a1;transform:translateY(-2px);box-shadow:0 4px 20px #2ac9a12e}.onb2-type-card-num{color:#94a3b8;font-size:11px;font-weight:700;font-family:var(--font-prompt), sans-serif;position:absolute;top:10px;left:12px}.onb2-type-card-img{-o-object-fit:contain;object-fit:contain;width:130px;height:130px;margin-bottom:16px}.onb2-type-card-label{color:#0d1f1a;font-size:16px;font-weight:700;font-family:var(--font-sarabun), sans-serif;margin-bottom:6px;line-height:1.3}.onb2-type-card-desc{color:#5a7566;font-size:12px;font-family:var(--font-sarabun), sans-serif;line-height:1.5}.onb2-type-card-check{background:#2ac9a1;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:10px;right:10px}.onb2-benefit-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:4px;display:grid}@media (max-width:360px){.onb2-benefit-grid{grid-template-columns:1fr}}.onb2-benefits{flex-direction:column;gap:10px;margin-bottom:28px;display:flex}.onb2-benefit{background:#f7fbf9;border:1px solid #e8f4ef;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;animation:.3s both onb2FadeUp;display:flex}@keyframes onb2FadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.onb2-benefit-icon{flex-shrink:0;font-size:18px;line-height:1}.onb2-benefit-text{color:#334155;font-size:13px;font-weight:500;font-family:var(--font-sarabun), sans-serif}.onb2-btn-primary{color:#fff;width:100%;font-family:var(--font-sarabun), sans-serif;cursor:pointer;background:linear-gradient(135deg,#0f6e56,#2ac9a1);border:none;border-radius:12px;flex:2;padding:13px 0;font-size:15px;font-weight:700;transition:opacity .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 16px #0f6e5640}.onb2-btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 6px 20px #0f6e564d}.onb2-btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.onb2-btn-back{color:#5a7566;font-family:var(--font-sarabun), sans-serif;cursor:pointer;background:#fff;border:1.5px solid #d4e8e0;border-radius:12px;flex:1;padding:13px 0;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}.onb2-btn-back:hover{background:#f7fbf9;border-color:#b4d8cc}.onb2-btn-row{gap:10px;margin-top:4px;display:flex}.onb2-skip{color:#94a3b8;cursor:pointer;width:100%;font-size:12px;font-family:var(--font-sarabun), sans-serif;text-align:center;background:0 0;border:none;margin-top:12px;padding:4px 0;transition:color .2s;display:block}.onb2-skip:hover{color:#5a7566}.onb2-done-page{text-align:center;background:#fff;border:1px solid #d4e8e099;border-radius:28px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:56px 48px 48px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 48px #0f6e5621,0 1px 4px #0000000f}.onb2-done-glow{pointer-events:none;background:radial-gradient(#2ac9a138 0%,#0000 70%);width:280px;height:200px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.onb2-done-check{z-index:1;background:linear-gradient(135deg,#2ac9a1,#0f6e56);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:8px;display:flex;position:relative;box-shadow:0 8px 24px #2ac9a159}.onb2-done-confetti{margin-bottom:20px;font-size:32px;line-height:1}.onb2-done-title{font-family:var(--font-prompt), sans-serif;color:#0d1f1a;margin:0 0 10px;font-size:28px;font-weight:700}.onb2-done-sub{font-family:var(--font-sarabun), sans-serif;color:#5a7566;margin:0 0 32px;font-size:15px;line-height:1.7}.onb2-done-btn{color:#fff;width:100%;font-family:var(--font-prompt), sans-serif;cursor:pointer;letter-spacing:.01em;background:linear-gradient(135deg,#2ac9a1,#0f6e56);border:none;border-radius:14px;padding:16px;font-size:16px;font-weight:600;transition:opacity .18s,transform .18s;box-shadow:0 4px 16px #2ac9a14d}.onb2-done-btn:hover{opacity:.92;transform:translateY(-1px)}.onb2-done-note{color:#94a3b8;font-size:12px;font-family:var(--font-sarabun), sans-serif;margin-top:18px}.onb2-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.onb2-modal{text-align:center;background:#fff;border:1px solid #d4e8e0;border-radius:20px;width:100%;max-width:360px;padding:36px 32px 28px;box-shadow:0 24px 60px #00000026}.onb2-modal-icon{margin-bottom:12px;font-size:40px;display:block}.onb2-modal-title{font-family:var(--font-prompt), sans-serif;color:#0d1f1a;margin:0 0 8px;font-size:18px;font-weight:700}.onb2-modal-sub{color:#5a7566;margin:0 0 20px;font-size:13px;line-height:1.6}.onb2-modal-number{font-family:var(--font-prompt), sans-serif;color:#0f6e56;letter-spacing:.06em;background:#f0fdf9;border:1.5px solid #b3e8d8;border-radius:12px;margin:0 0 24px;padding:12px 20px;font-size:28px;font-weight:700}@media (max-width:540px){.onb-main{padding:10px 12px 40px}.onb2-card{border-radius:18px;padding:22px 16px 26px}.onb2-stepbar{padding:8px 18px}.onb2-dot-label{display:none}.onb2-line{width:20px;margin:0 6px}.onb2-fullpage-inner{border-radius:18px;padding:20px 14px 22px}.onb2-fullpage-footer{max-width:none}.onb2-type-grid{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 18px}.onb2-type-card{border-radius:14px;min-height:0;padding:18px 10px 14px}.onb2-type-card-img{width:80px;height:80px;margin-bottom:8px}.onb2-type-card-label{margin-bottom:2px;font-size:13px}.onb2-type-card-desc{color:#7a9590;font-size:11px}.onb2-type-list{grid-template-columns:1fr 1fr;gap:10px}.onb2-type-row{padding:14px 12px}.onb2-type-row-img{width:52px;height:52px}.onb2-type-row-name{font-size:13px}.onb2-done{padding:36px 24px}.onb2-done-page{padding:32px 16px}.onb2-done-title{font-size:26px}}.items-table{border-collapse:collapse;width:100%}.items-table thead th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);padding:10px 0;font-size:11px;font-weight:500}.items-table tbody td{border-bottom:1px solid var(--border);color:var(--text);padding:12px 0;font-size:14px}.items-table tbody tr:last-child td{border-bottom:none}.items-table .amt{font-family:var(--font-prompt), sans-serif;text-align:right;white-space:nowrap}.items-table .qty{text-align:right;color:var(--muted);font-size:13px}.nav-item-locked{opacity:.75}.nav-lock-badge{letter-spacing:.3px;color:var(--green);text-transform:uppercase;background:#0f6e561f;border:1px solid #0f6e5633;border-radius:20px;margin-left:auto;padding:2px 6px;font-size:9px;font-weight:600}.nav-item.active .nav-lock-badge{color:#ffffffd9;background:#ffffff2e;border-color:#ffffff40}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.product-card{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:14px;transition:all .15s;overflow:hidden}.product-card:hover{border-color:var(--green);transform:translateY(-1px);box-shadow:0 4px 16px #0f6e5614}.product-card-img{aspect-ratio:4/3;background:var(--green-pale);justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.product-card-img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.product-card-img svg{width:36px;height:36px;color:var(--green-mid);opacity:.5}.product-card-img-emoji{font-size:40px}.product-card-body{padding:12px 14px}.product-card-name{color:var(--dark);margin-bottom:4px;font-size:14px;font-weight:600}.product-card-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card-price{font-family:var(--font-prompt), sans-serif;color:var(--green);font-size:15px;font-weight:600}.product-card-unit{color:var(--muted);font-size:12px;font-weight:400}.product-image-upload{aspect-ratio:16/7;border:2px dashed var(--border);background:var(--green-pale);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:100%;margin-bottom:16px;transition:border-color .15s;display:flex;overflow:hidden}.product-image-upload:hover{border-color:var(--green)}.product-image-preview{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.product-image-placeholder{color:var(--muted);flex-direction:column;align-items:center;gap:6px;font-size:12px;display:flex}.products-locked-scene{border-radius:16px;justify-content:center;align-items:center;min-height:520px;padding:24px;display:flex;position:relative;overflow:hidden}.products-locked-bg-grid{pointer-events:none;opacity:.45;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px;display:grid;position:absolute;inset:0}.plocked-card{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden}.plocked-card-thumb{aspect-ratio:16/9;justify-content:center;align-items:center;width:100%;display:flex}.plocked-card-body{padding:10px 12px}.plocked-card-name{color:var(--dark);margin-bottom:3px;font-size:13px;font-weight:600}.plocked-card-desc{color:var(--muted);margin-bottom:6px;font-size:11px}.plocked-card-price{font-family:var(--font-prompt), sans-serif;color:var(--green);font-size:14px;font-weight:600}.plocked-card-unit{color:var(--muted);font-size:11px;font-weight:400}.products-locked-glass{z-index:2;text-align:center;-webkit-backdrop-filter:blur(20px);background:#ffffffb8;border:1px solid #fff9;border-radius:20px;flex-direction:column;align-items:center;max-width:420px;padding:36px 40px 40px;display:flex;position:relative;box-shadow:0 8px 40px #0f6e561a,0 2px 8px #0000000f}.products-locked-icon{background:var(--green-pale);width:64px;height:64px;color:var(--green);border-radius:18px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.products-locked-title{font-family:var(--font-prompt), sans-serif;color:var(--dark);background:0 0;margin-bottom:10px;font-size:19px;font-weight:700}.products-locked-desc{color:var(--muted);background:0 0;margin-bottom:18px;font-size:13px;line-height:1.6}.products-locked-benefits{text-align:left;flex-direction:column;gap:8px;width:100%;margin:0 0 24px;padding:0;list-style:none;display:flex}.products-locked-benefits li{color:var(--text);background:0 0;align-items:center;gap:8px;font-size:13px;display:flex}.products-locked-benefits svg{width:15px;height:15px;color:var(--green);flex-shrink:0}.products-locked-btn{text-align:center;justify-content:center;width:100%}[data-theme=dark] .product-card{background:var(--white);border-color:var(--border)}[data-theme=dark] .product-card:hover{border-color:var(--green)}[data-theme=dark] .plocked-card{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .products-locked-glass{background:#0d1f1abf;border-color:#ffffff1f}.client-card{border:1px solid var(--border);cursor:pointer;color:inherit;background:#fff;border-radius:12px;align-items:center;gap:14px;margin-bottom:8px;padding:14px 16px;text-decoration:none;transition:all .15s;display:flex}.client-card:hover{border-color:var(--green)}.client-card-name{color:var(--dark);font-size:14px;font-weight:500}.client-card-detail{color:var(--muted);margin-top:2px;font-size:12px}.client-card-stat{text-align:right;margin-left:auto}.client-card-stat-val{font-family:var(--font-prompt), sans-serif;color:var(--dark);font-size:15px;font-weight:500}.client-card-stat-label{color:var(--muted);margin-top:2px;font-size:11px}@media (max-width:768px){.detail-grid,.plan-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.lp-hero-title{font-size:48px}.lp-hero-tagline{font-size:18px}}.app-content{flex-direction:column;flex:1;min-height:100vh;margin-left:220px;transition:margin-left .25s;display:flex}body.sidebar-collapsed{--sidebar-w:64px}body.sidebar-collapsed .app-content{margin-left:64px}.app-topbar{border-bottom:1px solid var(--border);z-index:50;background:#fff;justify-content:space-between;align-items:center;gap:16px;height:56px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-right{align-items:center;gap:8px;display:flex}.universal-search{flex:1;max-width:480px;position:relative}.search-input-wrap{background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.search-input-wrap:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #0f6e5614}.search-icon{width:15px;height:15px;color:var(--muted);flex-shrink:0}.search-input{color:var(--text);font-size:13px;font-family:var(--font-sarabun), sans-serif;background:0 0;border:none;outline:none;flex:1;padding:8px 0}.search-input::placeholder{color:var(--muted)}.search-clear{cursor:pointer;color:var(--muted);background:0 0;border:none;align-items:center;padding:2px;display:flex}.search-clear:hover{color:var(--text)}.search-clear svg{width:13px;height:13px}.search-dropdown{background:var(--white);border:1px solid var(--border);z-index:200;border-radius:12px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}.search-section{padding:6px 0}.search-section+.search-section{border-top:1px solid var(--border)}.search-section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:6px 14px 4px;font-size:10px;font-weight:600}.search-result{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 14px;transition:background .1s;display:flex}.search-result:hover,.search-result.active{background:var(--bg)}.search-result-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.search-result-icon svg{width:14px;height:14px}.search-result-icon.nav{color:var(--green);background:#0f6e561a}.search-result-icon.invoice{color:#3b82f6;background:#3b82f61a}.search-result-icon.client{color:#a855f7;background:#a855f71a}.search-result-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.search-result-label{color:var(--dark);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.search-result-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.search-result-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.search-result-status{font-size:10px;font-weight:500}.search-result-amount{color:var(--muted);font-size:11px;font-family:var(--font-prompt), sans-serif}.search-result-type{color:var(--muted);flex-shrink:0;font-size:11px}.search-empty{text-align:center;color:var(--muted);padding:20px 14px;font-size:13px}.search-skeleton{padding:8px}.search-skeleton-row{border-radius:8px;align-items:center;gap:10px;padding:8px 6px;display:flex}.search-skeleton-icon{background:var(--border);border-radius:7px;flex-shrink:0;width:28px;height:28px;animation:1.2s ease-in-out infinite search-shimmer}.search-skeleton-lines{flex-direction:column;flex:1;gap:6px;display:flex}.search-skeleton-line{background:var(--border);border-radius:4px;animation:1.2s ease-in-out infinite search-shimmer}.search-skeleton-line-main{width:55%;height:12px}.search-skeleton-line-sub{width:35%;height:10px}@keyframes search-shimmer{0%,to{opacity:1}50%{opacity:.4}}.search-footer{border-top:1px solid var(--border);color:var(--muted);gap:12px;padding:6px 14px;font-size:10px;display:flex}[data-theme=dark] .search-dropdown{box-shadow:0 8px 32px #0006}.app-content .app-main{flex:1;max-width:100%;margin-left:0}.profile-btn{border:1px solid var(--border);cursor:pointer;font-family:var(--font-sarabun), sans-serif;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 12px;transition:all .15s;display:flex}.profile-btn:hover{border-color:var(--green);background:var(--bg)}.profile-btn-name{color:var(--dark);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:180px;font-size:13px;font-weight:500;display:flex;overflow:hidden}.topbar-team-badge{font-size:10px;font-weight:600;font-family:var(--font-prompt), sans-serif;color:var(--green);background:var(--green-pale);white-space:nowrap;border:1px solid #0f6e5633;border-radius:10px;flex-shrink:0;padding:1px 7px}.profile-btn-avatar{background:var(--green);width:30px;height:30px;font-family:var(--font-prompt), sans-serif;color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:500;display:flex;overflow:hidden}.profile-btn-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:0;width:100%;height:100%}.profile-dropdown{border:1px solid var(--border);z-index:100;opacity:0;background:#fff;border-radius:12px;min-width:240px;position:absolute;top:calc(100% + 6px);right:28px;overflow:hidden;box-shadow:0 12px 32px #0d1f1a1f}.profile-info{border-bottom:1px solid var(--border);background:var(--bg);padding:14px 16px}.profile-info-name{font-family:var(--font-prompt), sans-serif;color:var(--dark);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:500;overflow:hidden}.profile-info-email{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:12px;overflow:hidden}.plan-badge-inline{letter-spacing:.03em;border-radius:20px;align-items:center;padding:2px 7px;font-size:10px;font-weight:600;line-height:1.4;display:inline-flex}.plan-badge-free{color:var(--muted);background:#6464641a;border:1px solid #64646426}[data-theme=dark] .plan-badge-free{color:#fff6;background:#ffffff0f;border-color:#ffffff1a}.plan-badge-starter{color:#0f6e56;background:#0f6e561f;border:1px solid #0f6e5633}[data-theme=dark] .plan-badge-starter{color:#9fe1cb;background:#9fe1cb1f;border-color:#9fe1cb33}.plan-badge-pro{color:#a16207;background:#eab3081f;border:1px solid #eab30840}[data-theme=dark] .plan-badge-pro{color:#fde047;background:#facc151f;border-color:#facc1533}.profile-info-plan{background:var(--green-light);color:var(--green);font-size:11px;font-weight:500;font-family:var(--font-prompt), sans-serif;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.profile-menu-item{color:var(--text);cursor:pointer;text-align:left;width:100%;font-size:13px;font-family:var(--font-sarabun), sans-serif;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;transition:background .1s;display:flex}.profile-menu-item:hover{background:var(--bg);color:var(--green)}.profile-menu-item svg{stroke:currentColor;flex-shrink:0;width:15px;height:15px}.profile-menu-item.danger:hover{color:#c0392b}.profile-menu-divider{background:var(--border);height:1px;margin:4px 0}.notif-bell-btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .15s;display:flex;position:relative}.notif-bell-btn:hover{border-color:var(--green);background:var(--bg)}.notif-bell-btn svg{width:17px;height:17px;stroke:var(--dark);flex-shrink:0}.notif-bell-badge{color:#fff;min-width:17px;height:17px;font-size:10px;font-weight:600;font-family:var(--font-prompt), sans-serif;background:#e05252;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;padding:0 4px;line-height:1;display:flex;position:absolute;top:-3px;right:-3px}.notif-dropdown{border:1px solid var(--border);z-index:100;background:#fff;border-radius:12px;width:340px;max-width:calc(100vw - 24px);position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 12px 32px #0d1f1a1f}.notif-dropdown-header{border-bottom:1px solid var(--border);background:var(--bg);font-family:var(--font-prompt), sans-serif;color:var(--dark);justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:500;display:flex}.notif-mark-all{cursor:pointer;color:var(--green);font-size:12px;font-weight:500;font-family:var(--font-sarabun), sans-serif;background:0 0;border:none;padding:2px 0}.notif-mark-all:hover{text-decoration:underline}.notif-list{max-height:360px;overflow-y:auto}.notif-empty{text-align:center;color:var(--muted);padding:28px 14px;font-size:13px}.notif-item-link{cursor:pointer;text-align:left;width:100%;color:inherit;font-family:var(--font-sarabun), sans-serif;border:none;border-bottom:1px solid var(--border);background:0 0;text-decoration:none;display:block}.notif-item-link:last-child{border-bottom:none}.notif-item-link:hover{background:var(--bg)}.notif-item{align-items:flex-start;gap:10px;padding:11px 14px;display:flex}.notif-item-dot{background:var(--green);opacity:0;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.notif-item.unread .notif-item-dot{opacity:1}.notif-item-body{flex:1;min-width:0}.notif-item-title{color:var(--dark);margin-bottom:2px;font-size:13px;font-weight:500}.notif-item.unread .notif-item-title{font-weight:600}.notif-item-text{color:var(--muted);margin-bottom:4px;font-size:12px;line-height:1.4}.notif-item-time{color:var(--muted);font-size:11px}.sidebar-section.anim-init{opacity:0}.sidebar{background:#0d1f1a!important}[data-theme=dark]{--green:#2dca8c;--green-mid:#41dca0;--green-light:#18302a;--green-pale:#11201b;--dark:#f7fbf9;--text:#e1ece5;--muted:#8fa399;--border:#1f3029;--white:#11201b;--card:#11201b;--fg:#e1ece5;--surface:#11201b;--bg:#0a1612;--error:#ef4444;--error-bg:#2a1717;--check-bg:#00564059;--check-fg:#00cd9f;--pos-bg:#081810;--pos-surface:#0e1e16;--pos-surface-2:#0b2a1e;--pos-surface-3:#0e2920;--pos-surface-alt:#1a2e26;--pos-toolbar:#0b1f18;--pos-border:#ffffff1a;--pos-divider:#ffffff0f;--pos-input-bg:#ffffff0a;--pos-key-bg:#ffffff0f;--pos-hover:#ffffff14;--pos-text:#fff;--pos-text-soft:#ffffff80;--pos-text-softer:#ffffff59;--pos-text-faint:#fff3;--pos-text-faintest:#ffffff1a;--pos-text-mid:#fff6;--pos-text-strong:#ffffffbf;--pos-accent:#2ac9a1;--pos-overlay-backdrop:#0000008c;--pos-shadow:#00000080;--pos-shadow-soft:#00000059}@supports (color:lab(0% 0 0)){[data-theme=dark]{--check-bg:lab(31.7133% -35.5766 6.40512/.35);--check-fg:lab(73.3649% -63.8376 11.5198)}}html,body,.stat-card,.table-wrap,.form-section,.preview-card,.app-topbar,.profile-btn,.profile-dropdown,.settings-card,.detail-section,.detail-status-card,.card,.plan-card,.pay-card{transition:background-color .2s,border-color .2s,color .2s}[data-theme=dark] .toggle-slider{background:#2a3a35}[data-theme=dark] .item-row input[readonly]{background:var(--bg)}[data-theme=dark] .form-info-banner,[data-theme=dark] .totals,[data-theme=dark] .pay-totals{background:var(--green-pale)}[data-theme=dark] .alert-error{color:#fca5a5;background:#2a1717;border-color:#553030}[data-theme=dark] .alert-success{background:var(--green-light);color:#6dd4a4}[data-theme=dark] .alert-warn{color:#fcd34d;background:#2a2000;border-color:#7a5e00}[data-theme=dark] .empty-state-icon{background:var(--green-pale)}[data-theme=dark] .danger-zone{background:#c0392b14;border-color:#c0392b4d}[data-theme=dark] input[disabled],[data-theme=dark] input:disabled{background:var(--green-pale)!important}[data-theme=dark] .preview-side{background:var(--bg)}[data-theme=dark] .topbar-actions .btn-outline:hover{background:var(--green-pale)}[data-theme=dark] .pay-amount-box{background:#00000040}[data-theme=dark] .field-hint{color:var(--muted)}[data-theme=dark] .currency-toggle{background:#ffffff0f;border-color:#ffffff1a}[data-theme=dark] .currency-toggle button{color:var(--muted)}[data-theme=dark] .currency-toggle button.active{background:var(--green);color:#0d1f1a}[data-theme=dark] .status-paid{color:#6dd4a4;background:#2dca8c26}[data-theme=dark] .status-paid:before{background:#6dd4a4}[data-theme=dark] .status-pending,[data-theme=dark] .status-sent{color:#f5c168;background:#ef9f2726}[data-theme=dark] .status-overdue{color:#fca5a5;background:#ef444426}[data-theme=dark] .status-draft,[data-theme=dark] .status-void{color:#b4b2a9;background:#b4b2a91a}[data-theme=dark] .badge-up{color:#6dd4a4;background:#2dca8c26}[data-theme=dark] .badge-warn{color:#f5c168;background:#ef9f2726}[data-theme=dark] .badge-neutral{color:var(--muted);background:#b4b2a91a}[data-theme=dark] .page-tab.active,[data-theme=dark] .tab.active{color:#fff}[data-theme=dark] .tab.active{background:var(--green-pale);border-color:var(--green)}.stat-card{box-shadow:0 1px 4px #0000000d}[data-theme=dark] .stat-card{box-shadow:0 1px 3px #00000040}.stat-card:not(.highlight):hover{border-color:#0f6e5640;box-shadow:0 2px 8px #00000014}.stat-card.highlight:hover{box-shadow:0 6px 24px #0f6e5661}.table-wrap tbody tr{transition:background .1s}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.theme-switcher-row{border-bottom:1px solid var(--border);gap:4px;padding:8px 12px 12px;display:flex}.theme-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;font-size:11px;font-family:var(--font-sarabun), sans-serif;background:#fff;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px;transition:all .15s;display:flex}.theme-btn:hover{border-color:var(--green);color:var(--green)}.theme-btn.active{border-color:var(--green);color:var(--green);background:var(--green-light)}.theme-btn svg{width:16px;height:16px}[data-theme=dark] .theme-btn{background:var(--green-pale)}[data-theme=dark] .app-topbar{background:var(--white);border-bottom-color:var(--border)}[data-theme=dark] .profile-btn{background:var(--white)}[data-theme=dark] .profile-btn:hover{background:var(--green-pale)}[data-theme=dark] .profile-dropdown{background:var(--white)}[data-theme=dark] .profile-info,[data-theme=dark] .profile-menu-item:hover{background:var(--bg)}[data-theme=dark] .notif-bell-btn{background:var(--white)}[data-theme=dark] .notif-bell-btn:hover{background:var(--green-pale)}[data-theme=dark] .notif-bell-btn svg{stroke:var(--dark)}[data-theme=dark] .notif-bell-badge{border-color:var(--white)}[data-theme=dark] .notif-dropdown{background:var(--white)}[data-theme=dark] .notif-dropdown-header,[data-theme=dark] .notif-item-link:hover{background:var(--bg)}[data-theme=dark] .stat-card:not(.highlight),[data-theme=dark] .table-wrap,[data-theme=dark] .form-section,[data-theme=dark] .preview-card,[data-theme=dark] .settings-card,[data-theme=dark] .detail-section,[data-theme=dark] .detail-status-card,[data-theme=dark] .card,[data-theme=dark] .plan-card,[data-theme=dark] .pay-card,[data-theme=dark] .pay-qr-section,[data-theme=dark] .pdf-preview{background:var(--white);border-color:var(--border)}[data-theme=dark] .pay-qr-box{background:#fff}[data-theme=dark] .form-field input,[data-theme=dark] .form-field select,[data-theme=dark] .form-field textarea,[data-theme=dark] .field input,[data-theme=dark] .item-row input,[data-theme=dark] .discount-input,[data-theme=dark] .url-display{background:var(--white);color:var(--text);border-color:var(--border)}[data-theme=dark] .form-field input::-moz-placeholder{color:var(--muted)}[data-theme=dark] .form-field textarea::-moz-placeholder{color:var(--muted)}[data-theme=dark] .field input::-moz-placeholder{color:var(--muted)}[data-theme=dark] .form-field input::placeholder,[data-theme=dark] .form-field textarea::placeholder,[data-theme=dark] .field input::placeholder{color:var(--muted)}[data-theme=dark] .btn-outline,[data-theme=dark] .btn-detail,[data-theme=dark] .back-btn,[data-theme=dark] .action-btn,[data-theme=dark] .item-delete,[data-theme=dark] .btn-add-client,[data-theme=dark] .chart-period,[data-theme=dark] .plan-cta,[data-theme=dark] .plan-toggle button,[data-theme=dark] .plan-toggle,[data-theme=dark] .page-tabs,[data-theme=dark] .pay-toggle-btn,[data-theme=dark] .pay-back,[data-theme=dark] .url-copy-btn:not(.copied),[data-theme=dark] .success-card{background:var(--white)}[data-theme=dark] .btn-detail.danger{border-color:#c0392b59}[data-theme=dark] .btn-detail.danger:hover{background:#c0392b1f}[data-theme=dark] .btn-detail.primary:hover{background:#1a9060;border-color:#1a9060}[data-theme=dark] .client-card{background:var(--white);border-color:var(--border)}[data-theme=dark] .client-card:hover{border-color:var(--green)}[data-theme=dark] .tabs{background:var(--bg);border-color:var(--border)}[data-theme=dark] .tab.active{background:var(--white)}[data-theme=dark] .pay-page{background:var(--bg)}[data-theme=dark] .btn-primary,[data-theme=dark] .btn-cta-primary,[data-theme=dark] .btn-new,[data-theme=dark] .url-copy-btn,[data-theme=dark] .plan-cta.primary,[data-theme=dark] .pay-toggle-btn.active,[data-theme=dark] .page-tab.active{background:var(--green);color:#fff;border-color:var(--green)}[data-theme=dark] .stat-val,[data-theme=dark] .detail-amount,[data-theme=dark] .plan-price,[data-theme=dark] .pay-amount-val,[data-theme=dark] .topbar-left h1,[data-theme=dark] .form-section-title,[data-theme=dark] .detail-h,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:var(--dark)}[data-theme=dark] .form-info-banner strong{color:var(--dark)!important}.user-dropdown{background:#1a2e28}.stat-card,.stat-val,.detail-amount,.profile-btn-name,.pay-amount-val{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;backface-visibility:hidden}.stat-card{transform:none}.ecom-root{padding:0 0 40px}.ecom-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.ecom-title{font-family:var(--font-prompt), sans-serif;color:var(--dark);letter-spacing:-.02em;margin-bottom:4px;font-size:22px;font-weight:700}.ecom-subtitle{color:var(--muted);font-size:13px}.ecom-header-stat{background:var(--white);border:1px solid var(--border);border-radius:12px;align-items:baseline;gap:4px;padding:10px 16px;display:flex;box-shadow:0 2px 8px #0000000d}.ecom-header-stat-num{font-family:var(--font-prompt), sans-serif;color:var(--green);font-size:24px;font-weight:700}.ecom-header-stat-label{color:var(--muted);font-size:12px}.ecom-notice{color:#92400e;background:#fbbf2414;border:1px solid #fbbf2440;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;font-size:12.5px;display:flex}[data-theme=dark] .ecom-notice{color:#fbbf24}.ecom-tabs{border-bottom:1.5px solid var(--border);scrollbar-width:none;gap:4px;margin-bottom:0;display:flex;overflow-x:auto}.ecom-tabs::-webkit-scrollbar{display:none}.ecom-tab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:10px 10px 0 0;align-items:center;gap:7px;margin-bottom:-1.5px;padding:10px 20px;font-size:13px;font-weight:500;transition:color .15s,background .15s;display:flex;position:relative}.ecom-tab:hover{color:var(--dark);background:var(--bg)}.ecom-tab--active{color:var(--tab-accent,var(--green));border-bottom-color:var(--tab-accent,var(--green));background:var(--white);font-weight:600}.ecom-tab-icon{flex-shrink:0;align-items:center;display:flex}.ecom-tab-label{line-height:1}.ecom-tab-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px}.ecom-panel{background:var(--white);border:1.5px solid var(--border);border-top:none;border-radius:0 0 18px 18px;min-height:420px}.ecom-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 24px;display:flex}.ecom-empty-logo{border-radius:22px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:4px;display:flex}.ecom-empty-title{font-family:var(--font-prompt), sans-serif;color:var(--dark);font-size:17px;font-weight:700}.ecom-empty-desc{color:var(--muted);max-width:320px;font-size:13px;line-height:1.6}.ecom-connected-view{flex-direction:column;gap:16px;padding:24px;display:flex}.ecom-shop-card{background:var(--bg);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.ecom-shop-card-left{align-items:center;gap:16px;display:flex}.ecom-shop-logo{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.ecom-shop-name{font-family:var(--font-prompt), sans-serif;color:var(--dark);margin-bottom:2px;font-size:16px;font-weight:700}.ecom-shop-id{color:var(--muted);margin-bottom:6px;font-size:11px}.ecom-shop-badge{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}[data-theme=dark] .ecom-shop-badge{color:#4ade80;background:#22c55e1a;border-color:#22c55e33}.ecom-info-row{background:var(--bg);border:1px solid var(--border);border-radius:12px;gap:0;display:flex;overflow:hidden}.ecom-info-cell{border-right:1px solid var(--border);flex:1;padding:12px 16px}.ecom-info-cell:last-child{border-right:none}.ecom-info-label{color:var(--muted);margin-bottom:3px;font-size:11px}.ecom-info-val{color:var(--dark);font-size:13px;font-weight:600}.ecom-coming-soon-box{text-align:center;background:var(--bg);border:1.5px dashed var(--border);border-radius:14px;flex-direction:column;align-items:center;padding:36px 24px;display:flex}.ecom-coming-soon-title{color:var(--dark);margin-bottom:6px;font-size:14px;font-weight:600}.ecom-coming-soon-desc{color:var(--muted);max-width:300px;font-size:12px;line-height:1.6}.ecom-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.ecom-btn{font-size:13px;font-weight:600;font-family:var(--font-sarabun,Sarabun), sans-serif;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;transition:all .15s;display:inline-flex}.ecom-btn--primary{background:var(--ecom-accent,var(--green));color:#fff;box-shadow:0 2px 8px #00000026}.ecom-btn--primary:hover{filter:brightness(1.1)}.ecom-btn--ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.ecom-btn--ghost:hover{background:var(--bg);color:var(--dark)}.ecom-btn--danger{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.ecom-btn--danger:hover{background:#fecaca}[data-theme=dark] .ecom-btn--danger{color:#f87171;background:#ef444426;border-color:#ef444440}.ecom-btn:disabled{opacity:.55;cursor:not-allowed}.ecom-modal-backdrop{z-index:800;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.18s overlayIn;display:flex;position:fixed;inset:0}.ecom-modal{background:var(--white);border-radius:20px;width:100%;max-width:480px;max-height:90vh;animation:.22s cardIn;overflow-y:auto;box-shadow:0 24px 64px #00000040}.ecom-modal-header{justify-content:space-between;align-items:center;padding:20px 24px 0;display:flex}.ecom-modal-title{font-family:var(--font-prompt), sans-serif;color:var(--dark);font-size:17px;font-weight:700}.ecom-modal-close{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.ecom-modal-steps{background:var(--bg);border-radius:12px;margin:16px 24px;padding:14px}.ecom-modal-steps-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:11px;font-weight:600}.ecom-modal-step{color:var(--dark);align-items:flex-start;gap:10px;margin-bottom:8px;font-size:12.5px;line-height:1.5;display:flex}.ecom-modal-step:last-child{margin-bottom:0}.ecom-modal-step-num{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.ecom-modal-form{flex-direction:column;gap:12px;padding:0 24px 24px;display:flex}.ecom-modal-field{flex-direction:column;gap:5px;display:flex}.ecom-modal-label{color:var(--dark);font-size:12px;font-weight:600}.ecom-modal-input{border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--dark);border-radius:9px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.ecom-modal-input:focus{border-color:var(--green)}.ecom-modal-error{color:#dc2626;background:#fee2e2;border-radius:8px;padding:8px 12px;font-size:12px}.ecom-modal-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.ecom-bottom-info{border:1px dashed var(--border);border-radius:16px;padding:20px 22px}.ecom-bottom-info-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px;font-size:12px;font-weight:600}.ecom-features-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ecom-feature-chip{background:var(--bg);border-radius:10px;align-items:flex-start;gap:10px;padding:12px;display:flex}.ecom-feature-chip-label{color:var(--dark);margin-bottom:2px;font-size:13px;font-weight:600}.ecom-feature-chip-desc{color:var(--muted);font-size:11px;line-height:1.4}.ecom-action-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 20px;display:flex}.ecom-sync-msg{color:var(--muted);font-size:12px;animation:.3s fadeIn}.ecom-spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.ecom-btn-sm{cursor:pointer;border:none;border-radius:7px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s}.ecom-btn-sm--primary{color:#fff;background:#f97316}.ecom-btn-sm--primary:hover{filter:brightness(1.1)}.ecom-order-section{padding:20px}.ecom-order-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.ecom-order-title{color:var(--dark);font-size:15px;font-weight:700}.ecom-order-filters{flex-wrap:wrap;gap:4px;display:flex}.ecom-filter-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s}.ecom-filter-btn:hover{border-color:var(--green);color:var(--green)}.ecom-filter-btn--active{background:var(--green);color:#fff;border-color:var(--green)}[data-theme=dark] .ecom-filter-btn--active{background:var(--green)}.ecom-order-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 20px;display:flex}.ecom-order-table-wrap{border:1px solid var(--border);border-radius:12px;overflow-x:auto}.ecom-order-table{border-collapse:collapse;width:100%;font-size:13px}.ecom-order-table thead tr{background:var(--bg);border-bottom:1px solid var(--border)}.ecom-order-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:600}.ecom-order-row{border-bottom:1px solid var(--border);transition:background .1s}.ecom-order-row:last-child{border-bottom:none}.ecom-order-row:hover{background:var(--bg)}.ecom-order-cell{vertical-align:middle;white-space:nowrap;padding:11px 14px}.ecom-order-sn{color:var(--muted);font-family:monospace;font-size:11.5px}.ecom-order-status{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.ecom-order-buyer{text-overflow:ellipsis;max-width:140px;overflow:hidden}.ecom-order-amount{color:var(--dark);font-weight:600}.ecom-order-date{color:var(--muted);font-size:12px}.ecom-order-tracking{color:var(--muted);font-family:monospace;font-size:11px}@media (max-width:768px){.ecom-header{flex-direction:column;gap:12px}.ecom-shop-card{flex-direction:column;align-items:flex-start;gap:12px}.ecom-info-row{flex-direction:column}.ecom-info-cell{border-right:none;border-bottom:1px solid var(--border)}.ecom-info-cell:last-child{border-bottom:none}.ecom-tab{padding:8px 12px;font-size:12px}.ecom-order-header{flex-direction:column;align-items:flex-start}}.mobile-header,.mobile-drawer,.mobile-overlay,.settings-mobile-trigger,.staff-cards{display:none}.staff-table{display:block}.products-mobile-list{display:none}.products-desktop-table{display:block}.pos-today-grid{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.sidebar,.app-topbar{display:none!important}.app-shell{display:block}.app-content{padding-top:56px;margin-left:0!important}.app-content .app-main{max-width:100%!important;margin-left:0!important;padding:16px!important}.mobile-header{background:var(--white);border-bottom:1px solid var(--border);z-index:200;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}[data-theme=dark] .mobile-header{background:#0d1f1a;border-bottom-color:#ffffff0f}.mobile-header-logo{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.mobile-header-logo img{border-radius:6px;width:28px;height:28px}.mobile-header-ws{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.mobile-header-ws .workspace-btn{background:#ffffff0f;border-radius:20px;max-width:180px;padding:5px 10px;font-size:13px}.mobile-header-title{font-family:var(--font-prompt), sans-serif;color:var(--dark);text-align:center;flex:1;font-size:17px;font-weight:600}[data-theme=dark] .mobile-header-title{color:#fff}.logo-for-dark,[data-theme=dark] .logo-for-light{display:none}[data-theme=dark] .logo-for-dark{display:block}.mobile-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.mobile-header-avatar{background:var(--green);cursor:pointer;width:34px;height:34px;font-family:var(--font-prompt), sans-serif;color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex;overflow:hidden}.mobile-header-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.notif-bell-btn{width:34px;height:34px}.notif-dropdown{width:auto;max-width:none;position:fixed;top:56px;left:12px;right:12px}.mobile-profile-dropdown{background:var(--white);border:1px solid var(--border);z-index:300;border-radius:14px;min-width:220px;position:fixed;top:56px;right:12px;overflow:hidden;box-shadow:0 8px 32px #0000001f}[data-theme=dark] .mobile-profile-dropdown{background:#1a2e28;border-color:#ffffff1a}.mobile-overlay{z-index:299;background:#00000073;animation:.2s overlayIn;display:block;position:fixed;inset:0}.mobile-drawer{z-index:300;opacity:0;pointer-events:none;flex-direction:column;width:100%;padding:0 20px 28px;transition:opacity .22s,transform .22s;display:flex;position:fixed;inset:0;overflow-y:auto;transform:scale(.96);background:#0d1f1a!important}.mobile-drawer.open{opacity:1;pointer-events:auto;transform:scale(1)}@keyframes drawerBtnIn{0%{opacity:0;transform:translateY(14px)scale(.93)}to{opacity:1;transform:translateY(0)scale(1)}}.mobile-drawer.open .drawer-grid-btn{animation:.32s cubic-bezier(.22,1,.36,1) both drawerBtnIn}.mobile-drawer.open .drawer-grid-btn:first-child{animation-delay:70ms}.mobile-drawer.open .drawer-grid-btn:nth-child(2){animation-delay:.1s}.mobile-drawer.open .drawer-grid-btn:nth-child(3){animation-delay:.13s}.mobile-drawer.open .drawer-grid-btn:nth-child(4){animation-delay:.16s}.mobile-drawer.open .drawer-grid-btn:nth-child(5){animation-delay:.19s}.mobile-drawer.open .drawer-grid-btn:nth-child(6){animation-delay:.22s}.mobile-drawer.open .drawer-grid-btn:nth-child(7){animation-delay:.25s}.mobile-drawer.open .drawer-grid-btn:nth-child(8){animation-delay:.28s}.mobile-drawer.open .drawer-grid-btn:nth-child(9){animation-delay:.31s}.mobile-drawer.open .drawer-grid-btn:nth-child(10){animation-delay:.34s}.mobile-drawer.open .drawer-grid-btn:nth-child(11){animation-delay:.37s}.mobile-drawer.open .drawer-grid-btn:nth-child(12){animation-delay:.4s}@keyframes drawerHeaderIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-drawer.open .drawer-biz-header{animation:.28s cubic-bezier(.22,1,.36,1) 40ms both drawerHeaderIn}.mobile-drawer-header{justify-content:space-between;align-items:center;padding:20px 8px 24px;display:flex}.mobile-drawer-header .sidebar-logo{margin-bottom:0}.drawer-topbar{flex-shrink:0;justify-content:space-between;align-items:center;padding-top:18px;display:flex}.drawer-topbar-actions{align-items:center;gap:8px;display:flex}.drawer-topbar-btn{color:#ffffff8c;font-family:var(--font-sarabun,Sarabun), sans-serif;cursor:pointer;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff17;border-radius:20px;align-items:center;gap:5px;padding:7px 12px;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.drawer-topbar-btn:hover{color:#ffffffd9;background:#ffffff1f}.mobile-drawer-close{cursor:pointer;z-index:1;background:#ffffff14;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.mobile-drawer-close svg{stroke:#fff9;width:16px;height:16px}.drawer-biz-header{flex-direction:column;align-items:center;padding:20px 0 24px;display:flex}.drawer-biz-avatar{background:#ffffff1a;border:2px solid #ffffff14;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:12px;display:flex;overflow:hidden}.drawer-biz-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.drawer-biz-avatar svg{opacity:.45}.drawer-biz-name{font-family:var(--font-prompt), sans-serif;color:#fff;letter-spacing:-.01em;font-size:17px;font-weight:600}.drawer-nav-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.drawer-grid-btn{color:#ffffffb8;background:#ffffff0f;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:18px 10px 16px;text-decoration:none;transition:background .15s,border-color .15s;display:flex;position:relative}.drawer-grid-btn.active{color:#9fe1cb;background:#0f6e5661;border-color:#2ac9a147}.drawer-grid-btn.locked{opacity:.55}.drawer-grid-btn--add{color:#ffffff59;background:#ffffff08;border-style:dashed;border-color:#ffffff1f}.drawer-grid-icon{flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.drawer-grid-icon svg{width:100%;height:100%}.drawer-grid-label{font-family:var(--font-sarabun,Sarabun), sans-serif;text-align:center;font-size:12.5px;font-weight:500;line-height:1.3}.drawer-grid-pro{color:#ffffff4d;background:#ffffff12;border-radius:4px;padding:1px 5px;font-size:9px;position:absolute;top:8px;right:8px}.settings-shell{flex-direction:column!important;height:auto!important;margin:-16px -16px 0!important;overflow:visible!important}.settings-nav{display:none!important}.settings-mobile-trigger{display:block}.settings-content{padding:18px 16px!important}.staff-profile-btn{display:none!important}.staff-cards{border:1px solid var(--border);border-radius:12px;margin-bottom:24px;overflow:hidden;display:block!important}.staff-table{display:none!important}.products-mobile-list{display:block!important}.products-desktop-table{display:none!important}.pos-today-grid,.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.product-card-img{aspect-ratio:1!important}.product-card-body{padding:8px 10px!important}.product-card-name,.product-card-price{font-size:13px!important}.settings-posstyle-row{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.settings-posstyle-label{width:auto!important;padding-top:0!important}table{font-size:13px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.bottom-grid{grid-template-columns:1fr!important}.dash-header{margin-bottom:20px}.dash-header-title{font-size:18px!important}.dash-period-badge{font-size:10px!important}.dash-stats{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin-bottom:14px!important}.dash-stat{text-align:left!important;border-radius:16px!important;align-items:flex-start!important;padding:16px 16px 14px!important}.dash-stat-icon{display:none!important}.dash-stat-val{order:1!important;margin-bottom:2px!important;font-size:24px!important}.dash-stat-label{order:2!important;margin-bottom:0!important;font-size:10px!important}.dash-stat-sub{order:3!important;margin-top:2px!important;font-size:10.5px!important}.dash-stat-warn,.dash-stat-upgrade{order:4!important}.dash-stat-bar-wrap{order:5!important;margin-top:10px!important}.dash-stat-bar-labels{display:flex!important}.dash-main-grid,.dash-3col{grid-template-columns:1fr!important}.dash-grid{grid-template-columns:1fr!important;gap:12px!important}.dash-grid-chart,.dash-grid-invoices{grid-area:auto/1!important}.dash-sidebar{grid-area:auto/1!important;gap:12px!important}.dash-panel{border-radius:14px!important;padding:16px!important}.dash-panel-title{font-size:14px!important}.dash-sprint-row{grid-template-columns:48px 1fr auto auto!important;gap:6px!important;padding:8px 4px!important}.dash-sprint-more{display:none!important}.dash-sprint-id{min-width:0!important;font-size:10px!important}.dash-sprint-name{font-size:12px!important}.dash-sprint-status{font-size:10.5px!important}.dash-sprint-amount{font-size:11.5px!important}.dash-epic-name{font-size:12px!important}.dash-epic-sub{font-size:10px!important}.dash-ring-list{gap:12px!important}.dash-ring-label{font-size:11px!important}.dash-ring-val{font-size:14px!important}.stats{grid-template-columns:1fr 1fr!important;gap:10px!important;display:grid!important}.stat-card{min-width:0!important}.stat-val{font-size:22px!important}.stat-label{font-size:12px!important}.stat-sub{font-size:11px!important}.stat-badge{font-size:10px!important}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.topbar .btn-new{justify-content:center;width:100%}.invoice-create-grid{min-height:unset;grid-template-columns:1fr;margin:-16px}.form-side{border-right:none;border-bottom:1px solid var(--border);padding:120px 16px 16px;overflow-y:visible}.preview-side{padding:16px}.create-topbar{z-index:99;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;margin:0;padding:10px 16px;position:fixed;top:56px;left:0;right:0;box-shadow:0 2px 8px #00000014}.create-topbar-left{flex:1;min-width:0}.create-topbar h1{font-size:15px}.topbar-actions{gap:8px;width:100%;display:flex}.topbar-actions .btn-outline,.topbar-actions .btn-primary{text-align:center;flex:1;justify-content:center;padding:10px 8px;font-size:13px}.form-field-row{grid-template-columns:1fr}.items-header{display:none}.item-row{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;gap:8px;margin-bottom:10px;padding:12px;display:flex}.item-row>input:first-child{flex:0 0 100%;width:100%}.item-row>input:nth-child(2){flex:1;min-width:60px}.item-row>input:nth-child(3),.item-row>input:nth-child(4){flex:2;min-width:80px}.item-delete{flex:0 0 36px}.success-card{border-radius:16px;width:calc(100vw - 32px);max-height:88vh;padding:24px 20px;overflow-y:auto}.success-actions{flex-direction:column}.success-action{justify-content:center;width:100%}.url-display{flex-direction:column;gap:8px}.url-copy-btn{justify-content:center;width:100%}}.workspace-switcher{margin:0 8px 16px;position:relative}.workspace-btn{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:6px 8px;transition:background .15s;display:flex}.workspace-btn:hover,.workspace-btn.open{background:#ffffff0f}.workspace-icon{background:#9fe1cb26;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;overflow:hidden}.workspace-icon img{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:100%;height:100%}.workspace-icon svg{color:#9fe1cb;width:13px;height:13px}.workspace-initials{color:#9fe1cb;font-size:10px;font-weight:700}.workspace-name{color:#fff9;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:500;overflow:hidden}.workspace-chevron{color:#ffffff4d;flex-shrink:0;width:12px;height:12px;transition:transform .2s}.workspace-btn.open .workspace-chevron{transform:rotate(180deg)}.workspace-dropdown{background:var(--white);border:1px solid var(--border);z-index:300;border-radius:12px;min-width:200px;padding:6px 0;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 28px #00000024}.workspace-dropdown-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:6px 14px 4px;font-size:10px;font-weight:600}.workspace-divider{background:var(--border);height:1px;margin:4px 0}.workspace-option{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 12px;transition:background .1s;display:flex}.workspace-option:hover{background:var(--bg)}.workspace-option.active{background:#0f6e560f}.workspace-option-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.workspace-option-icon.personal{color:var(--green);background:#0f6e561a}.workspace-option-icon.personal svg{width:14px;height:14px}.workspace-option-icon.team{color:#6366f1;background:#6366f11f}.workspace-option-icon img{-o-object-fit:cover;object-fit:cover;border-radius:7px;width:100%;height:100%}.workspace-option-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.workspace-option-name{color:var(--dark);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.workspace-option-sub{color:var(--muted);font-size:11px}.workspace-role-badge{color:var(--green);font-size:10px;font-weight:600}.workspace-create-btn{cursor:pointer;width:100%;color:var(--green);font-size:13px;font-weight:500;font-family:var(--font-sarabun), sans-serif;background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;transition:background .1s;display:flex}.workspace-create-btn:hover{background:var(--bg)}.workspace-create-btn svg{flex-shrink:0;width:15px;height:15px}.workspace-pro-hint{color:var(--muted);align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.workspace-settings-link{color:var(--muted);align-items:center;gap:8px;padding:7px 12px;font-size:12px;text-decoration:none;transition:background .1s,color .1s;display:flex}.workspace-settings-link:hover{background:var(--bg);color:var(--dark)}.team-icon-upload{border:2px dashed var(--border);cursor:pointer;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;transition:border-color .15s;display:flex;overflow:hidden}.team-icon-upload:hover{border-color:var(--green)}.team-icon-upload.large{border-radius:16px;width:72px;height:72px}.team-settings-page{max-width:720px;margin:0 auto}.team-settings-grid{flex-direction:column;gap:20px;margin-top:28px;display:flex}.team-settings-card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:24px}.team-settings-card.danger-zone{background:#e0525205;border-color:#e052524d}.team-settings-section-title{font-family:var(--font-prompt), sans-serif;color:var(--dark);margin:0 0 18px;font-size:15px;font-weight:600}.team-settings-section-title.danger{color:var(--red,#e05252)}.team-icon-row{align-items:center;gap:16px;margin-bottom:20px;display:flex}.team-icon-row-info{flex-direction:column;display:flex}.team-settings-footer{justify-content:flex-end;align-items:center;gap:12px;margin-top:20px;display:flex}.team-save-msg{font-size:13px}.team-save-msg.ok{color:var(--green)}.team-save-msg.err{color:var(--red,#e05252)}.team-member-list{flex-direction:column;gap:4px;display:flex}.team-member-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.team-member-row:last-child{border-bottom:none}.team-member-avatar{width:34px;height:34px;color:var(--green);background:#0f6e561f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.team-member-info{flex:1;min-width:0}.team-member-name{color:var(--dark);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.team-member-email{color:var(--muted);margin-top:2px;font-size:12px}.team-you-badge{color:var(--green);background:#0f6e561a;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600}.team-member-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.team-role-badge{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.team-role-badge.role-owner{color:var(--green);background:#0f6e561a}.team-role-badge.role-admin{color:#6366f1;background:#6366f11a}.team-role-badge.role-member{background:var(--bg);color:var(--muted)}.team-role-select{color:var(--dark);background:var(--bg);border:1px solid var(--border);cursor:pointer;font-size:12px;font-family:var(--font-sarabun), sans-serif;border-radius:7px;padding:4px 8px}.team-remove-btn{border:1px solid var(--border);cursor:pointer;width:26px;height:26px;color:var(--muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:background .1s,color .1s,border-color .1s;display:flex}.team-remove-btn:hover{color:#e05252;background:#e052521a;border-color:#e052524d}.invite-role-row{align-items:center;gap:10px;display:flex}.invite-link-box{align-items:center;gap:8px;margin-top:12px;display:flex}.invite-link-input{color:var(--muted);background:var(--bg);border:1px solid var(--border);font-size:12px;font-family:var(--font-sarabun), sans-serif;cursor:text;border-radius:8px;outline:none;flex:1;min-width:0;padding:8px 10px}.invite-copy-btn{flex-shrink:0;align-items:center;gap:6px;font-size:12px;display:flex}.btn-danger{color:#e05252;cursor:pointer;background:#e052521a;border:1px solid #e052524d;border-radius:9px;justify-content:center;align-items:center;padding:8px 18px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.btn-danger:hover{background:#e0525233}.delete-confirm-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-ghost-sm{color:var(--muted);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-size:12px;transition:color .1s,border-color .1s}.btn-ghost-sm:hover{color:#e05252;border-color:#e0525266}.invite-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.invite-card{background:var(--white);border:1px solid var(--border);text-align:center;border-radius:20px;width:100%;max-width:400px;padding:40px 36px;box-shadow:0 8px 32px #00000014}.invite-team-icon{color:#6366f1;background:#6366f11f;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:26px;font-weight:700;display:flex;overflow:hidden}.invite-team-icon img{-o-object-fit:cover;object-fit:cover;border-radius:18px;width:100%;height:100%}.invite-title{font-family:var(--font-prompt), sans-serif;color:var(--dark);margin:0 0 8px;font-size:18px;font-weight:600}.invite-team-name{color:var(--green);font-size:22px;font-weight:700;font-family:var(--font-prompt), sans-serif;margin:0 0 12px}.invite-role-label{color:var(--muted);margin:0 0 24px;font-size:13px}.invite-login-prompt{margin-top:8px}.slip-upload-section{margin-top:20px}.slip-upload-divider{color:var(--muted);align-items:center;gap:10px;margin-bottom:14px;font-size:12px;display:flex}.slip-upload-divider:before,.slip-upload-divider:after{content:"";background:var(--border);flex:1;height:1px}.slip-drop-zone{border:2px dashed var(--border);cursor:pointer;color:var(--muted);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:24px 16px;transition:border-color .15s,background .15s;display:flex;position:relative}.slip-drop-zone:hover,.slip-drop-zone:focus{border-color:var(--green);background:var(--green-soft);outline:none}.slip-drop-label{color:var(--text);font-size:14px;font-weight:500}.slip-drop-hint{color:var(--muted);font-size:12px}.slip-file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.slip-preview-box{flex-direction:column;align-items:center;gap:12px;display:flex}.slip-preview-img{border:1px solid var(--border);-o-object-fit:contain;object-fit:contain;border-radius:10px;max-width:100%;max-height:260px}.slip-preview-actions{gap:10px;width:100%;display:flex}.slip-btn-secondary{border:1.5px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:10px;flex:1;padding:11px 0;font-size:14px;font-weight:500;transition:background .15s}.slip-btn-secondary:hover{background:var(--bg)}.slip-btn-primary{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:2;padding:11px 0;font-size:14px;font-weight:600;transition:opacity .15s}.slip-btn-primary:hover{opacity:.88}.slip-uploading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:20px;font-size:14px;display:flex}.slip-spinner{border:2px solid var(--border);border-top-color:var(--green);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.slip-error-box{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:13px;display:flex}.slip-error-box svg{flex-shrink:0;margin-top:1px}.slip-error-box span{flex:1;line-height:1.5}.slip-error-retry{color:#dc2626;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.slip-success{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;display:flex}.slip-success-icon{background:var(--green);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.slip-success-icon svg{color:#fff;width:22px;height:22px}.slip-success-title{color:var(--text);font-size:16px;font-weight:700}.slip-success-sub{color:var(--muted);font-size:13px}.slip-no-tokens-box{text-align:center;background:#fbbf240f;border:1px solid #fbbf2433;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;display:flex}.slip-no-tokens-icon{color:#d97706;background:#fbbf241a;border:1px solid #fbbf2440;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.slip-no-tokens-title{color:var(--text);font-size:15px;font-weight:700}.slip-no-tokens-sub{color:var(--muted);font-size:13px;line-height:1.6}.token-balance-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-top:24px;padding:20px}.token-balance-header{align-items:center;gap:14px;display:flex}.token-balance-icon{width:40px;height:40px;color:var(--green);background:#2ac9a11a;border:1px solid #2ac9a133;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.token-balance-count{flex-direction:column;align-items:flex-end;margin-left:auto;display:flex}.token-balance-number{font-family:var(--font-prompt), sans-serif;color:var(--green);font-size:28px;font-weight:700;line-height:1}.token-balance-label{color:var(--muted);margin-top:2px;font-size:11px}.token-packs-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.token-pack-card{background:var(--bg);border:1.5px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:16px 12px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.token-pack-card:hover:not(:disabled){border-color:var(--green);box-shadow:0 0 0 3px #2ac9a11a}.token-pack-card:disabled{opacity:.6;cursor:not-allowed}.token-pack-amount{font-family:var(--font-prompt), sans-serif;color:var(--green);font-size:22px;font-weight:700}.token-pack-label{color:var(--muted);font-size:11px}.token-pack-price{color:var(--text);margin-top:6px;font-size:13px;font-weight:600}.token-pack-loading{background:#ffffff80;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (max-width:480px){.token-packs-grid{grid-template-columns:1fr}}[data-theme=dark] .slip-error-box{color:#f87171;background:#dc26261f;border-color:#dc26264d}[data-theme=dark] .slip-error-retry{color:#f87171}.invite-error-icon{color:var(--muted);margin-bottom:16px}.insight-cards-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.insight-card{background:var(--card,white);border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.insight-card--wide{grid-column:span 3}.insight-card-header{padding:16px 20px 10px}.insight-card-label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:500}.insight-card-value{font-family:var(--font-prompt), sans-serif;color:var(--dark);white-space:nowrap;text-overflow:ellipsis;font-size:24px;font-weight:700;line-height:1.1;overflow:hidden}.insight-card-change{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.insight-card-changesub{color:var(--muted);margin-top:3px;font-size:12px}.insight-growth{border-radius:20px;padding:2px 7px;font-size:11px;font-weight:500}.insight-growth.up{color:var(--green);background:#2ac9a11f}.insight-growth.down{color:#dc2626;background:#dc26261a}.insight-card-chart{margin-top:auto;padding:0 0 4px;line-height:0}[data-theme=dark] .insight-card{background:var(--card)}@media (max-width:1100px){.insight-cards-grid{grid-template-columns:repeat(2,1fr)}.insight-card--wide{grid-column:span 2}}@media (max-width:600px){.insight-cards-grid{grid-template-columns:1fr}.insight-card--wide{grid-column:span 1}}.dash-inv-list{flex-direction:column;gap:0;display:flex}.dash-inv-row{border-bottom:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;margin:0 -8px;padding:10px 8px;text-decoration:none;transition:background .12s;display:flex}.dash-inv-row:last-child{border-bottom:none}.dash-inv-row:hover{background:var(--bg)}.dash-inv-main{flex:1;min-width:0}.dash-inv-number{color:var(--dark);font-size:13px;font-weight:500;display:block}.dash-inv-client{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:12px;display:block;overflow:hidden}.dash-inv-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.dash-inv-due{color:var(--muted);font-size:12px}.dash-inv-due.overdue{color:var(--red,#e05252);font-weight:500}.dash-inv-amount{color:var(--dark);font-size:13px;font-weight:500;font-family:var(--font-prompt), sans-serif;text-align:right;min-width:80px}.stat-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:14px;display:flex}.stat-icon svg{width:16px;height:16px}.stat-icon-revenue{color:var(--green);background:#2ac9a11f}.stat-icon-pending{color:#d08a10;background:#ef9f271f}.stat-icon-invoices{color:#6366f1;background:#6366f11a}.stat-icon-clients{color:#0ea5e9;background:#0ea5e91a}.client-item-inner{flex:1;min-width:0}.client-bar-wrap{background:var(--border);border-radius:2px;height:3px;margin-top:6px;overflow:hidden}.client-bar-fill{background:var(--green-mid);border-radius:2px;height:100%;transition:width .4s}.activity-line-wrap{flex-direction:column;gap:0;display:flex}.activity-item{border-bottom:1px solid var(--border);padding:10px 0 10px 24px;position:relative}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;position:absolute;top:14px;left:0}[data-theme=dark] .dash-inv-row:hover{background:#ffffff0a}[data-theme=dark] .client-bar-wrap{background:#ffffff14}[data-theme=dark] .sprint-row:hover{background:#ffffff0a}[data-theme=dark] .sprint-row{border-bottom-color:var(--border)}[data-theme=dark] .top-client-bar-wrap{background:#ffffff14}[data-theme=dark] .dash-content .card,[data-theme=dark] .dash-content .stat-card:not(.highlight){border:none;box-shadow:0 2px 12px #00000040}.dash-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.dash-header-left{align-items:center;gap:12px;display:flex}.dash-header-title{color:var(--dark);letter-spacing:-.03em;font-size:22px;font-weight:700;font-family:var(--font-prompt), sans-serif}.dash-period-badge{color:var(--muted);border:1px solid var(--border);letter-spacing:.02em;background:#fff;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500}.dash-cta{background:var(--green);color:#fff;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-prompt), sans-serif;letter-spacing:.01em;border:none;border-radius:24px;align-items:center;gap:7px;padding:10px 20px;text-decoration:none;transition:background .18s,box-shadow .18s;display:inline-flex;box-shadow:0 3px 12px #0f6e564d}.dash-cta:hover{background:#0a5742;box-shadow:0 4px 16px #0f6e5666}.dash-cta svg{width:14px;height:14px}.dash-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.dash-stat{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;padding:28px 20px 24px;transition:box-shadow .2s,transform .18s;display:flex;box-shadow:0 2px 14px #00000012}.dash-stat:hover{transform:translateY(-2px);box-shadow:0 6px 22px #0000001c}.dash-stat.active{background:linear-gradient(145deg,#0f6e56,#17926a);box-shadow:0 6px 24px #0f6e5652}.dash-stat.active:hover{box-shadow:0 10px 30px #0f6e5666}.dash-stat-icon{color:#9ca3af;width:36px;height:36px;margin-bottom:16px}.dash-stat.active .dash-stat-icon{color:#ffffffd9}.dash-stat-icon--pending{color:#f59e0b}.dash-stat-icon--invoices{color:#60a5fa}.dash-stat-icon--clients{color:#a78bfa}.dash-stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:8px;font-size:10.5px;font-weight:500}.dash-stat.active .dash-stat-label{color:#fff9}.dash-stat-val{font-family:var(--font-prompt), sans-serif;color:var(--dark);letter-spacing:-.025em;font-size:30px;font-weight:700;line-height:1.1}.dash-stat.active .dash-stat-val{color:#fff}.dash-stat-sub{color:var(--muted);margin-top:6px;font-size:12px;line-height:1.4}.dash-stat.active .dash-stat-sub{color:#ffffff80}.dash-stat-warn{color:#92400e;background:#fef3c7;border-radius:20px;margin-top:8px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.dash-stat-upgrade{color:var(--green);margin-top:8px;font-size:12px;font-weight:600;text-decoration:none;display:block}.dash-stat-upgrade:hover{text-decoration:underline}.dash-stat-bar-wrap{width:100%;margin-top:14px}.dash-stat-bar-labels{justify-content:space-between;margin-bottom:4px;font-size:10px;font-weight:500;display:none}.dash-grid{grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1.1fr;align-items:start;gap:16px;margin-bottom:20px;display:grid}.dash-grid-chart{grid-area:1/1/auto/3}.dash-grid-invoices{grid-area:2/1/auto/3}.dash-sidebar{grid-area:1/3/3}.dash-panel{background:#fff;border-radius:18px;padding:20px 22px;box-shadow:0 2px 14px #00000012}.dash-panel-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.dash-panel-title{color:var(--dark);font-size:15px;font-weight:600;font-family:var(--font-prompt), sans-serif;letter-spacing:-.01em}.dash-panel-link{color:var(--muted);font-size:12px;font-weight:500;text-decoration:none}.dash-panel-link:hover{color:var(--green)}.dash-sidebar{flex-direction:column;gap:16px;display:flex}.dash-sprint-list{flex-direction:column;display:flex}.dash-sprint-row{border-bottom:1px solid #0000000f;border-radius:8px;grid-template-columns:58px 1fr auto auto 20px;align-items:center;gap:8px;margin:0 -6px;padding:9px 6px;text-decoration:none;transition:background .1s;display:grid}.dash-sprint-row:last-child{border-bottom:none}.dash-sprint-row:hover{background:var(--bg)}.dash-sprint-id{color:var(--muted);white-space:nowrap;font-family:ui-monospace,monospace;font-size:10.5px;font-weight:500}.dash-sprint-name{color:var(--dark);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.dash-sprint-status{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:11.5px;display:flex}.dash-sprint-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.dash-sprint-amount{color:var(--dark);font-size:12px;font-weight:600;font-family:var(--font-prompt), sans-serif;white-space:nowrap;text-align:right}.dash-sprint-more{color:var(--muted);letter-spacing:.1em;text-align:center;font-size:18px;line-height:1}.dash-epic-list{flex-direction:column;gap:12px;display:flex}.dash-epic-item{align-items:center;gap:10px;display:flex}.dash-epic-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.dash-epic-info{flex:1;min-width:0}.dash-epic-name{color:var(--dark);white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;font-size:13px;font-weight:500;overflow:hidden}.dash-epic-sub{color:var(--muted);font-size:11px}.dash-epic-more{color:var(--muted);letter-spacing:.1em;flex-shrink:0;font-size:16px;line-height:1}.dash-ring-list{flex-direction:column;gap:14px;display:flex}.dash-ring-item{align-items:center;gap:12px;display:flex}.dash-ring-info{flex:1}.dash-ring-label{color:var(--dark);margin-bottom:2px;font-size:12px;font-weight:500}.dash-ring-sub{color:var(--muted);font-size:11px}.dash-ring-val{color:var(--dark);font-size:16px;font-weight:700;font-family:var(--font-prompt), sans-serif;white-space:nowrap}.dash-ring-unit{color:var(--muted);margin-left:2px;font-size:10.5px}[data-theme=dark] .dash-stat{background:var(--white);box-shadow:0 2px 12px #0000004d}[data-theme=dark] .dash-stat.active{background:linear-gradient(145deg,#0f6e56,#17926a)}[data-theme=dark] .dash-panel{background:var(--white);box-shadow:0 2px 12px #0000004d}[data-theme=dark] .dash-period-badge{background:var(--white)}[data-theme=dark] .dash-sprint-row:hover{background:#ffffff0a}[data-theme=dark] .dash-sprint-row{border-bottom-color:var(--border)}@media (max-width:900px){.dash-grid{grid-template-rows:auto!important;grid-template-columns:1fr 1fr!important}.dash-grid-chart,.dash-grid-invoices,.dash-sidebar{grid-area:auto/1/auto/-1!important}}@media (max-width:768px){.topbar{flex-direction:column;align-items:flex-start;gap:10px}.topbar-right{flex-wrap:wrap;gap:8px;width:100%;display:flex}.topbar-right .btn-new,.topbar-right .btn-outline,.topbar-right .btn-primary{flex:1;justify-content:center;min-width:120px}.insight-cards-grid{grid-template-columns:1fr!important}.insight-card--wide{grid-column:span 1!important}.insight-card-value{font-size:20px}.inv-summary-grid{gap:8px;grid-template-columns:repeat(2,1fr)!important}.reports-main-grid,.reports-bottom-grid{grid-template-columns:1fr!important}.reports-chart-section{overflow-x:auto}canvas{max-width:100%}.inv-summary-grid .inv-summary-card{padding:10px 12px}.inv-summary-count{font-size:16px}.products-locked-bg-grid{opacity:.3}.products-locked-glass{width:calc(100% - 32px)!important;max-width:100%!important}.client-bars-grid{grid-template-columns:1fr!important}.report-filters{flex-wrap:wrap;gap:8px}.report-filter-row{flex-direction:column;gap:8px}.report-compare-row{flex-wrap:wrap;gap:8px}.account-header{padding:0 16px!important}.account-layout{flex-direction:column!important;gap:16px!important;padding:16px!important}.account-sidebar{align-items:center;gap:6px;overflow-x:auto;flex-shrink:1!important;width:100%!important;padding-right:0!important;display:flex!important}.account-sidebar-title{display:none}.account-nav-btn{white-space:nowrap;width:auto!important}.account-divider{display:none!important}.account-field-row{grid-template-columns:1fr!important;gap:8px!important}.account-anyone-badge{display:none!important}}@media (max-width:480px){.inv-summary-grid{grid-template-columns:1fr 1fr!important}.insight-card-value,.topbar h1{font-size:18px}.topbar p{font-size:12px}.topbar-right{flex-direction:column}.topbar-right .btn-new,.topbar-right .btn-outline,.topbar-right .btn-primary{width:100%}.products-locked-glass{width:calc(100vw - 32px)!important;padding:24px 16px!important}.products-locked-title{font-size:16px!important}.products-locked-desc{font-size:13px!important}}.onb-picker-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100%;padding:36px 48px 60px;display:flex}.onb-picker-card{-webkit-backdrop-filter:blur(28px);background:#06120ce0;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;align-items:flex-start;width:100%;max-width:920px;padding:36px 44px 44px;display:flex;box-shadow:0 32px 80px #00000073}.onb-main:has(.onb-picker-page){justify-content:center;align-items:center}.onb-picker-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;margin:24px 0 0;display:flex}.onb-picker-header-left{align-items:center;gap:10px;display:flex}.onb-picker-icon{font-size:24px;line-height:1}.onb-picker-heading{font-family:var(--font-prompt), sans-serif;color:#fff;margin:0 0 2px;font-size:18px;font-weight:700;line-height:1.2}.onb-picker-count{color:#ffffff61;letter-spacing:.02em;font-size:11px}.onb-picker-search-wrap{background:#ffffff12;border:1px solid #ffffff1f;border-radius:50px;align-items:center;gap:8px;min-width:210px;padding:7px 16px;transition:border-color .15s,background .15s;display:flex}.onb-picker-search-wrap:focus-within{background:#2ac9a10f;border-color:#2ac9a1}.onb-picker-search-icon{color:#ffffff61;flex-shrink:0}.onb-picker-search{color:#fff;font-size:13px;font-family:var(--font-sarabun), sans-serif;background:0 0;border:none;outline:none;width:100%}.onb-picker-search::placeholder{color:#ffffff4d}.onb-picker-divider{background:#ffffff14;width:100%;height:1px;margin:20px 0 0}.onb-picker-empty{color:#ffffff59;text-align:center;width:100%;padding:48px 0;font-size:14px}.onb-picker-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;width:100%;margin:20px 0 4px;display:grid}.onb-type-card{-webkit-backdrop-filter:blur(12px);cursor:pointer;text-align:left;background:#0a1e16b8;border:1.5px solid #ffffff1a;border-radius:20px;padding:0;transition:border-color .2s,transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000059}.onb-type-card:before{content:"";opacity:0;z-index:2;background:linear-gradient(90deg,#0000,#2ac9a1,#1de0b5,#0000);height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.onb-type-card:hover{border-color:#2ac9a199;transform:translateY(-8px)scale(1.025);box-shadow:0 24px 56px #00000080,0 0 0 1px #2ac9a159,0 0 32px #2ac9a11a}.onb-type-card:hover:before{opacity:1}.onb-type-card:active{transform:translateY(-2px)scale(1)}.onb-type-card-img{aspect-ratio:4/5;box-sizing:border-box;background:radial-gradient(at 50% 60%,#2ac9a12e 0%,#0a1e1699 70%);justify-content:center;align-items:flex-end;width:100%;padding:0 8px;display:flex;position:relative;overflow:hidden}.onb-type-card-img:after{content:"";pointer-events:none;background-image:radial-gradient(circle,#ffffff0a 1px,#0000 1px);background-size:18px 18px;position:absolute;inset:0}.onb-type-card-photo{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;z-index:1;filter:drop-shadow(0 12px 24px #0006);width:100%;height:100%;transition:transform .35s cubic-bezier(.34,1.56,.64,1);display:block;position:relative;transform:scale(1.55)}.onb-type-card:hover .onb-type-card-photo{transform:scale(1.68)translateY(-4%)}.onb-type-card-body{background:#06120c99;border-top:1px solid #ffffff12;padding:12px 14px 16px}.onb-type-card-num{color:#2ac9a1;letter-spacing:.1em;text-transform:uppercase;opacity:.8;margin-bottom:3px;font-size:10px;font-weight:700}.onb-type-card-name{font-family:var(--font-prompt), sans-serif;color:#fff;font-size:13.5px;font-weight:600;line-height:1.35}@media (max-width:860px){.onb-picker-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px}.onb-picker-card{max-width:100%;padding:28px 24px 36px}}@media (max-width:560px){.onb-picker-grid{grid-template-columns:repeat(2,1fr);gap:12px}.onb-picker-header-row{flex-direction:column;align-items:flex-start;gap:12px}.onb-picker-search-wrap{width:100%;min-width:unset;border-radius:12px}.onb-picker-page{padding:20px 16px 32px}}.onb-picker-footer{border-top:1px solid #ffffff14;align-items:center;gap:12px;width:100%;margin-top:24px;padding-top:20px;display:flex}.onb-picker-confirm{flex:1;margin-top:0!important}.onb-picker-confirm:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.onb-type-card--selected{transform:translateY(-6px)scale(1.02);background:#0a231ae6!important;border-color:#2ac9a1!important;box-shadow:0 0 0 2px #2ac9a180,0 12px 40px #00000080,0 0 40px #2ac9a11f!important}.onb-type-card--selected:before{opacity:1}.onb-type-card--selected .onb-type-card-img{background:radial-gradient(at 50% 60%,#2ac9a147 0%,#0a1e16b3 70%)}.onb-type-card-check .onb-menu-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-top:4px;margin-bottom:16px;display:flex}.onb-type-card-check .onb-menu-selectall{color:#2ac9a1;cursor:pointer;white-space:nowrap;background:#2ac9a11a;border:1px solid #2ac9a140;border-radius:20px;flex-shrink:0;margin-top:6px;padding:5px 12px;font-size:11px;font-weight:600;transition:background .15s}.onb-type-card-check .onb-menu-selectall:hover{background:#2ac9a12e}.onb-type-card-check .onb-menu-list{scrollbar-width:thin;scrollbar-color:#2ac9a14d transparent;max-height:340px;margin-bottom:4px;padding-right:4px;overflow-y:auto}.onb-type-card-check .onb-menu-list::-webkit-scrollbar{width:4px}.onb-type-card-check .onb-menu-list::-webkit-scrollbar-track{background:0 0}.onb-type-card-check .onb-menu-list::-webkit-scrollbar-thumb{background:#2ac9a14d;border-radius:4px}.onb-type-card-check .onb-menu-category{margin-bottom:16px}.onb-type-card-check .onb-menu-cat-label{color:#2ac9a1;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;padding:0 2px;font-size:10px;font-weight:700}.onb-type-card-check .onb-menu-items{grid-template-columns:1fr 1fr;gap:7px;display:grid}.onb-type-card-check .onb-menu-item{cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:9px;padding:9px 10px;transition:background .13s,border-color .13s;display:flex;position:relative}.onb-type-card-check .onb-menu-item:hover{background:#ffffff12;border-color:#ffffff24}.onb-type-card-check .onb-menu-item--checked{background:#2ac9a11a!important;border-color:#2ac9a166!important}.onb-type-card-check .onb-menu-item-emoji{flex-shrink:0;font-size:20px;line-height:1}.onb-type-card-check .onb-menu-item-info{flex:1;min-width:0}.onb-type-card-check .onb-menu-item-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;line-height:1.3;overflow:hidden}.onb-type-card-check .onb-menu-item-price{color:#ffffff61;margin-top:1px;font-size:11px}.onb-type-card-check .onb-menu-item-tick{border:1.5px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .13s,border-color .13s;display:flex}.onb-type-card-check .onb-menu-item-tick--on{background:#2ac9a1;border-color:#2ac9a1}.onb-type-card-check .onb-menu-empty{color:#ffffff80;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:36px 0;font-size:13px;display:flex}.onb-type-card-check .onb-benefits-grid{flex-wrap:wrap;gap:10px;width:100%;display:flex}.onb-type-card-check .onb-benefit-chip{color:#ffffffe0;background:#2ac9a11a;border:1px solid #2ac9a140;border-radius:100px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;animation:.35s cubic-bezier(.34,1.56,.64,1) both chipIn;display:flex}.onb-type-card-check .onb-benefit-chip:first-child{animation-delay:40ms}.onb-type-card-check .onb-benefit-chip:nth-child(2){animation-delay:80ms}.onb-type-card-check .onb-benefit-chip:nth-child(3){animation-delay:.12s}.onb-type-card-check .onb-benefit-chip:nth-child(4){animation-delay:.16s}.onb-type-card-check .onb-benefit-chip:nth-child(5){animation-delay:.2s}.onb-type-card-check .onb-benefit-chip:nth-child(6){animation-delay:.24s}.onb-type-card-check .onb-benefit-icon{font-size:16px;line-height:1}.onb-type-card-check .onb-benefit-text{font-weight:500}.onb-type-card-check .onb-menu-footer{border-top:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.onb-type-card-check .onb-menu-count{color:#ffffff59;flex-shrink:0;font-size:11px}:root{--brand-deep:#052b1e;--brand-deep-2:#001c11;--brand-mint:#00d6a8;--brand-mint-glow:#6aecc4;--brand-cream:#fcfaf4;--background:#fcfaf4;--foreground:#052b1e;--gradient-hero:linear-gradient(180deg, #fcfaf4 0%, #e0f4ea 100%);--gradient-mint:linear-gradient(135deg, #00d6a8 0%, #6aecc4 100%);--shadow-mint:0 8px 32px #00d6a859;--shadow-phone:0 30px 80px #052b1e59, 0 0 0 1px #ffffff0a;--shadow-card:0 4px 24px #052b1e14}@supports (color:lab(0% 0 0)){:root{--brand-deep:lab(14.8231% -17.1395 4.86023);--brand-deep-2:lab(7.79674% -13.0982 3.87088);--brand-mint:lab(76.5855% -56.1552 10.2111);--brand-mint-glow:lab(85.475% -44.9546 8.26194);--brand-cream:lab(98.3099% -.248939 3.04239);--background:lab(98.3099% -.248939 3.04239);--foreground:lab(14.8231% -17.1395 4.86023);--gradient-hero:linear-gradient(180deg, lab(98.3099% -.248939 3.04239) 0%, lab(94.5367% -8.24153 2.38919) 100%);--gradient-mint:linear-gradient(135deg, lab(76.5855% -56.1552 10.2111) 0%, lab(85.475% -44.9546 8.26194) 100%);--shadow-mint:0 8px 32px lab(76.5855% -56.1552 10.2111/.35);--shadow-phone:0 30px 80px lab(14.8231% -17.1395 4.86023/.35), 0 0 0 1px lab(100% 0 0/.04);--shadow-card:0 4px 24px lab(14.8231% -17.1395 4.86023/.08)}}.nav-link{color:#052b1eb3;color:lab(14.8231% -17.1395 4.86023/.7);padding-bottom:4px;text-decoration:none;transition:color .2s;position:relative}.nav-link:after{content:"";background:var(--brand-mint);border-radius:1px;width:0;height:2px;transition:width .25s cubic-bezier(.22,.68,0,1);position:absolute;bottom:-2px;left:0}.nav-link:hover{color:var(--brand-deep)}.nav-link:hover:after{width:100%}.cta-mint{box-shadow:var(--shadow-mint);color:#001c11;color:lab(7.79674% -13.0982 3.87088);background:linear-gradient(120deg,#00d6a8,#6aecc4,#38e3b5,#00d6a8) 0 0/300% 300%;background:linear-gradient(120deg,lab(76.5855% -56.1552 10.2111),lab(85.475% -44.9546 8.26194),lab(81.0959% -52.3158 9.55632),lab(76.5855% -56.1552 10.2111)) 0 0/300% 300%;transition:transform .2s,box-shadow .2s;animation:6s infinite cta-mint-shift}.cta-mint:hover{animation-play-state:paused;transform:translateY(-2px);box-shadow:0 12px 40px #00d6a873;box-shadow:0 12px 40px lab(76.5855% -56.1552 10.2111/.45)}.feature-bullet{align-items:center;gap:12px;transition:transform .25s cubic-bezier(.22,.68,0,1),color .25s;display:flex}.feature-bullet:hover{color:var(--brand-deep);transform:translate(6px)}.feature-bullet-dot{color:#00674c;color:lab(38.0335% -50.8473 9.01343);background:#00d6a81f;background:lab(76.5855% -56.1552 10.2111/.12);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:background .25s,box-shadow .25s,color .25s;display:inline-flex}.feature-bullet:hover .feature-bullet-dot{background:var(--gradient-mint);color:#001c11;color:lab(7.79674% -13.0982 3.87088);box-shadow:0 0 0 6px #00d6a81f;box-shadow:0 0 0 6px lab(76.5855% -56.1552 10.2111/.12)}.watermark-num{color:#0000;-webkit-text-stroke:1.5px oklch(26% .05 165/.08);letter-spacing:-.04em;pointer-events:none;-webkit-user-select:none;user-select:none;font-weight:900;line-height:1}.lv-faq .lp-faq-list{flex-direction:column;gap:12px;display:flex}.lv-faq .lp-faq-item{box-shadow:var(--shadow-card);background:#fff;border:1px solid #052b1e14;border:1px solid lab(14.8231% -17.1395 4.86023/.08);border-radius:14px;overflow:hidden}.lv-faq .lp-faq-item--open{border-color:#00d6a866;border-color:lab(76.5855% -56.1552 10.2111/.4)}.lv-faq .lp-faq-q{color:var(--brand-deep);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:18px 20px;font-size:15px;font-weight:600;transition:color .2s;display:flex}.lv-faq .lp-faq-q:hover{color:#00674c;color:lab(38.0335% -50.8473 9.01343)}.lv-faq .lp-faq-icon{color:#00674c;color:lab(38.0335% -50.8473 9.01343);flex-shrink:0;margin-left:12px;font-size:20px;font-weight:300;line-height:1}.lv-faq .lp-faq-a{color:#052b1e99;color:lab(14.8231% -17.1395 4.86023/.6);margin:0;padding:0 20px 18px;font-size:14px;line-height:1.8}.auth2-root{background:0 0;min-height:100dvh;position:relative;overflow:hidden}.auth2-left{z-index:2;background:0 0;flex-direction:column;min-height:100dvh;padding:28px 32px;display:flex;position:relative}.auth2-logo{color:var(--fg);letter-spacing:-.3px;align-items:center;gap:9px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.auth2-card-wrap{flex:1;justify-content:center;align-items:center;display:flex}.auth2-card{-webkit-backdrop-filter:blur(28px)saturate(160%);background:#ffffff8c;border:none;border-radius:20px;width:100%;max-width:420px;padding:40px;box-shadow:inset 0 2px #fffc,inset 0 -1px #0000000f,0 16px 48px #0000001a,0 2px 8px #0000000f}.auth2-title{color:var(--fg);letter-spacing:-.4px;margin:0 0 6px;font-size:22px;font-weight:700}.auth2-subtitle{color:var(--muted);margin:0 0 24px;font-size:14px}.auth2-alert{color:#b91c1c;background:#fff5f5;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;line-height:1.5}.auth2-btn-social{border:1px solid var(--border);width:100%;color:var(--fg);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background .15s,border-color .15s;display:flex}.auth2-btn-social:hover{background:var(--bg2);border-color:#c0c8c4}.auth2-btn-social:disabled{opacity:.6;cursor:not-allowed}.auth2-divider{color:var(--muted);letter-spacing:.04em;align-items:center;gap:10px;margin:18px 0;font-size:12px;font-weight:500;display:flex}.auth2-divider:before,.auth2-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth2-field{flex-direction:column;display:flex}.auth2-field label{color:var(--fg);margin-bottom:6px;font-size:13px;font-weight:600}.auth2-field input{border:1px solid var(--border);color:var(--fg);background:var(--bg);border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.auth2-field input:focus{border-color:#008660;border-color:lab(49.3876% -41.434 11.7);box-shadow:0 0 0 3px #0086601f;box-shadow:0 0 0 3px lab(49.3876% -41.434 11.7/.12)}.auth2-hint{color:var(--muted);margin-top:5px;font-size:12px}.auth2-forgot{color:#006648;color:lab(37.5226% -34.5686 9.75472);font-size:13px;font-weight:500;text-decoration:none}.auth2-forgot:hover{text-decoration:underline}.auth2-btn-primary{color:#fff;cursor:pointer;background:#002d1d;background:lab(15.2101% -28.4146 7.88969);border:none;border-radius:8px;width:100%;margin-top:4px;padding:11px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s}.auth2-btn-primary:hover{background:#002313;background:lab(10.5651% -26.0746 7.66019)}.auth2-btn-primary:disabled{opacity:.6;cursor:not-allowed}.auth2-switch{color:var(--muted);text-align:center;margin-top:20px;font-size:13px}.auth2-switch button{color:#006648;color:lab(37.5226% -34.5686 9.75472);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:600}.auth2-switch button:hover{text-decoration:underline}.auth2-terms{color:var(--muted);text-align:center;margin-top:12px;font-size:12px}.auth2-terms a{color:var(--muted)}.auth2-terms a:hover{color:var(--fg)}.auth2-footer-note{color:var(--muted);margin-top:auto;padding-top:16px;font-size:12px}.auth2-footer-note a{color:var(--muted)}.auth2-right{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.auth2-aurora{background:#fff;position:absolute;inset:0}.auth2-aurora:before{content:"";opacity:.25;background:radial-gradient(circle,#2a8 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:12s ease-in-out infinite alternate orbDrift;position:absolute;top:-120px;right:-80px}.auth2-aurora:after{content:"";opacity:.2;background:radial-gradient(circle,#3b82f6 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:16s ease-in-out infinite alternate-reverse orbDrift;position:absolute;bottom:-100px;left:-60px}@keyframes orbDrift{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,20px)scale(1.06)}to{transform:translate(-20px,40px)scale(.96)}}@media (max-width:768px){.auth2-aurora{opacity:.5}.auth2-left{padding:20px 20px 28px}.auth2-card{padding:28px 24px}}.hover\:bg-\[oklch\(0\.26_0\.05_165_\/_0\.06\)\]:hover{background-color:#052b1e0f;background-color:lab(14.8231% -17.1395 4.86023/.06)}.hover\:bg-black\/\[0\.04\]:hover{background-color:#0000000a}.hover\:opacity-60:hover{opacity:.6}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-85:hover{opacity:.85}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.group:hover .group-hover\:text-\[oklch\(0\.45_0\.14_170\)\]{color:#00674c;color:lab(38.0335% -50.8473 9.01343)}.group:hover .group-hover\:opacity-85{opacity:.85}@media (min-width:640px){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-\[640px\]{height:640px}.sm\:h-\[80px\]{height:80px}.sm\:w-64{width:16rem}.sm\:w-\[320px\]{width:320px}.sm\:w-\[360px\]{width:360px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-4{gap:1rem}.sm\:whitespace-nowrap{white-space:nowrap}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:pt-32{padding-top:8rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:text-xs{font-size:.75rem;line-height:1rem}}@media (min-width:768px){.md\:mt-24{margin-top:6rem}.md\:block{display:block}.md\:hidden{display:none}.md\:h-\[720px\]{height:720px}.md\:w-80{width:20rem}.md\:w-\[360px\]{width:360px}.md\:max-w-\[460px\]{max-width:460px}.md\:basis-\[40\%\]{flex-basis:40%}.md\:animate-none{animation:none}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:items-center{align-items:center}.md\:gap-12{gap:3rem}.md\:gap-14{gap:3.5rem}.md\:gap-20{gap:5rem}.md\:py-32{padding-top:8rem;padding-bottom:8rem}.md\:pb-12{padding-bottom:3rem}.md\:pt-44{padding-top:11rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}