*,: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;line-height:1.5;font-family:var(--font-rubik),var(--font-thai),Noto Sans Thai,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}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-family:var(--font-plex-mono),SFMono-Regular,Menlo,monospace;font-feature-settings:normal;font-variation-settings:normal;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}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:45 33% 97%;--foreground:150 12% 11%;--card:0 0% 100%;--card-foreground:214 54% 16%;--popover:0 0% 100%;--popover-foreground:214 54% 16%;--primary:151 63% 33%;--primary-foreground:0 0% 100%;--secondary:90 15% 95%;--secondary-foreground:150 12% 11%;--muted:90 12% 94%;--muted-foreground:145 6% 41%;--accent:145 44% 92%;--accent-foreground:151 63% 29%;--destructive:338 82% 53%;--destructive-foreground:0 0% 100%;--border:105 8% 86%;--input:105 8% 86%;--ring:151 63% 33%;--success:142 76% 42%;--success-foreground:142 72% 24%;--success-subtle:142 54% 95%;--success-border:142 45% 82%;--warning:36 72% 46%;--warning-foreground:31 78% 25%;--warning-subtle:41 86% 95%;--warning-border:39 70% 82%;--info:207 69% 45%;--info-foreground:211 76% 24%;--info-subtle:212 79% 96%;--info-border:212 67% 84%;--chart-1:153 62% 29%;--chart-2:214 74% 24%;--chart-3:142 76% 42%;--chart-4:338 82% 53%;--chart-5:34 74% 50%;--radius:.5rem;--radius-panel:.5rem;--radius-control:.5rem;--shadow-panel:0 18px 44px -36px #1d31273d,0 8px 18px -14px #1d31271f;--shadow-elevated:0 28px 64px -42px #1d31274d,0 14px 28px -20px #1d312729;--shadow-float:0 14px 28px -22px #1d312738,0 5px 12px -9px #1d31271f;--shadow-inset:inset 0 1px 0 #ffffffbf}*{border-color:hsl(var(--border))}html{min-height:100%}body{background-color:hsl(var(--background));color:hsl(var(--foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:var(--font-rubik),var(--font-thai),"Noto Sans Thai",sans-serif;text-rendering:optimizeLegibility;background-color:#fbfaf4}::selection{background:hsl(var(--primary)/.18);color:hsl(var(--foreground))}h1,h2,h3,h4,h5,h6{color:hsl(var(--foreground));font-family:var(--font-poppins),var(--font-thai),"Noto Sans Thai",sans-serif;letter-spacing:-.02em}code,pre,.font-mono{font-family:var(--font-plex-mono),ui-monospace,SFMono-Regular,Menlo,monospace}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.-left-\[10\%\]{left:-10%}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-0\.5{left:.125rem}.left-3{left:.75rem}.left-3\.5{left:.875rem}.left-4{left:1rem}.right-0{right:0}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-11{top:2.75rem}.top-4{top:1rem}.-z-10{z-index:-10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-\[100\]{z-index:100}.col-span-2{grid-column:span 2/span 2}.float-right{float:right}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-2{margin-bottom:-.5rem}.-ml-2{margin-left:-.5rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.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-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}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-52{height:13rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[132px\]{height:132px}.h-\[15px\]{height:15px}.h-\[18px\]{height:18px}.h-\[20rem\]{height:20rem}.h-\[24rem\]{height:24rem}.h-\[38px\]{height:38px}.h-\[46px\]{height:46px}.h-\[72px\]{height:72px}.h-\[76px\]{height:76px}.h-fit{height:fit-content}.h-full{height:100%}.max-h-\[calc\(100vh-3rem\)\]{max-height:calc(100vh - 3rem)}.min-h-11{min-height:2.75rem}.min-h-20{min-height:5rem}.min-h-24{min-height:6rem}.min-h-52{min-height:13rem}.min-h-\[104px\]{min-height:104px}.min-h-\[170px\]{min-height:170px}.min-h-\[240px\]{min-height:240px}.min-h-\[60vh\]{min-height:60vh}.min-h-\[65vh\]{min-height:65vh}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[132px\]{width:132px}.w-\[18px\]{width:18px}.w-\[18rem\]{width:18rem}.w-\[20rem\]{width:20rem}.w-\[248px\]{width:248px}.w-\[24rem\]{width:24rem}.w-\[38px\]{width:38px}.w-\[68px\]{width:68px}.w-\[6px\]{width:6px}.w-\[76px\]{width:76px}.w-\[88px\]{width:88px}.w-fit{width:fit-content}.w-full{width:100%}.min-w-0{min-width:0}.min-w-40{min-width:10rem}.min-w-\[1020px\]{min-width:1020px}.min-w-\[15px\]{min-width:15px}.min-w-\[240px\]{min-width:240px}.min-w-\[500px\]{min-width:500px}.min-w-\[680px\]{min-width:680px}.min-w-\[760px\]{min-width:760px}.min-w-\[820px\]{min-width:820px}.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-\[112px\]{max-width:112px}.max-w-\[11rem\]{max-width:11rem}.max-w-\[140px\]{max-width:140px}.max-w-\[1640px\]{max-width:1640px}.max-w-\[180px\]{max-width:180px}.max-w-\[210px\]{max-width:210px}.max-w-\[220px\]{max-width:220px}.max-w-\[240px\]{max-width:240px}.max-w-\[280px\]{max-width:280px}.max-w-\[290px\]{max-width:290px}.max-w-\[430px\]{max-width:430px}.max-w-\[85vw\]{max-width:85vw}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x:0px;--tw-border-spacing-y:0px;border-spacing:var(--tw-border-spacing-x)var(--tw-border-spacing-y)}.-translate-x-full{--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.translate-y-3{--tw-translate-y:.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}.translate-y-px{--tw-translate-y:1px;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))}.scale-100{--tw-scale-x:1;--tw-scale-y:1;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))}.scale-\[0\.985\]{--tw-scale-x:.985;--tw-scale-y:.985;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 spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-y{resize:vertical}.appearance-none{appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[140px_1fr\]{grid-template-columns:140px 1fr}.grid-cols-\[8px_1fr_auto\]{grid-template-columns:8px 1fr auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-\[3px\]{gap:3px}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.75rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-border\/70>:not([hidden])~:not([hidden]){border-color:hsl(var(--border)/.7)}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-pretty{text-wrap:pretty}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[9px\]{border-radius:9px}.rounded-control{border-radius:var(--radius-control)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-none{border-radius:0}.rounded-panel{border-radius:var(--radius-panel)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[3px\]{border-width:3px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#174537\]{--tw-border-opacity:1;border-color:rgb(23 69 55/var(--tw-border-opacity,1))}.border-\[\#cbe6d4\]{--tw-border-opacity:1;border-color:rgb(203 230 212/var(--tw-border-opacity,1))}.border-\[\#cfe6dc\]{--tw-border-opacity:1;border-color:rgb(207 230 220/var(--tw-border-opacity,1))}.border-\[\#d9ded9\]{--tw-border-opacity:1;border-color:rgb(217 222 217/var(--tw-border-opacity,1))}.border-\[\#d9e5e1\]{--tw-border-opacity:1;border-color:rgb(217 229 225/var(--tw-border-opacity,1))}.border-\[\#e0e8eb\]{--tw-border-opacity:1;border-color:rgb(224 232 235/var(--tw-border-opacity,1))}.border-\[\#e1e8eb\]{--tw-border-opacity:1;border-color:rgb(225 232 235/var(--tw-border-opacity,1))}.border-\[\#e4ebe8\]{--tw-border-opacity:1;border-color:rgb(228 235 232/var(--tw-border-opacity,1))}.border-\[\#e5e8e3\]{--tw-border-opacity:1;border-color:rgb(229 232 227/var(--tw-border-opacity,1))}.border-\[\#ead8ab\]{--tw-border-opacity:1;border-color:rgb(234 216 171/var(--tw-border-opacity,1))}.border-\[\#eef0ec\]{--tw-border-opacity:1;border-color:rgb(238 240 236/var(--tw-border-opacity,1))}.border-\[\#f0cbc5\]{--tw-border-opacity:1;border-color:rgb(240 203 197/var(--tw-border-opacity,1))}.border-border{border-color:hsl(var(--border))}.border-border\/60{border-color:hsl(var(--border)/.6)}.border-border\/70{border-color:hsl(var(--border)/.7)}.border-border\/80{border-color:hsl(var(--border)/.8)}.border-destructive\/10{border-color:hsl(var(--destructive)/.1)}.border-destructive\/15{border-color:hsl(var(--destructive)/.15)}.border-destructive\/20{border-color:hsl(var(--destructive)/.2)}.border-info-border{border-color:hsl(var(--info-border))}.border-input{border-color:hsl(var(--input))}.border-primary\/15{border-color:hsl(var(--primary)/.15)}.border-primary\/20{border-color:hsl(var(--primary)/.2)}.border-success-border{border-color:hsl(var(--success-border))}.border-transparent{border-color:#0000}.border-warning-border{border-color:hsl(var(--warning-border))}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-l-destructive{border-left-color:hsl(var(--destructive))}.border-l-info{border-left-color:hsl(var(--info))}.border-l-success{border-left-color:hsl(var(--success))}.border-l-warning{border-left-color:hsl(var(--warning))}.border-t-primary{border-top-color:hsl(var(--primary))}.bg-\[\#07965b\]{--tw-bg-opacity:1;background-color:rgb(7 150 91/var(--tw-bg-opacity,1))}.bg-\[\#087f4d\]{--tw-bg-opacity:1;background-color:rgb(8 127 77/var(--tw-bg-opacity,1))}.bg-\[\#10372f\]{--tw-bg-opacity:1;background-color:rgb(16 55 47/var(--tw-bg-opacity,1))}.bg-\[\#168b62\]{--tw-bg-opacity:1;background-color:rgb(22 139 98/var(--tw-bg-opacity,1))}.bg-\[\#1f8a5b\]{--tw-bg-opacity:1;background-color:rgb(31 138 91/var(--tw-bg-opacity,1))}.bg-\[\#4bd19a\]{--tw-bg-opacity:1;background-color:rgb(75 209 154/var(--tw-bg-opacity,1))}.bg-\[\#e5f4eb\]{--tw-bg-opacity:1;background-color:rgb(229 244 235/var(--tw-bg-opacity,1))}.bg-\[\#e9f6ee\]{--tw-bg-opacity:1;background-color:rgb(233 246 238/var(--tw-bg-opacity,1))}.bg-\[\#eaf3ff\]{--tw-bg-opacity:1;background-color:rgb(234 243 255/var(--tw-bg-opacity,1))}.bg-\[\#eaf7f2\]{--tw-bg-opacity:1;background-color:rgb(234 247 242/var(--tw-bg-opacity,1))}.bg-\[\#eef8f1\]{--tw-bg-opacity:1;background-color:rgb(238 248 241/var(--tw-bg-opacity,1))}.bg-\[\#ef4444\]{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-\[\#f3f8f7\]{--tw-bg-opacity:1;background-color:rgb(243 248 247/var(--tw-bg-opacity,1))}.bg-\[\#f4f7f8\]{--tw-bg-opacity:1;background-color:rgb(244 247 248/var(--tw-bg-opacity,1))}.bg-\[\#f7fafb\]{--tw-bg-opacity:1;background-color:rgb(247 250 251/var(--tw-bg-opacity,1))}.bg-\[\#f8f8f4\]{--tw-bg-opacity:1;background-color:rgb(248 248 244/var(--tw-bg-opacity,1))}.bg-\[\#f8faf9\]{--tw-bg-opacity:1;background-color:rgb(248 250 249/var(--tw-bg-opacity,1))}.bg-\[\#fff0ed\]{--tw-bg-opacity:1;background-color:rgb(255 240 237/var(--tw-bg-opacity,1))}.bg-\[\#fff1ee\]{--tw-bg-opacity:1;background-color:rgb(255 241 238/var(--tw-bg-opacity,1))}.bg-\[\#fff5df\]{--tw-bg-opacity:1;background-color:rgb(255 245 223/var(--tw-bg-opacity,1))}.bg-\[\#fff7e3\]{--tw-bg-opacity:1;background-color:rgb(255 247 227/var(--tw-bg-opacity,1))}.bg-\[rgba\(11\,31\,23\,0\.48\)\]{background-color:#0b1f177a}.bg-\[rgba\(6\,27\,49\,0\.28\)\]{background-color:#061b3147}.bg-background{background-color:hsl(var(--background))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-card{background-color:hsl(var(--card))}.bg-card\/75{background-color:hsl(var(--card)/.75)}.bg-card\/90{background-color:hsl(var(--card)/.9)}.bg-card\/95{background-color:hsl(var(--card)/.95)}.bg-destructive{background-color:hsl(var(--destructive))}.bg-destructive\/10{background-color:hsl(var(--destructive)/.1)}.bg-destructive\/5{background-color:hsl(var(--destructive)/.05)}.bg-destructive\/\[0\.03\]{background-color:hsl(var(--destructive)/.03)}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-info-subtle{background-color:hsl(var(--info-subtle))}.bg-info\/10{background-color:hsl(var(--info)/.1)}.bg-input{background-color:hsl(var(--input))}.bg-muted-foreground\/50{background-color:hsl(var(--muted-foreground)/.5)}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/10{background-color:hsl(var(--primary)/.1)}.bg-primary\/5{background-color:hsl(var(--primary)/.05)}.bg-secondary{background-color:hsl(var(--secondary))}.bg-secondary\/25{background-color:hsl(var(--secondary)/.25)}.bg-secondary\/30{background-color:hsl(var(--secondary)/.3)}.bg-secondary\/35{background-color:hsl(var(--secondary)/.35)}.bg-secondary\/40{background-color:hsl(var(--secondary)/.4)}.bg-secondary\/45{background-color:hsl(var(--secondary)/.45)}.bg-secondary\/50{background-color:hsl(var(--secondary)/.5)}.bg-secondary\/60{background-color:hsl(var(--secondary)/.6)}.bg-secondary\/65{background-color:hsl(var(--secondary)/.65)}.bg-success{background-color:hsl(var(--success))}.bg-success-subtle{background-color:hsl(var(--success-subtle))}.bg-transparent{background-color:#0000}.bg-warning-subtle{background-color:hsl(var(--warning-subtle))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/75{background-color:#ffffffbf}.bg-white\/80{background-color:#fffc}.bg-white\/85{background-color:#ffffffd9}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.bg-white\/\[0\.04\]{background-color:#ffffff0a}.bg-white\/\[0\.06\]{background-color:#ffffff0f}.fill-muted-foreground{fill:hsl(var(--muted-foreground))}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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-3\.5{padding-left:.875rem;padding-right:.875rem}.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}.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-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pl-10{padding-left:2.5rem}.pl-4{padding-left:1rem}.pl-9{padding-left:2.25rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-plex-mono),SFMono-Regular,Menlo,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-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal)var(--tw-slashed-zero)var(--tw-numeric-figure)var(--tw-numeric-spacing)var(--tw-numeric-fraction)}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[-0\.035em\]{letter-spacing:-.035em}.tracking-\[-0\.03em\]{letter-spacing:-.03em}.tracking-\[0\.02em\]{letter-spacing:.02em}.tracking-\[0\.06em\]{letter-spacing:.06em}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.09em\]{letter-spacing:.09em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.13em\]{letter-spacing:.13em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.text-\[\#071d49\]{--tw-text-opacity:1;color:rgb(7 29 73/var(--tw-text-opacity,1))}.text-\[\#087f4d\]{--tw-text-opacity:1;color:rgb(8 127 77/var(--tw-text-opacity,1))}.text-\[\#16734b\]{--tw-text-opacity:1;color:rgb(22 115 75/var(--tw-text-opacity,1))}.text-\[\#17375f\]{--tw-text-opacity:1;color:rgb(23 55 95/var(--tw-text-opacity,1))}.text-\[\#1769c2\]{--tw-text-opacity:1;color:rgb(23 105 194/var(--tw-text-opacity,1))}.text-\[\#18201d\]{--tw-text-opacity:1;color:rgb(24 32 29/var(--tw-text-opacity,1))}.text-\[\#1f8a5b\]{--tw-text-opacity:1;color:rgb(31 138 91/var(--tw-text-opacity,1))}.text-\[\#236b43\]{--tw-text-opacity:1;color:rgb(35 107 67/var(--tw-text-opacity,1))}.text-\[\#425b75\]{--tw-text-opacity:1;color:rgb(66 91 117/var(--tw-text-opacity,1))}.text-\[\#607590\]{--tw-text-opacity:1;color:rgb(96 117 144/var(--tw-text-opacity,1))}.text-\[\#63706a\]{--tw-text-opacity:1;color:rgb(99 112 106/var(--tw-text-opacity,1))}.text-\[\#748298\]{--tw-text-opacity:1;color:rgb(116 130 152/var(--tw-text-opacity,1))}.text-\[\#75530b\]{--tw-text-opacity:1;color:rgb(117 83 11/var(--tw-text-opacity,1))}.text-\[\#87918b\]{--tw-text-opacity:1;color:rgb(135 145 139/var(--tw-text-opacity,1))}.text-\[\#986713\]{--tw-text-opacity:1;color:rgb(152 103 19/var(--tw-text-opacity,1))}.text-\[\#a7392c\]{--tw-text-opacity:1;color:rgb(167 57 44/var(--tw-text-opacity,1))}.text-\[\#ab392b\]{--tw-text-opacity:1;color:rgb(171 57 43/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-card-foreground{color:hsl(var(--card-foreground))}.text-destructive{color:hsl(var(--destructive))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-destructive\/80{color:hsl(var(--destructive)/.8)}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-foreground{color:hsl(var(--foreground))}.text-foreground\/70{color:hsl(var(--foreground)/.7)}.text-foreground\/75{color:hsl(var(--foreground)/.75)}.text-foreground\/80{color:hsl(var(--foreground)/.8)}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-muted-foreground\/50{color:hsl(var(--muted-foreground)/.5)}.text-muted-foreground\/70{color:hsl(var(--muted-foreground)/.7)}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-primary\/80{color:hsl(var(--primary)/.8)}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-success{color:hsl(var(--success))}.text-success-foreground{color:hsl(var(--success-foreground))}.text-warning-foreground{color:hsl(var(--warning-foreground))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/45{color:#ffffff73}.text-white\/50{color:#ffffff80}.text-white\/65{color:#ffffffa6}.text-white\/70{color:#ffffffb3}.text-white\/75{color:#ffffffbf}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-elevated{--tw-shadow:var(--shadow-elevated);--tw-shadow-colored:var(--shadow-elevated);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-float{--tw-shadow:var(--shadow-float);--tw-shadow-colored:var(--shadow-float);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inset{--tw-shadow:var(--shadow-inset);--tw-shadow-colored:var(--shadow-inset);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-panel{--tw-shadow:var(--shadow-panel);--tw-shadow-colored:var(--shadow-panel);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--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)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-primary\/5{--tw-ring-color:hsl(var(--primary)/.05)}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.blur-\[140px\]{--tw-blur:blur(140px);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-blur{--tw-backdrop-blur:blur(8px);-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)}.backdrop-blur-\[3px\]{--tw-backdrop-blur:blur(3px);-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)}.backdrop-blur-\[4px\]{--tw-backdrop-blur:blur(4px);-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)}.backdrop-blur-\[6px\]{--tw-backdrop-blur:blur(6px);-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-\[background-color\,border-color\,color\,box-shadow\,transform\]{transition-property:background-color,border-color,color,box-shadow,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[border-color\,box-shadow\,background-color\]{transition-property:border-color,box-shadow,background-color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[width\]{transition-property:width;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-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0))}}.duration-200{animation-duration:.2s}.ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.running{animation-play-state:running}.text-display{letter-spacing:-.035em;line-height:1.05}.text-analytics{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.text-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:.6875rem;font-weight:500;line-height:1.2}.reference-page{color:#17375f;font-family:var(--font-rubik),var(--font-thai),sans-serif}.reference-page h1,.reference-page h2,.reference-page h3{color:#071d49;letter-spacing:0}.reference-page>header{border:0;align-items:center;padding:2px 0 16px}.reference-page>header h1{font-size:28px;font-weight:700;line-height:1.15}.reference-page>header p:not(.text-primary){color:#607590}.reference-page>header .text-primary{color:#087f4d}.reference-page .shadow-panel{box-shadow:0 2px 12px #10342c0b}.reference-page .rounded-panel{border-radius:8px}.reference-page .reference-kpi,.reference-page article.rounded-panel{border-color:#dfe5df;box-shadow:0 2px 12px #10342c0b}.reference-page .reference-kpi{min-height:112px}.reference-page .reference-kpi>p:first-child{color:#607590}.reference-page .reference-kpi>p:nth-child(2){color:#071d49}.reference-page .reference-table-panel,.reference-page section.overflow-hidden{border-color:#d9ded9;border-radius:8px}.reference-page .reference-table-panel>div:first-child,.reference-page section.overflow-hidden>div:first-child{background:#fff}.reference-page table{border-collapse:collapse}.reference-page table thead{background:#f3f7f8}.reference-page table th{color:#536986;letter-spacing:.055em;font-size:10px}.reference-page table td{color:#17375f}.reference-page .form-control,.reference-page input.form-control,.reference-page select.form-control,.reference-page textarea.form-control{border-color:#d9ded9;border-radius:7px}.reference-page button.bg-primary,.reference-page a.bg-primary{background-color:#087f4d}.overview-page>section:first-child>div:first-child{box-shadow:none;background:#fff;border-color:#d9ded9;border-radius:8px}.overview-page>section:first-child>div:first-child .text-primary{color:#1f8a5b}.overview-page>section:first-child>div:first-child h1{color:#18201d}.overview-page>section:first-child>div:first-child .rounded-control,.overview-page .grid>article,.overview-page .grid>div.rounded-control{border-radius:8px}.overview-page{color:#0f1d38;gap:12px}.overview-page h1,.overview-page h2,.overview-page h3{color:#0f1d38}.reference-page.overview-page>header.overview-heading{border:0;justify-content:space-between;align-items:center;gap:18px;margin:0 0 2px;padding:2px 0 6px;display:flex}.reference-page.overview-page>header.overview-heading h1{margin:0;font-size:28px;font-weight:750;line-height:1.2}.overview-refresh{color:#43516c;background:#fff;border-color:#dfe7eb;border-radius:8px;gap:7px;height:34px;font-size:11px}.overview-kpi.invoices{background:linear-gradient(115deg,#fffefa,#fff8e9)}.overview-kpi.invoices{grid-template-columns:42px minmax(0,1fr);gap:9px;padding-inline:12px}.overview-invoice-split p{font-size:10px}.overview-invoice-split strong{font-size:20px}.overview-invoice-split small{font-size:9px}.overview-kpi small b{color:#07965b}.overview-panel-head h2{margin:0;font-size:15px;font-weight:700}.overview-link{color:#07965b;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-size:10px;font-weight:700}.overview-ops{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.overview-operation{background:#fff;border:1px solid #dfe7eb;border-radius:10px;min-width:0;padding:12px 14px;box-shadow:0 4px 18px #1a35450e}.overview-operation p{color:#62708a;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:10px;font-weight:700}.overview-operation strong{color:#17375f;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:6px;font-size:13px;display:block;overflow:hidden}.overview-standard-panel{color:#17375f;background:#fff;border-color:#dfe7eb;border-radius:10px;box-shadow:0 4px 18px #1a35450e}.overview-standard-panel h2{color:#0f1d38}.overview-standard-panel thead{background:#f3f6f8}.overview-standard-panel th{color:#33425d}.overview-standard-panel td{color:#17375f}@media (max-width:640px){.reference-page>header h1{font-size:24px}.reference-page.overview-page>header.overview-heading{align-items:flex-start}.overview-motto{display:none}.overview-kpis,.overview-ops{grid-template-columns:1fr 1fr}.overview-two{grid-template-columns:1fr}.overview-ranking-summary{grid-template-columns:132px minmax(0,1fr);padding-inline:12px}}@media (max-width:420px){.overview-kpis,.overview-ops{grid-template-columns:1fr}.reference-page.overview-page>header.overview-heading h1{font-size:24px}}.reference-page.overview-page{color:#18201d;font-family:var(--font-poppins),var(--font-thai),"Noto Sans Thai",sans-serif;align-content:start;gap:12px;display:grid}.reference-page.overview-page h1,.reference-page.overview-page h2,.reference-page.overview-page h3{color:#18201d}.reference-page.overview-page>.overview-heading{border:0;justify-content:space-between;align-items:center;gap:18px;margin:0 0 2px;padding:2px 0 6px;display:flex}.overview-heading h1{color:#18201d;margin:0;font-size:28px;font-weight:700;line-height:1.2}.overview-heading p{color:#63706a;margin:3px 0 0;font-size:13px}.overview-heading>div:first-child>span{color:#53645e;align-items:center;gap:7px;margin-top:7px;font-size:11px;display:flex}.overview-heading>div:first-child>span svg{color:#1f8a5b;background:#e5f4eb;border-radius:6px;width:22px;height:22px;padding:4px}.overview-motto{color:#43516c;white-space:nowrap;font-size:12px}.overview-motto strong{color:#1f8a5b}.overview-kpis{grid-template-columns:minmax(170px,.72fr) minmax(170px,.72fr) minmax(250px,1.18fr) minmax(290px,1.38fr);gap:12px;display:grid}.overview-kpi{background:#fff;border:1px solid #d9ded9;border-radius:8px;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px;min-width:0;min-height:124px;padding:14px 15px;display:grid;box-shadow:0 5px 18px #18201d12}.overview-kpi.clients{background:linear-gradient(115deg,#f7fffa,#edf9f2)}.overview-kpi.blogs{background:linear-gradient(115deg,#fbf8ff,#f2eaff);border-color:#e5d9f2}.overview-kpi.invoices{background:linear-gradient(115deg,#fffefa,#fff8e9);grid-template-columns:48px minmax(0,1fr);gap:10px}.overview-kpi.revenue{background:linear-gradient(115deg,#f7fffa,#edf9f2);grid-template-columns:48px minmax(0,1fr) minmax(0,.9fr);gap:10px}.overview-kpi-icon{color:#1f8a5b;background:#e5f4eb;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.overview-kpi-icon svg{stroke-width:1.8px;width:24px;height:24px}.overview-kpi.blogs .overview-kpi-icon{color:#7a46b8;background:#eadcff}.overview-kpi.invoices .overview-kpi-icon{color:#8a5b00;background:#fff0c8}.overview-revenue-icon{color:#1f8a5b;background:#e5f4eb;border-radius:50%;place-items:center;width:48px;height:48px;font-size:21px;font-weight:700;display:grid}.overview-kpi p{color:#34425d;margin:0;font-size:12px}.overview-kpi strong{color:#263b56;font-variant-numeric:tabular-nums;margin:2px 0;font-size:27px;font-weight:700;line-height:1.2;display:block}.overview-kpi.blogs strong{color:#4f287d}.overview-kpi small{color:#63706a;font-size:10px;line-height:1.4}.overview-kpi-period{white-space:nowrap;text-overflow:ellipsis;min-height:14px;display:block;overflow:hidden}.overview-invoice-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.overview-invoice-split>div+div{border-left:1px solid #eadfbe;padding-left:10px}.overview-invoice-split strong{white-space:nowrap;font-size:24px}.overview-invoice-split>div:last-child strong{font-size:20px}.overview-revenue-main{min-width:0}.overview-revenue-main strong{font-size:24px}.overview-revenue-goal{border-left:1px solid #dfe8df;align-self:center;min-width:0;padding-left:13px}.overview-goal-heading{color:#53645e;justify-content:space-between;align-items:center;font-size:10px;display:flex}.overview-goal-heading button,.overview-revenue-goal form button{color:#1f8a5b;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.overview-goal-heading button:hover,.overview-revenue-goal form button:hover{background:#e5f4eb}.overview-revenue-goal>strong{margin:2px 0 5px;font-size:18px}.overview-goal-progress{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;display:grid}.overview-goal-progress span{background:#e7ece7;border-radius:99px;height:7px;display:block;overflow:hidden}.overview-goal-progress span i{background:#1f8a5b;border-radius:99px;height:100%;display:block}.overview-goal-progress b{color:#1f8a5b;font-size:9px}.overview-revenue-goal form{align-items:center;gap:2px;display:flex}.overview-revenue-goal input{border:1px solid #d9ded9;border-radius:5px;width:calc(100% - 48px);min-width:70px;padding:4px 6px;font-size:11px}.overview-two{grid-template-columns:.92fr 1.08fr;gap:12px;display:grid}.overview-panel{background:#fff;border:1px solid #d9ded9;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 5px 18px #18201d12}.overview-panel-head{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;gap:10px;min-height:46px;padding:12px 14px;display:flex}.overview-panel-head h2,.overview-billing-head h2,.overview-alerts-head h2{font-family:var(--font-rubik),var(--font-thai),sans-serif;margin:0;font-size:15px;font-weight:700}.overview-neutral-pill{color:#58615b;white-space:nowrap;background:#ecefeb;border-radius:14px;padding:5px 8px;font-size:10px}.overview-link{color:#1f8a5b;cursor:pointer;white-space:nowrap;background:0 0;border:0;flex:none;padding:0;font-size:10px;font-weight:700}.overview-ranking-summary{grid-template-columns:160px minmax(0,1fr);align-items:center;gap:8px;min-height:174px;padding:4px 18px 16px;display:grid}.overview-donut{border-radius:50%;place-items:center;width:132px;height:132px;display:grid}.overview-donut>span{background:#fff;border-radius:50%;align-content:center;justify-items:center;width:76px;height:76px;display:grid}.overview-donut strong{color:#18201d;font-size:19px;line-height:1.1}.overview-donut small{color:#63706a;font-size:10px}.overview-legend{gap:3px;display:grid}.overview-legend>div{color:#34425d;border-bottom:1px solid #edf1ef;grid-template-columns:10px minmax(60px,1fr) auto;align-items:center;gap:7px;padding:5px 0;font-size:11px;display:grid}.overview-legend>div:last-child{border-bottom:0}.overview-legend i{border-radius:50%;width:9px;height:9px}.overview-legend strong{color:#18201d;white-space:nowrap;font-size:10px}.overview-ranking-unavailable{color:#63706a;font-size:11px;line-height:1.5}.overview-table-scroll{overflow-x:auto}.overview-table{border-collapse:collapse;color:#27342d;text-align:left;width:100%;font-size:11px}.overview-table th{color:#63706a;background:#f3f4ee;padding:9px 8px;font-size:10px;font-weight:700}.overview-table td{white-space:nowrap;border-top:1px solid #edf1ef;padding:9px 8px}.overview-table td:nth-child(2){white-space:normal;min-width:120px}.overview-table td small{color:#718078;margin-top:2px;font-size:10px;display:block}.overview-status{border-radius:14px;padding:4px 9px;font-size:9px;font-weight:700;display:inline-block}.overview-status.good{color:#078449;background:#dcf7e8}.overview-status.watch{color:#b36b00;background:#fff0c9}.overview-status.need{color:#c94636;background:#ffe4df}.overview-empty{color:#718078;padding:24px 14px;font-size:11px}.overview-dashboard-row{grid-template-columns:minmax(0,1.6fr) minmax(280px,.64fr);gap:12px;display:grid}.overview-task-head{flex-wrap:wrap}.overview-task-tabs{gap:5px;margin-left:auto;display:flex}.overview-task-tabs button{color:#52615a;white-space:nowrap;cursor:pointer;background:#f2f5f3;border:0;border-radius:15px;padding:6px 10px;font-size:9px;font-weight:700}.overview-add-task{color:#fff;white-space:nowrap;cursor:pointer;background:#1f8a5b;border:0;border-radius:7px;padding:7px 12px;font-size:10px;font-weight:700}.overview-task-table{min-width:670px}.overview-task-table td{vertical-align:middle}.overview-task-table td:nth-child(2) small{margin-top:1px}.overview-priority{border-radius:14px;align-items:center;gap:5px;padding:4px 8px;font-size:9px;font-weight:700;display:inline-flex}.overview-priority:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.overview-priority.red{color:#c94636;background:#ffe4df}.overview-priority.amber{color:#b87503;background:#fff1cc}.overview-priority.gray{color:#768078;background:#ecefeb}.overview-status.neutral{color:#63706a;background:#ecefeb}.overview-empty-row{color:#718078;text-align:center;padding:24px 12px;font-size:11px}.overview-table-footer{text-align:right;padding:0 12px 10px}.overview-billing-card{min-width:0}.overview-billing-head{border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 12px;display:flex}.overview-billing-head h2{color:#18201d;font-size:16px}.overview-billing-head p{color:#849187;margin:4px 0 0;font-size:11px}.overview-billing-list{padding:0 12px}.overview-billing-action{color:#18201d;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #edf1ef;grid-template-columns:4px 34px minmax(0,1fr) auto 12px;align-items:center;gap:8px;width:100%;min-height:70px;padding:9px 4px;display:grid}.overview-billing-action:hover{background:#f8fbf8}.overview-billing-action>i{background:#1f8a5b;border-radius:4px;align-self:stretch}.overview-billing-action.invoice>i{background:#ffb21c}.overview-billing-action.overdue>i{background:#ef5350}.overview-billing-icon{color:#1f8a5b;background:#e5f4eb;border-radius:50%;place-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:grid}.overview-billing-action.invoice .overview-billing-icon{color:#df8c00;background:#fff1d4}.overview-billing-action.overdue .overview-billing-icon{color:#df3e3e;background:#ffe7e9}.overview-billing-copy{gap:2px;min-width:0;display:grid}.overview-billing-copy strong,.overview-billing-copy b,.overview-billing-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overview-billing-copy strong{font-size:11px}.overview-billing-copy b{color:#326bc2;font-size:10px}.overview-billing-copy small,.overview-billing-due small{color:#7e8ba0;font-size:9px}.overview-billing-due{text-align:right;gap:2px;min-width:88px;display:grid}.overview-billing-due strong{font-size:12px}.overview-billing-due b{color:#1f8a5b;font-size:10px}.overview-billing-action.overdue .overview-billing-due b{color:#df3e3e}.overview-billing-empty{color:#1f8a5b;align-items:center;gap:12px;padding:20px 10px;display:flex}.overview-billing-empty>span{background:#e4f7ed;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.overview-billing-empty strong,.overview-billing-empty small{display:block}.overview-billing-empty strong{color:#1c4933;font-size:11px}.overview-billing-empty small{color:#7e8ba0;margin-top:3px;font-size:10px}.overview-outstanding{color:#0a7d53;text-align:left;cursor:pointer;background:#e9f9f1;border:0;border-radius:8px;align-items:center;gap:9px;width:calc(100% - 24px);margin:8px 12px 12px;padding:9px 10px;display:flex}.overview-outstanding>span:first-child{background:#c9f0dc;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.overview-outstanding>div{gap:2px;display:grid}.overview-outstanding strong{font-size:9px}.overview-outstanding b{font-size:15px}.overview-outstanding small{color:#789183;text-align:right;margin-left:auto;font-size:9px}.overview-bottom-row{grid-template-columns:1fr 1.08fr;gap:12px;display:grid}.overview-alerts-card{min-height:210px}.overview-alerts-head{border-bottom:1px solid #e9efec;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:12px 16px;display:flex}.overview-alerts-head>div{align-items:center;gap:10px;min-width:0;display:flex}.overview-alert-icon{color:#ef4444;background:#fff3f2;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.overview-alerts-head h2{color:#18201d;font-size:16px}.overview-alerts-head p{color:#6b7a70;margin:2px 0 0;font-size:10px}.overview-alert-count{color:#df3e3e;white-space:nowrap;background:#fff3f2;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.overview-alert-count.clear{color:#078449;background:#effaf5}.overview-alert-list{gap:7px;padding:10px 14px;display:grid}.overview-alert-row{color:#18201d;text-align:left;cursor:pointer;background:#fff7f6;border:1px solid #f6d5d1;border-radius:8px;grid-template-columns:24px minmax(0,1fr) 16px;align-items:center;gap:8px;width:100%;padding:10px;display:grid}.overview-alert-row.warning{background:#fffbf3;border-color:#f4dfc0}.overview-alert-severity{color:#ef4444;background:#ffe4e1;border-radius:50%;place-items:center;width:22px;height:22px;font-weight:800;display:grid}.overview-alert-row.warning .overview-alert-severity{color:#b87508;background:#fff0cf}.overview-alert-row strong,.overview-alert-row small{display:block}.overview-alert-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.overview-alert-row small{color:#718078;margin-top:3px;font-size:9px}.overview-alert-empty{color:#718078;background:#f3fbf6;border:1px solid #d8eee0;border-radius:8px;align-items:center;gap:10px;margin-top:2px;padding:16px 12px;font-size:10px;display:flex}.overview-alert-empty>span{color:#159447;background:#dff4e6;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:grid}.overview-alert-empty strong,.overview-alert-empty small{display:block}.overview-alert-empty strong{color:#15231e;margin-bottom:2px;font-size:11px}.overview-trend-card{min-height:210px}.overview-trend-head{justify-content:space-between;align-items:center;gap:12px;padding:14px 16px 10px;display:flex}.overview-trend-title{align-items:center;gap:9px;min-width:0;display:flex}.overview-trend-title h2{color:#18201d;font-family:var(--font-rubik),var(--font-thai),sans-serif;margin:0;font-size:16px;font-weight:700}.overview-trend-flame{color:#f59e0b;background:#fff7e6;border-radius:8px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.overview-trend-count{color:#087733;white-space:nowrap;background:#e8f6ec;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700}.overview-trend-subtitle{color:#718078;margin:0;padding:0 16px 10px;font-size:10px}.overview-trend-list{border-top:1px solid #edf1ef;display:grid}.overview-trend-row{border-bottom:1px solid #edf1ef;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px;display:grid}.overview-trend-row:last-child{border-bottom:0}.overview-trend-thumb{color:#183966;text-align:center;background:#eef3f5;border-radius:8px;place-items:center;width:50px;height:50px;font-size:10px;font-weight:750;display:grid}.overview-trend-thumb.aeo{color:#214bde;background:#e8efff}.overview-trend-news{min-width:0}.overview-trend-news h3{color:#18201d;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.overview-trend-news small{color:#60718a;margin-top:3px;font-size:9px;display:block}.overview-trend-news p{color:#52655b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:9px;line-height:1.4;display:-webkit-box;overflow:hidden}.overview-trend-reference{color:#326bc2;white-space:nowrap;font-size:9px;font-weight:600;text-decoration:none}.overview-trend-action{flex-direction:column;justify-content:center;align-items:flex-end;gap:8px;display:flex}.overview-trend-badge{color:#087733;white-space:nowrap;background:#e8f6ec;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:650}.overview-trend-badge.reviewed{color:#b87503;background:#fff4d8}.overview-trend-empty{color:#718078;text-align:center;padding:24px 16px;font-size:10px}.overview-trend-empty strong{color:#18201d;margin-bottom:4px;font-size:12px;display:block}.overview-refresh{color:#53645e;cursor:pointer;background:#fff;border:1px solid #d9ded9;border-radius:7px;justify-self:end;align-items:center;gap:6px;height:30px;padding:0 9px;font-size:10px;display:flex}.overview-refresh:disabled{opacity:.6;cursor:wait}.overview-refresh .is-refreshing{animation:1s linear infinite overview-spin}@keyframes overview-spin{to{transform:rotate(360deg)}}@media (max-width:1150px){.overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-dashboard-row,.overview-bottom-row{grid-template-columns:1fr}}@media (max-width:760px){.reference-page.overview-page>.overview-heading{align-items:flex-start}.overview-motto{display:none}.overview-two,.overview-bottom-row{grid-template-columns:1fr}.overview-ranking-summary{grid-template-columns:132px minmax(0,1fr);padding-inline:12px}.overview-task-head{align-items:flex-start}.overview-task-tabs{order:3;width:100%;margin:0;overflow-x:auto}.overview-add-task{margin-left:auto}}@media (max-width:520px){.overview-kpis{grid-template-columns:1fr}.overview-kpi.invoices{grid-template-columns:42px minmax(0,1fr);gap:8px;padding-inline:10px}.overview-invoice-split strong{font-size:20px}.overview-invoice-split>div:last-child strong{font-size:17px}.overview-trend-row{grid-template-columns:48px minmax(0,1fr)}.overview-trend-thumb{width:44px;height:44px}.overview-trend-reference{grid-column:2}.overview-outstanding small{display:none}}body:has(.overview-page){background:#eff8f7}body:has(.overview-page)>.min-h-screen{background:#eff8f7}body:has(.overview-page) main:has(.overview-page){background:#eff8f7}body:has(.overview-page) aside>div{background:linear-gradient(#123c32 0%,#0b3029 100%)!important;border-color:#174537!important}body:has(.overview-page) main:has(.overview-page){padding-left:18px;padding-right:18px}body:has(.clients-master-page){background:#eff8f7}body:has(.clients-master-page)>.min-h-screen{background:#eff8f7}body:has(.clients-master-page) main:has(.clients-master-page){background:#eff8f7}body:has(.reference-page){background:#eff8f7}body:has(.reference-page)>.min-h-screen{background:#eff8f7}body:has(.reference-page) main:has(.reference-page){background:#eff8f7}.records-page{color:#17375f;gap:14px;display:grid}.records-page>header{border:0;align-items:center;margin:0;padding:3px 0 8px}.records-page>header h1{color:#071d49;letter-spacing:-.025em;margin-top:5px;font-size:27px;font-weight:750;line-height:1.2}.records-page>header p:not(.text-primary){color:#607590;margin-top:5px;font-size:12px;line-height:1.55}.records-page>header .text-primary{color:#087f4d}.records-page .reference-kpis{gap:10px}.records-page .reference-kpis>article{background:#fff;border-color:#e1e9e6;border-radius:10px;min-height:96px;box-shadow:0 4px 16px #10342c0a}.records-page .reference-table-panel{background:#fff;border-color:#e1e9e6;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #10342c0b}.records-page .reference-table-panel>div:first-child{gap:10px;padding:13px 14px}.records-page .reference-table-panel>div:first-child h2{color:#071d49;font-size:14px}.records-page .reference-table-panel>div:first-child p{color:#71839c;font-size:10px}.records-page input.form-control,.records-page select.form-control,.records-page textarea.form-control{box-sizing:border-box;color:#17375f;background:#fff;border:1px solid #dce6ea;border-radius:8px;min-height:38px;padding:0 10px;font-size:11px}.records-page textarea.form-control{min-height:90px;padding:9px 10px}.records-page table{min-width:800px}.records-page table th{color:#536986;background:#f3f7f8;height:38px;padding:0 12px;font-size:9px;font-weight:700}.records-page table td{color:#17375f;padding:11px 12px;font-size:11px}.records-page section.rounded-panel{background:#fff;border-color:#e1e9e6;border-radius:10px;box-shadow:0 8px 24px #10342c0b}.records-page footer{color:#71839c;font-size:10px}@media (max-width:700px){.records-page>header{align-items:flex-start}.records-page>header h1{font-size:24px}.records-page .reference-kpis{grid-template-columns:1fr 1fr}}.ranking-reference-page{color:#10203d;gap:13px;display:grid}.ranking-reference-client-tabs{scrollbar-width:thin;align-items:center;display:flex;overflow-x:auto}.ranking-reference-client-tab{color:#40506c;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dce5e9;justify-content:center;align-items:center;gap:7px;min-width:100px;height:38px;padding:0 12px;font-size:10px;font-weight:700;display:inline-flex;position:relative}.ranking-reference-client-tab:first-child{border-radius:8px 0 0 8px}.ranking-reference-client-tab.is-active{color:#fff;background:#07864e;border-color:#07864e}.ranking-reference-client-tab i{background:#72e0a6;border-radius:50%;width:6px;height:6px}.ranking-reference-client-add{color:#07864e;white-space:nowrap;background:#fff;border:1px solid #07864e;border-radius:8px;flex:none;align-items:center;gap:6px;height:38px;margin-left:10px;padding:0 12px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.ranking-reference-client-add svg{width:14px;height:14px}.ranking-reference-heading{border:0;justify-content:space-between;align-items:flex-end;gap:18px;margin:0;padding:0 0 2px;display:flex}.reference-page>.ranking-reference-heading{align-items:flex-end;padding:0 0 2px}.ranking-reference-identity{min-width:0}.ranking-reference-breadcrumb{color:#61708a;margin:0 0 5px;font-size:10px;line-height:1.2}.ranking-reference-breadcrumb span{padding:0 6px}.ranking-reference-breadcrumb strong{color:#40506c}.ranking-reference-title-row{align-items:center;gap:10px;display:flex}.ranking-reference-heading h1{color:#071d49;margin:0;font-size:27px;font-weight:750;line-height:1.2}.ranking-reference-client-status{border-radius:12px;padding:4px 9px;font-size:9px;font-weight:700}.ranking-reference-client-status.active{color:#087d4b;background:#dcf7e9}.ranking-reference-client-status.hold{color:#b97000;background:#fff0cc}.ranking-reference-client-status.ended{color:#db3939;background:#ffe2df}.ranking-reference-domain{color:#1677e8;align-items:center;gap:4px;margin-top:4px;font-size:10px;line-height:1.2;text-decoration:none;display:inline-flex}.ranking-reference-domain svg{width:11px;height:11px}.ranking-reference-identity>p:last-child{color:#65748d;margin:3px 0 0;font-size:10px;line-height:1.2}.ranking-reference-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.ranking-reference-mode{background:#fff;border:1px solid #dce5e9;border-radius:8px;display:flex;overflow:hidden}.ranking-reference-mode button{color:#536783;cursor:pointer;background:#fff;border:0;min-width:46px;height:34px;padding:0 10px;font-size:9px;font-weight:700}.ranking-reference-mode button.is-active{color:#087f4d;background:#e6f5ed}.ranking-reference-controls select{color:#263550;background:#fff;border:1px solid #dce5e9;border-radius:8px;max-width:230px;height:36px;padding:0 10px;font-size:9px;font-weight:700}.ranking-reference-compare{color:#40506c;white-space:nowrap;background:#fff;border:1px solid #dce5e9;border-radius:8px;align-items:center;height:34px;padding:0 10px;font-size:9px;font-weight:700;display:inline-flex}.ranking-reference-export{border-color:#dce5e9;border-radius:8px;height:36px;padding:0 11px;font-size:10px}.ranking-reference-export svg{width:14px;height:14px}.ranking-reference-views{scrollbar-width:thin;border-bottom:1px solid #dce5e9;display:flex;overflow-x:auto}.ranking-reference-views button{color:#61708a;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:none;height:37px;padding:0 13px;font-size:10px;font-weight:700;position:relative}.ranking-reference-views button.is-active{color:#07864e}.ranking-reference-views button.is-active:after{content:"";background:#07864e;height:2px;position:absolute;bottom:-1px;left:10px;right:10px}.ranking-reference-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.ranking-reference-kpi{background:#fff;border:1px solid #dce5e9;border-radius:10px;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:9px;min-height:98px;padding:12px;display:grid;box-shadow:0 4px 14px #14372d09}.ranking-reference-kpi>span{color:#37557d;background:#edf3fa;border-radius:50%;place-items:center;width:42px;height:42px;font-size:19px;font-weight:800;display:grid}.ranking-reference-kpi.up>span{color:#07965b;background:#ddf7ea}.ranking-reference-kpi.down>span{color:#e44242;background:#ffe1df}.ranking-reference-kpi.same>span{color:#d77e00;background:#fff1d2}.ranking-reference-kpi.top>span{color:#1677e8;background:#e6f1ff}.ranking-reference-kpi label{color:#44536d;text-transform:uppercase;font-size:8px;font-weight:700;display:block}.ranking-reference-kpi strong{color:#10203d;margin:3px 0;font-size:22px;font-weight:750;line-height:1.1;display:block}.ranking-reference-kpi small{color:#77859a;font-size:8px;line-height:1.35;display:block}.ranking-reference-summary-row{grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr);align-items:stretch;gap:16px;display:grid}.ranking-reference-card{background:#fff;border:1px solid #dfe8e4;border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 4px 14px #14372d09}.ranking-reference-card>header{border-bottom:1px solid #edf1ef;align-items:center;gap:8px;min-height:46px;padding:0 16px;display:flex}.ranking-reference-card>header h2{color:#071d43;margin:0;font-size:15px;font-weight:750}.ranking-reference-key-summary{min-height:247px}.ranking-reference-key-summary>header span{color:#71819a;font-size:11px;font-weight:600}.ranking-reference-summary-content{grid-template-columns:42px minmax(0,1fr) 190px;align-items:center;gap:13px;padding:16px 18px;display:grid}.ranking-reference-summary-icon{color:#e88b00;background:#fff2d8;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.ranking-reference-summary-icon svg{width:22px;height:22px}.ranking-reference-summary-icon.negative{color:#ef4444;background:#fde5e4}.ranking-reference-summary-icon.positive{color:#079b61;background:#dcf7ea}.ranking-reference-summary-copy h3{color:#071d43;margin:0 0 7px;font-size:16px;line-height:1.35}.ranking-reference-summary-copy p{color:#536783;margin:0;font-size:11px;line-height:1.6}.ranking-reference-summary-content aside{background:#edf9f3;border-radius:10px;flex-direction:column;justify-content:center;min-height:112px;padding:12px 15px;display:flex}.ranking-reference-summary-content aside span{color:#60748b;text-transform:uppercase;font-size:10px;font-weight:600}.ranking-reference-summary-content aside strong{color:#10203d;margin-top:4px;font-size:25px;line-height:1.1}.ranking-reference-summary-content aside small{color:#536783;margin-top:7px;font-size:9px}.ranking-reference-next-steps{min-height:247px}.ranking-reference-next-steps>header{min-height:46px}.ranking-reference-next-steps ol{counter-reset:ranking-steps;gap:12px;margin:0;padding:14px 16px 16px;list-style:none;display:grid}.ranking-reference-next-steps li{color:#536783;counter-increment:ranking-steps;padding-left:29px;font-size:10px;line-height:1.45;position:relative}.ranking-reference-next-steps li:before{color:#079b61;content:counter(ranking-steps);background:#dcf7ea;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-weight:800;display:grid;position:absolute;top:0;left:0}.ranking-reference-next-steps li strong,.ranking-reference-next-steps li span{display:block}.ranking-reference-next-steps li strong{color:#071d43;font-size:10px}.ranking-reference-empty-note{color:#71819a;padding:14px 16px;font-size:11px}.ranking-reference-table-card{border-radius:10px}.ranking-reference-table-heading{justify-content:space-between;align-items:center;gap:10px;min-height:62px;padding:9px 14px;display:flex}.ranking-reference-table-heading h2{color:#071d43;margin:0;font-size:13px;font-weight:750}.ranking-reference-table-heading h2 small{color:#71819a;margin-left:5px;font-size:9px;font-weight:600}.ranking-reference-table-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ranking-reference-search{display:block;position:relative}.ranking-reference-search svg{color:#74849a;width:14px;height:14px;position:absolute;top:9px;left:10px}.ranking-reference-search input,.ranking-reference-table-tools select{box-sizing:border-box;color:#263550;background:#f8fafb;border:1px solid #dce5e9;border-radius:8px;height:34px;padding:0 10px;font-size:9px}.ranking-reference-search input{width:160px;padding-left:31px}.ranking-reference-table-tools select{min-width:118px}.ranking-reference-add-keywords{color:#fff;white-space:nowrap;background:#07864e;border:0;border-radius:8px;align-items:center;gap:5px;height:34px;padding:0 11px;font-size:9px;font-weight:700;text-decoration:none;display:inline-flex}.ranking-reference-add-keywords svg{width:13px;height:13px}.ranking-reference-table-wrap{padding:0 12px 5px;overflow:auto}.ranking-reference-table{border-collapse:collapse;text-align:center;width:100%;min-width:980px}.ranking-reference-table th,.ranking-reference-table td{color:#17375f;vertical-align:middle;border-bottom:1px solid #e8eef0;padding:12px 8px;font-size:9px}.ranking-reference-table th{color:#536986;background:#f4f7f8;height:58px;font-size:8px;font-weight:700;line-height:1.25}.ranking-reference-table th:first-child,.ranking-reference-table td:first-child{width:34px}.ranking-reference-table th:nth-child(2),.ranking-reference-table td:nth-child(2){text-align:left;min-width:145px}.ranking-reference-table th small{color:#71839c;margin-top:3px;font-size:7px;display:block}.ranking-reference-latest-badge{color:#087d4b;background:#dcf7e9;border-radius:9px;width:max-content;margin:3px auto 0;padding:2px 6px;font-size:7px;line-height:1.1;display:block}.ranking-reference-table th.is-current-period,.ranking-reference-table td.is-current-period{background:#f0faf4;border-left:1px solid #d1e8d9;border-right:1px solid #d1e8d9}.ranking-reference-table td.is-current-period{color:#071d43;font-weight:750}.ranking-reference-keyword{font-weight:700;color:#071d43!important}.ranking-reference-change{font-weight:750}.ranking-reference-change svg{vertical-align:middle;width:13px;height:13px}.ranking-reference-change.up{color:#07965b}.ranking-reference-change.down{color:#e44242}.ranking-reference-sparkline{width:60px;height:25px}.ranking-reference-status{white-space:nowrap;border-radius:12px;padding:4px 8px;font-size:8px;font-weight:700;display:inline-block}.ranking-reference-status.top3{color:#fff;background:#62cfa3}.ranking-reference-status.top10{color:#087d4b;background:#dcf7e9}.ranking-reference-status.top50{color:#bf7000;background:#fff0cc}.ranking-reference-status.over50{color:#1677e8;background:#e7f2ff}.ranking-reference-status.not-ranked,.ranking-reference-status.none{color:#718095;background:#edf1f3}.ranking-reference-landing{color:#1677e8;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:130px;font-size:8px;text-decoration:underline;display:inline-flex;overflow:hidden}.ranking-reference-landing svg{flex:none;width:10px;height:10px}.ranking-reference-muted{color:#8a97a6}.ranking-reference-view-check{color:#1677e8;cursor:pointer;background:#e7f2ff;border:0;border-radius:12px;padding:4px 10px;font-size:8px;font-weight:700}.ranking-reference-table-footer{color:#748199;justify-content:space-between;gap:10px;padding:9px 14px 12px;font-size:8px;display:flex}.ranking-reference-message{color:#607590;justify-content:center;align-items:center;gap:10px;min-height:200px;font-size:12px;display:flex}.ranking-reference-message button svg{width:14px;height:14px}.ranking-reference-spinner{border:2px solid #dce5e9;border-top-color:#07864e;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite ranking-spin}@keyframes ranking-spin{to{transform:rotate(360deg)}}.ranking-reference-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100px;padding:16px;display:flex}.ranking-reference-empty h3{color:#071d43;margin:0;font-size:11px}.ranking-reference-empty p{color:#71819a;max-width:430px;margin:5px 0 0;font-size:9px;line-height:1.5}.ranking-reference-notes{min-height:200px;padding:8px 16px}.ranking-reference-notes>article,.ranking-reference-note{color:#536783;border-bottom:1px solid #edf1ef;grid-template-columns:8px 72px minmax(0,1fr);align-items:start;gap:9px;padding:10px 0;font-size:10px;display:grid}.ranking-reference-notes>article>i,.ranking-reference-note>i{background:#9db3d0;border-radius:50%;width:7px;height:7px;margin-top:4px}.ranking-reference-notes time,.ranking-reference-note time{color:#708099;font-size:9px}.ranking-reference-notes>.ranking-user-note{grid-template-columns:8px 72px minmax(0,1fr) 28px}.ranking-user-note>button{color:#71819a;cursor:pointer;background:#fff;border:1px solid #dce5e9;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.ranking-user-note>button:hover{color:#b23c32;border-color:#f1c8c4}.ranking-user-note>button svg{width:13px;height:13px}.ranking-note-editor{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;margin:6px 0 10px;display:grid}.ranking-note-editor textarea{resize:vertical;color:#17375f;min-height:54px;font:inherit;border:1px solid #dce5e9;border-radius:8px;padding:9px 10px;font-size:10px}.ranking-note-editor button{min-height:36px}.ranking-note-error{color:#b23c32;font-size:10px}.ranking-note-actions{align-items:center;gap:6px;display:flex}.ranking-reference-notes article p{margin:3px 0 0}.ranking-reference-bottom-row{grid-template-columns:1fr 1fr;align-items:stretch;gap:11px;display:grid}.ranking-reference-opportunities>header,.ranking-reference-weekly-notes>header{justify-content:space-between;padding:12px 14px}.ranking-reference-opportunities>header h2,.ranking-reference-weekly-notes>header h2{font-size:12px}.ranking-reference-opportunities>header p{color:#71819a;margin:3px 0 0;font-size:9px}.ranking-reference-opportunities>header button,.ranking-reference-weekly-notes>header button{color:#536783;cursor:pointer;background:#fff;border:1px solid #dce5e9;border-radius:7px;padding:6px 9px;font-size:8px;font-weight:700}.ranking-reference-opportunity-list{padding:0 14px 7px}.ranking-reference-opportunity-list>div{border-bottom:1px solid #edf1ef;grid-template-columns:22px minmax(0,1fr) 40px 60px;align-items:center;gap:7px;padding:9px 0;font-size:9px;display:grid}.ranking-reference-opportunity-list>div>span{color:#748199}.ranking-reference-opportunity-list strong{color:#17375f;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ranking-reference-opportunity-list b{color:#10203d}.ranking-reference-opportunity-list em{color:#b96e00;background:#fff0cc;border-radius:10px;justify-self:start;padding:3px 7px;font-size:8px;font-style:normal;font-weight:700}.ranking-reference-weekly-notes .ranking-reference-empty{min-height:120px}.ranking-reference-modal{z-index:220;background:#071d314d;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.ranking-reference-modal>section{background:#fff;border:1px solid #dfe8e4;border-radius:14px;width:min(480px,100%);overflow:hidden;box-shadow:0 24px 72px #071d3133}.ranking-reference-modal>section>header,.ranking-reference-modal>section>footer{border-bottom:1px solid #e8eef0;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.ranking-reference-modal h2{color:#071d43;margin:0;font-size:15px}.ranking-reference-modal header p{color:#71819a;margin:4px 0 0;font-size:10px}.ranking-reference-modal header button{color:#40506c;cursor:pointer;background:#fff;border:1px solid #dce5e9;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.ranking-reference-modal header button svg{width:15px;height:15px}.ranking-reference-modal dl{grid-template-columns:1fr 1fr;gap:0;margin:0;padding:8px 16px;display:grid}.ranking-reference-modal dl>div{border-bottom:1px solid #edf1ef;padding:10px 4px}.ranking-reference-modal dt{color:#71819a;font-size:9px}.ranking-reference-modal dd{color:#17375f;margin:3px 0 0;font-size:11px;font-weight:700}.ranking-reference-modal>section>footer{border-top:1px solid #e8eef0;border-bottom:0;justify-content:flex-end}.ranking-reference-download{color:#17375f;border:1px solid #dce5e9;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 11px;font-size:11px;text-decoration:none;display:inline-flex}.ranking-reference-download svg{width:14px;height:14px}@media (max-width:1050px){.ranking-reference-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.ranking-reference-summary-row,.ranking-reference-bottom-row{grid-template-columns:1fr}}@media (max-width:720px){.ranking-reference-heading{flex-direction:column;align-items:flex-start}.ranking-reference-controls{justify-content:flex-start}.ranking-reference-kpis{grid-template-columns:1fr 1fr}.ranking-reference-summary-content{grid-template-columns:42px minmax(0,1fr)}.ranking-reference-summary-content aside{grid-column:1/-1}.ranking-reference-table-heading{flex-direction:column;align-items:flex-start}.ranking-reference-table-tools{width:100%}.ranking-reference-search{flex:1}.ranking-reference-search input{width:100%}}.clients-master-page{color:#17375f;gap:14px;display:grid}.clients-master-heading{border:0;margin:0;padding:3px 0 2px}.clients-master-heading h1{color:#071d49;letter-spacing:-.025em;margin:0;font-size:27px;font-weight:750;line-height:1.2}.clients-master-heading p:not(.clients-master-eyebrow){color:#607590;margin:5px 0 0;font-size:12px}.clients-master-eyebrow{display:none}.clients-master-card{background:#fff;border:1px solid #e1e9e6;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px #10342c0b}.clients-master-toolbar{border-bottom:1px solid #e8efec;align-items:center;gap:10px;padding:13px 14px;display:flex}.clients-master-search{flex:0 0 190px;display:block;position:relative}.clients-master-search svg{color:#367bb8;width:16px;height:16px;position:absolute;top:11px;left:12px}.clients-master-search input{box-sizing:border-box;color:#17375f;border:1px solid #dce6ea;border-radius:8px;width:100%;height:40px;padding:0 12px 0 38px;font-size:13px}.clients-master-search input::placeholder{color:#75869b;opacity:1}.clients-master-filters{flex-wrap:wrap;gap:6px;display:flex}.clients-master-filters button{color:#54697f;cursor:pointer;background:#f1f5f3;border:0;border-radius:999px;height:32px;padding:0 11px;font-size:10px;font-weight:650}.clients-master-filters button.is-active{color:#fff;background:#087f4d}.clients-master-filters button span{opacity:.76;margin-left:3px}.clients-master-add{color:#fff;background:#087f4d;border-radius:7px;min-height:34px;margin-left:auto;padding:0 12px;font-size:11px;font-weight:700}.clients-master-add:hover{background:#057a47}.clients-master-add svg{width:15px;height:15px}.clients-master-table-wrap{overflow:auto}.clients-master-table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%;min-width:1100px}.clients-master-table th{color:#536986;vertical-align:middle;background:#f3f7f8;height:38px;padding:0 12px;font-size:9px;font-weight:700}.clients-master-table td{color:#17375f;vertical-align:middle;border-top:1px solid #e8efec;height:64px;padding:9px 12px;font-size:11px}.clients-master-table th:first-child,.clients-master-table td:first-child{text-align:center;width:3%;padding-right:4px}.clients-master-table th:nth-child(2),.clients-master-table td:nth-child(2){width:20%;padding-left:4px}.clients-master-table th:nth-child(3),.clients-master-table td:nth-child(3){width:17%}.clients-master-table th:nth-child(4),.clients-master-table td:nth-child(4){width:26%}.clients-master-table th:nth-child(5),.clients-master-table td:nth-child(5){width:14%}.clients-master-table th:nth-child(6),.clients-master-table td:nth-child(6){width:12%}.clients-master-table th:nth-child(7),.clients-master-table td:nth-child(7){white-space:nowrap;width:8%}.clients-master-client{align-items:center;gap:8px;min-width:0;display:flex}.clients-master-client strong{color:#071d49;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.clients-master-client small{color:#71839c;margin-top:3px;font-size:9px;display:block}.clients-master-avatar{color:#078b50;background:#e3f5ec;border-radius:8px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:9px;font-weight:750;display:grid}.clients-master-link{color:#3480e8;text-overflow:ellipsis;text-underline-offset:2px;white-space:nowrap;align-items:center;gap:4px;margin:2px 0;font-size:10px;font-weight:600;text-decoration:underline;display:flex;overflow:hidden}.clients-master-link svg{flex:none;width:11px;height:11px}.clients-master-muted{color:#71839c}.clients-master-periods{justify-items:start;gap:3px;display:grid}.clients-master-periods button{color:#17375f;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:4px;grid-template-columns:auto 12px auto;align-items:center;gap:2px;padding:0;font-size:10px;display:grid}.clients-master-periods button:hover{color:#078b50;text-decoration:underline}.clients-master-periods i{color:#087f4d;font-style:normal}.clients-master-periods button small{color:#71839c;text-overflow:ellipsis;grid-column:1/-1;font-size:9px;overflow:hidden}.clients-master-more{color:#078b50;font-size:9px}.clients-master-fee{color:#09264a;font-size:11px}.clients-master-work-periods{color:#087f4d;background:#f1f7f4;border:0;border-radius:6px;padding:5px 9px;font-size:10px;font-weight:700}.clients-master-work-periods:disabled{color:#71839c;background:0 0}.clients-master-status{box-sizing:border-box;border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:0 10px;font-size:10px;font-weight:700;display:inline-flex}.clients-master-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.clients-master-status.is-active{color:#078b50;background:#dcf7e8}.clients-master-status.is-hold{color:#c47a00;background:#fff1d5}.clients-master-status.is-ended{color:#df4640;background:#ffe7e5}.clients-master-actions{gap:6px;display:flex}.clients-master-actions button{color:#17375f;cursor:pointer;background:#fff;border:1px solid #dce5e1;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.clients-master-actions button:hover{background:#f3fbf6;border-color:#b9e3cb}.clients-master-actions svg{width:17px;height:17px}.clients-master-footer{color:#71839c;border-top:1px solid #e8efec;justify-content:space-between;gap:10px;padding:10px 14px;font-size:10px;display:flex}.clients-master-message{color:#607590;justify-content:center;align-items:center;gap:9px;min-height:130px;font-size:12px;display:flex}.clients-master-message svg{width:16px;height:16px}.clients-master-empty{color:#607590;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.clients-master-empty>svg{color:#087f4d;width:22px;height:22px}.clients-master-empty h2{color:#071d49;margin:12px 0 0;font-size:14px}.clients-master-empty p{margin:6px 0 0;font-size:11px}.clients-master-guide{grid-template-columns:minmax(0,2fr) minmax(280px,.8fr);gap:16px;display:grid}.clients-master-guide article,.clients-master-guide aside{box-sizing:border-box;background:#fff;border:1px solid #e3e8e3;border-radius:14px;padding:20px 22px}.clients-master-guide h2{color:#071d49;margin:0;font-size:15px}.clients-master-guide article>p{color:#718078;margin:6px 0 0 33px;font-size:12px}.clients-master-guide ul{color:#52665c;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:16px 0 0;padding:0;font-size:12px;list-style:none;display:grid}.clients-master-guide li:before{color:#079b5a;content:"•";margin-right:8px;font-weight:800}.clients-master-guide article h2:before{color:#079b5a;content:"▤";background:#e5f7ee;border-radius:50%;place-items:center;width:24px;height:24px;margin-right:9px;display:inline-grid}.clients-master-guide aside{background:#f3fbf6;border-color:#d8eee0}.clients-master-link-icon{color:#079b5a;background:#dcf5e7;border-radius:50%;place-items:center;width:28px;height:28px;margin-bottom:10px;font-size:18px;font-weight:800;display:grid}.clients-master-guide aside strong{color:#071d49;font-size:15px;line-height:1.45;display:block}.clients-master-guide aside p,.clients-master-guide aside small{color:#718078;margin:10px 0 0;font-size:11px;line-height:1.6;display:block}.clients-master-overlay{z-index:190;background:#071d3147;position:fixed;inset:0}.clients-master-drawer{background:#fff;flex-direction:column;width:min(520px,100vw);height:100dvh;display:flex;position:absolute;top:0;right:0;box-shadow:-12px 0 32px #071d3124}.clients-master-drawer>header,.clients-master-drawer>footer{border-bottom:1px solid #e5ece8;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.clients-master-drawer>header h2{color:#071d49;margin:0;font-size:19px;font-weight:750}.clients-master-drawer>header p{color:#71839c;margin:4px 0 0;font-size:11px}.clients-master-drawer>header button{color:#17375f;cursor:pointer;background:#fff;border:1px solid #d8e3e1;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.clients-master-drawer>header button svg{width:16px;height:16px}.clients-master-tabs{border-bottom:1px solid #e5ece8;gap:20px;padding:0 20px;display:flex;overflow-x:auto}.clients-master-tabs button{color:#71839c;cursor:pointer;background:0 0;border:0;flex:none;padding:12px 0 11px;font-size:11px;font-weight:700;position:relative}.clients-master-tabs button.is-active{color:#087f4d}.clients-master-tabs button.is-active:after{content:"";background:#079b5a;height:2px;position:absolute;bottom:-1px;left:0;right:0}.clients-master-drawer-body{flex:1;padding:18px 20px;overflow:auto}.clients-master-form{gap:14px;display:grid}.clients-master-form label{color:#526780;font-size:11px}.clients-master-form label>span{margin-bottom:6px}.clients-master-form .form-control{box-sizing:border-box;color:#17375f;background:#fff;border:1px solid #d8e4e1;border-radius:7px;width:100%;min-height:38px;padding:0 10px;font-size:12px}.clients-master-form textarea.form-control{min-height:96px;padding:9px}.clients-master-form-section{border-bottom:1px solid #e9efed;padding:0 0 16px;scroll-margin-top:12px}.clients-master-form-section h3{color:#087f4d;margin:0 0 12px;font-size:13px}.clients-master-form-section h3 span{color:#71839c;margin-right:5px}.clients-master-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.clients-master-form-grid>label{align-content:start;gap:5px;min-width:0;display:grid}.clients-master-form-grid>label:has(textarea){grid-column:1/-1}.clients-master-form-grid>label>span{color:#526780;font-size:10px;font-weight:700;margin:0!important}.clients-master-form .form-control:focus{border-color:#64be9b;outline:0;box-shadow:0 0 0 3px #079b6114}.clients-master-projects-head{color:#17375f;justify-content:space-between;align-items:center;gap:10px;margin:14px 0 8px;font-size:11px;display:flex}.clients-master-projects-head button{align-items:center;gap:5px;display:inline-flex}.clients-master-projects-head svg{width:14px;height:14px}.clients-master-project-list{display:grid}.clients-master-project-row{border-top:1px solid #e9efed;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:8px;padding:9px 0;display:grid}.clients-master-project-row strong,.clients-master-project-row small{display:block}.clients-master-project-row strong{color:#17375f;font-size:11px}.clients-master-project-row small{color:#71839c;margin-top:3px;font-size:9px}.clients-master-project-row>span{color:#09264a;font-size:10px;font-weight:700}.clients-master-project-row button{color:#17375f;cursor:pointer;background:#fff;border:1px solid #dce5e1;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.clients-master-project-row button svg{width:15px;height:15px}.clients-master-help{color:#71839c;margin:10px 0 0;font-size:10px;line-height:1.5}.clients-master-toggle-list{border-top:1px solid #e9efed;margin-top:12px;display:grid}.clients-master-toggle-list label{cursor:pointer;border-bottom:1px solid #e9efed;justify-content:space-between;align-items:center;gap:12px;padding:10px 2px;display:flex}.clients-master-toggle-list strong,.clients-master-toggle-list small{display:block}.clients-master-toggle-list strong{color:#17375f;font-size:11px}.clients-master-toggle-list small{color:#71839c;margin-top:3px;font-size:9px;font-weight:400}.clients-master-toggle-list input{accent-color:#079b5a;width:16px;height:16px}.clients-master-drawer>footer{border-top:1px solid #e5ece8;border-bottom:0;justify-content:flex-end}@media (max-width:900px){.clients-master-guide{grid-template-columns:1fr}}@media (max-width:700px){.clients-master-heading h1{font-size:24px}.clients-master-toolbar{flex-direction:column;align-items:stretch}.clients-master-search{flex-basis:auto}.clients-master-filters{justify-content:flex-start}.clients-master-add{align-self:flex-start;margin-left:0}.clients-master-guide ul{grid-template-columns:1fr}.clients-master-footer{flex-direction:column}.clients-master-tabs{gap:16px;padding-left:16px;padding-right:16px}.clients-master-form-grid{grid-template-columns:1fr}.clients-master-form-grid>label:has(textarea){grid-column:auto}}.overview-kpi.revenue{background:linear-gradient(115deg,#fbfdff,#edf6ff)}.overview-kpi.revenue .overview-kpi-icon,.overview-kpi.revenue .overview-revenue-icon{color:#2876d3;background:#dcebff}.overview-page>header.overview-heading h1{color:#0f1d38}.overview-kpi{min-height:128px}.overview-action-grid{grid-template-columns:minmax(0,2fr) minmax(360px,1fr);align-items:stretch;gap:16px;margin-top:12px;display:grid}.overview-upcoming-card,.overview-ranking-card,.overview-client-performance,.overview-billing-card{border-color:#dfe8e5;border-radius:12px;box-shadow:0 3px 12px #1231280a}.overview-upcoming-card{flex-direction:column;min-height:620px;display:flex}.overview-upcoming-card .overview-table-scroll{flex-direction:column;flex:1;display:flex}.overview-upcoming-card .overview-task-empty{flex:1}.overview-action-head{flex-wrap:nowrap;min-height:58px;padding:12px 14px}.overview-title-with-icon{color:#183a67;flex:none;align-items:center;gap:8px;display:flex}.overview-title-with-icon h2{color:#0b2345;font-family:var(--font-rubik),var(--font-thai),sans-serif;white-space:nowrap;margin:0;font-size:16px;font-weight:700}.overview-title-with-icon>div{gap:2px;display:grid}.overview-title-with-icon>div small{color:#718198;font-size:9px}.overview-task-tabs{align-items:center;gap:6px;margin-left:auto;display:flex}.overview-task-tabs button{color:#52627a;background:#f2f5f4;padding:6px 9px;font-size:10px}.overview-task-tabs button.active{color:#fff;background:#079b61}.overview-add-task{background:#079b61;border-radius:7px;min-height:30px;padding:0 10px;font-size:10px;box-shadow:0 2px 6px #079b6124}.overview-task-table{table-layout:fixed;min-width:0}.overview-task-table th{color:#42536b;background:#f4f7f6;border-bottom:1px solid #dfe7e4;padding:9px 12px}.overview-task-table th:first-child{width:18%}.overview-task-table th:nth-child(2){width:22%}.overview-task-table th:nth-child(3){width:36%}.overview-task-table th:nth-child(4){width:16%}.overview-task-table th:nth-child(5){width:8%}.overview-task-table td{color:#102a4c;white-space:normal;vertical-align:middle;border-color:#e6ecea;padding:10px 12px;line-height:1.35}.overview-task-table td:first-child strong,.overview-task-table td:nth-child(2) strong{color:#0b2345;font-size:11px;display:block}.overview-task-table td:first-child small,.overview-task-table td:nth-child(2) small,.overview-task-table td:nth-child(3) small{color:#718198;margin-top:2px;font-size:9px;display:block}.overview-task-row{cursor:pointer;outline:none}.overview-task-row:focus-visible td{background:#f3faf7}.overview-task-table tr.overdue td:first-child{border-left:4px solid #ef4444;padding-left:8px}.overview-task-table tr.today td:first-child{border-left:4px solid #f3aa22;padding-left:8px}.overview-task-table tr.week td:first-child{border-left:4px solid #79afe6;padding-left:8px}.overview-task-table td:first-child small.overdue{color:#e33f3f;font-weight:700}.overview-task-table td:first-child small.today{color:#dc8100;font-weight:700}.overview-task-table td:first-child small.week{color:#4b82bd;font-weight:700}.overview-task-status{color:#52627a;white-space:nowrap;background:#edf1f0;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.overview-task-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.overview-task-status.doing{color:#287bd5;background:#eaf3ff}.overview-task-status-select{color:#52627a;cursor:pointer;background:#fff;border:1px solid #dce5e2;border-radius:999px;max-width:100%;padding:5px 22px 5px 9px;font-size:9px;font-weight:700}.overview-task-more{color:#718297;cursor:pointer;background:0 0;border:0;border-radius:6px;width:25px;height:25px;font-size:16px}.overview-task-menu-wrap{justify-content:flex-end;display:flex;position:relative}.overview-task-menu{z-index:5;background:#fff;border:1px solid #dce7e3;border-radius:8px;min-width:160px;display:grid;position:absolute;top:28px;right:0;overflow:hidden;box-shadow:0 12px 24px #0b234524}.overview-task-menu button{color:#244064;text-align:left;cursor:pointer;background:#fff;border:0;padding:8px 10px;font-size:10px}.overview-task-menu button:hover{color:#087c4d;background:#eff8f4}.overview-task-empty{color:#44524b;background:#effaf5;justify-content:center;align-items:center;gap:10px;min-height:112px;font-size:11px;display:flex}.overview-task-empty>span{color:#159447;background:#d9f5e7;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.overview-task-empty strong,.overview-task-empty small{display:block}.overview-task-empty strong{color:#087c4d;font-size:11px}.overview-task-empty small{color:#6b827d;margin-top:3px;font-size:9px}.overview-task-empty .overview-link{color:#1474df;cursor:pointer;background:0 0;border:0;margin-top:7px;padding:0;font-size:10px}.overview-task-summary{align-items:center;gap:9px;padding:10px 14px 11px;display:flex}.overview-task-summary>span{color:#079b61;background:#ddf5e8;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.overview-task-summary>div{gap:2px;display:grid}.overview-task-summary strong{color:#0b2345;font-size:10px}.overview-task-summary small{color:#718198;font-size:9px}.overview-task-summary .overview-link{color:#1474df;margin-left:auto}.overview-reminders{background:#fafcfb;border-top:1px solid #e7ece9;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:13px;display:grid}.overview-reminder{border:1px solid #e3e8e3;border-radius:12px;min-width:0;padding:13px 14px}.overview-reminder.blog{background:snow}.overview-reminder.report{background:#f8fbff}.overview-reminder>header{align-items:center;gap:8px;display:flex}.overview-reminder>header>span{color:#ef6b67;background:#fff0ef;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.overview-reminder.report>header>span{color:#4f83d8;background:#eef4ff}.overview-reminder h3{color:#0b2347;margin:0;font-size:14px}.overview-reminder>header b{color:#66736c;white-space:nowrap;background:#f1f4f1;border-radius:999px;margin-left:auto;padding:4px 7px;font-size:9px;font-weight:600}.overview-reminder>p{color:#8a9690;margin:0 0 11px 37px;font-size:9px}.overview-reminder>button{color:#071d49;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #e7ece9;gap:3px;width:100%;padding:9px 0;display:grid}.overview-reminder>button strong{font-size:10px}.overview-reminder>button small,.overview-reminder>button em{color:#718078;font-size:9px;font-style:normal}.overview-reminder>button em{color:#e34b3f}.overview-reminder-empty{color:#44524b;align-items:center;gap:8px;min-height:60px;font-size:9px;display:flex}.overview-reminder-empty>span{color:#159447;background:#e8f6ec;border-radius:50%;flex:0 0 23px;place-items:center;width:23px;height:23px;font-weight:800;display:grid}.overview-reminder-empty small{color:#8a9690;margin-top:2px;font-size:8px;display:block}.overview-ranking-card{flex-direction:column;display:flex}.overview-ranking-head select{color:#263b56;background:#f7f9f8;border:1px solid #dfe7e4;border-radius:999px;min-width:112px;height:32px;padding:0 10px;font-size:10px}.overview-ranking-heading-icon{color:#183a67;font-size:19px}.overview-ranking-summary{flex:1;grid-template-columns:minmax(128px,.9fr) minmax(150px,1.1fr);gap:12px;padding:16px 14px}.overview-ranking-card .overview-donut{aspect-ratio:1;width:min(100%,178px);height:auto}.overview-ranking-card .overview-donut>span{width:66%;height:66%}.overview-ranking-card .overview-legend{gap:0}.overview-ranking-card .overview-legend>div{border-bottom:1px solid #edf1ef;grid-template-columns:9px minmax(55px,1fr) 26px 36px;gap:6px;min-height:36px}.overview-ranking-card .overview-legend>div b{color:#41546b;text-align:center;background:#f2f5f4;border-radius:999px;padding:4px 5px;font-size:9px}.overview-ranking-insight{background:#effaf5;border-radius:10px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:59px;margin:0 12px 12px;padding:9px 10px;display:grid}.overview-ranking-insight>span{color:#079b61;background:#d8f5e7;border-radius:9px;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.overview-ranking-insight>div{gap:2px;display:grid}.overview-ranking-insight strong{color:#123d32;font-size:10px}.overview-ranking-insight small{color:#59736c;font-size:9px}.overview-ranking-insight .overview-link{color:#1474df}.overview-project-invoice-row{grid-template-columns:minmax(0,1.25fr) minmax(380px,.95fr);align-items:stretch;gap:16px;display:grid}.overview-project-invoice-row>.overview-panel{min-height:362px}.overview-bottom-row>.overview-panel{min-height:368px}.overview-client-performance .overview-panel-head h2 small{color:#718198;margin-left:4px;font-size:9px;font-weight:500}.overview-client-performance .overview-table th,.overview-client-performance .overview-table td{padding:9px 8px}.overview-client-performance .overview-table td strong{font-size:11px}.overview-client-performance .overview-table td small{word-break:break-word;font-size:9px}.overview-client-performance .overview-status.need{color:#df3e3e;background:#ffe1df}@media (max-width:1100px){.overview-action-grid,.overview-project-invoice-row{grid-template-columns:1fr}.overview-project-invoice-row>article:first-child{min-height:280px}}@media (max-width:700px){.overview-upcoming-card,.overview-project-invoice-row>.overview-panel,.overview-bottom-row>.overview-panel{min-height:0}body:has(.overview-page) main:has(.overview-page){padding-left:14px;padding-right:14px}.overview-action-head{flex-wrap:wrap;align-items:flex-start}.overview-task-tabs{order:3;width:100%;margin:0;overflow-x:auto}.overview-add-task{margin-left:auto}.overview-ranking-summary{grid-template-columns:1fr}.overview-ranking-card .overview-donut{width:min(100%,178px)}.overview-ranking-insight{grid-template-columns:34px minmax(0,1fr)}.overview-ranking-insight .overview-link{grid-column:2;justify-self:start}.overview-reminders{grid-template-columns:1fr}.overview-task-summary{flex-wrap:wrap}.overview-task-summary .overview-link{text-align:left;width:100%;margin-left:37px}.overview-trend-row{grid-template-columns:48px minmax(0,1fr)}.overview-trend-reference{grid-column:2}}.demo-blog-analysis{color:#17375f;max-width:1440px;margin:0 auto;padding:18px 20px 24px}.ba-title-line,.worklog-title-line,.blog-title-line{align-items:center;gap:10px;display:flex}.ba-title{color:#071d49;margin:0;font-size:24px;font-weight:800;line-height:1.2}.ba-subtitle{color:#536f8f;max-width:820px;margin:6px 0 12px;font-size:11px}.mock-content-tag{color:#087c4d;letter-spacing:.07em;white-space:nowrap;background:#effaf4;border:1px solid #bfe7d2;border-radius:999px;align-items:center;padding:4px 8px;font-size:8px;font-weight:800;display:inline-flex}.ba-controls{grid-template-columns:260px 190px minmax(360px,1fr);gap:10px;margin-bottom:10px;display:grid}.ba-control{box-sizing:border-box;background:#fff;border:1px solid #e3e8e3;border-radius:9px;align-items:center;gap:10px;min-height:62px;padding:10px 12px;display:flex;overflow:hidden}.ba-control:first-child{background:linear-gradient(90deg,#fff,#fbfdfc)}.ba-control:nth-child(3){background:#f3fbf6}.ba-control-mark{color:#079455;background:#eef8f2;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.ba-control-mark svg{width:16px;height:16px}.ba-control small,.ba-control strong{display:block}.ba-control small{color:#718078;font-size:9px;line-height:1.35}.ba-control strong{color:#071d49;font-size:11px}.ba-client-select{color:#071d49;background:0 0;border:0;outline:0;max-width:100%;font-family:inherit;font-size:12px;font-weight:700}.ba-priority-control strong{color:#174a35}.ba-priority-values{flex:1;min-width:0}.ba-priority-values strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ba-priority-actions{align-items:center;gap:5px;display:flex}.ba-priority-actions input{color:#17375f;width:105px;min-width:0;font:inherit;background:#fff;border:1px solid #dce7e4;border-radius:6px;padding:6px 7px;font-size:9px}.ba-priority-actions button{margin-left:0}.ba-priority-list{flex-wrap:wrap;gap:5px;margin:0 0 9px;display:flex}.ba-priority-list button{color:#7047c7;cursor:pointer;background:#f7f3ff;border:1px solid #ded2f5;border-radius:999px;padding:4px 8px;font-size:9px}.ba-priority,.ba-help,.ba-sort{color:#087733;cursor:pointer;background:#fff;border:1px solid #dce7e4;border-radius:7px;flex:none;padding:7px 9px;font-family:inherit;font-size:9px;font-weight:700}.ba-priority{color:#7047c7;margin-left:auto}.ba-section{background:#fff;border:1px solid #e3e8e3;border-radius:9px;margin-top:10px;padding:14px}.ba-section-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ba-section-head h2{color:#071d49;margin:0;font-size:15px}.ba-section-head p{color:#718078;margin:4px 0 0;font-size:9px}.ba-help-copy{color:#536783;background:#f6f8f5;border-radius:7px;margin:8px 0 0;padding:9px;font-size:10px}.ba-insight{background:#f3fbf6;border:1px solid #d8eee0;border-radius:8px;align-items:flex-start;gap:12px;margin:12px 0;padding:11px;display:flex}.ba-insight-icon{color:#079455;background:#d9f4e4;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.ba-insight strong{color:#087733;font-size:11px;display:block}.ba-insight p{color:#527365;margin:3px 0 0;font-size:10px;line-height:1.5}.ba-insight small{color:#718078;margin-top:4px;font-size:8px;line-height:1.5;display:block}.ba-table-wrap{overflow:auto}.ba-table{border-collapse:collapse;width:100%;min-width:940px}.ba-table th,.ba-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e8eeeb;padding:8px;font-size:9px}.ba-table th{color:#536986;background:#f4f7f6;font-size:8px;line-height:1.25}.ba-table td{color:#17375f}.ba-keyword,.ba-source{display:block}.ba-keyword{color:#071d49;font-weight:750}.ba-source{color:#8995a6;margin-top:3px;font-size:8px}.ba-up{color:#079b61;font-size:8px;font-weight:700}.ba-spark{color:#09a05a;letter-spacing:1px;font-size:14px}.ba-strategy{white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:750;display:inline-flex}.ba-strategy.push{color:#1677e8;background:#e7f2ff}.ba-strategy.rising{color:#087c4d;background:#ddf7e9}.ba-strategy.content{color:#b97000;background:#fff0cc}.ba-strategy.priority{color:#7047c7;background:#f0eaff}.ba-opportunities{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:12px;display:grid}.ba-card{background:#fff;border:1px solid #e1e9e6;border-radius:9px;flex-direction:column;min-width:0;padding:11px;display:flex}.ba-card-top{justify-content:space-between;align-items:center;gap:5px;display:flex}.ba-number{color:#91a0b1;font-size:9px;font-weight:800}.ba-card h3{color:#10203d;min-height:40px;margin:9px 0;font-size:11px;line-height:1.4}.ba-label{color:#7e8b9b;text-transform:uppercase;margin:7px 0 3px;font-size:8px;font-weight:750;display:block}.ba-card p{color:#314b70;margin:0;font-size:9px;line-height:1.5}.ba-chip{color:#527365;background:#f1f6f3;border-radius:999px;margin:2px 3px 0 0;padding:3px 5px;font-size:8px;display:inline-block}.ba-card a{color:#1677e8;align-items:center;gap:4px;font-size:8px;text-decoration:none;display:inline-flex}.ba-card a svg{width:11px;height:11px}.ba-add,.ba-create{color:#fff;cursor:pointer;background:#0aa05a;border:1px solid #0aa05a;border-radius:7px;min-height:31px;margin-top:auto;padding:0 8px;font-size:9px;font-weight:750}.ba-add{margin-top:10px}.ba-add.is-added{color:#087c4d;background:#effaf4}.ba-selection{background:#f3fbf6;border:1px solid #d8eee0;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;margin-top:12px;padding:11px 13px;display:flex}.ba-selection strong{color:#087733;font-size:11px}.ba-selection p{color:#527365;margin:3px 0 0;font-size:9px}.ba-selection>div:last-child{white-space:nowrap;align-items:center;gap:12px;display:flex}.ba-create:disabled{cursor:not-allowed;background:#cad8d0;border-color:#cad8d0}.ba-no-data{color:#536783;font-size:12px}.demo-worklog{color:#10203d}.worklog-page{gap:13px;display:grid}.worklog-head-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.worklog-page-head{justify-content:space-between;align-items:center;gap:20px;margin:0;display:flex}.worklog-page-title h1{color:#071d43;margin:0;font-size:27px;font-weight:750;line-height:1.14}.worklog-page-title p{color:#66758d;margin:4px 0 0;font-size:10px}.worklog-week-switcher{text-align:center;background:#f2fcf7;border:1px solid #9edec3;border-radius:10px;grid-template-columns:38px 1fr 38px;align-items:center;width:360px;min-width:360px;padding:8px 10px;display:grid}.worklog-week-switcher button{color:#071d43;cursor:pointer;background:#fff;border:1px solid #dce7e3;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.worklog-week-switcher button svg{width:17px}.worklog-week-switcher small{color:#587091;font-size:9px}.worklog-week-switcher strong{color:#071d43;margin:2px 0;font-size:18px;display:block}.worklog-week-switcher span{color:#4f678a;font-size:9px}.worklog-current-week{color:#087c4d;white-space:nowrap;background:#dff7ea;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:9px;font-weight:800;display:inline-flex}.worklog-current-week i{background:#079b61;border-radius:50%;width:7px;height:7px}.worklog-current-week.is-history{color:#587091;background:#eef2f6}.worklog-current-week.is-history i{background:#718198}.worklog-actions-wrap{position:relative}.worklog-more-button,.worklog-history-button{color:#174574;height:34px;font:inherit;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cfddea;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:9px;font-weight:750;display:inline-flex}.worklog-more-button{width:34px;padding:0}.worklog-more-button svg,.worklog-history-button svg{width:15px;height:15px}.worklog-actions-menu{z-index:20;background:#fff;border:1px solid #dce7e3;border-radius:10px;width:250px;position:absolute;top:40px;right:0;overflow:hidden;box-shadow:0 12px 25px #0f2d2324}.worklog-actions-menu button{color:#17375f;width:100%;font:inherit;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf1ef;align-items:flex-start;gap:9px;padding:11px;display:flex}.worklog-actions-menu button:last-child{border-bottom:0}.worklog-actions-menu button:hover{background:#f6fbf8}.worklog-actions-menu svg{color:#087c4d;flex:none;width:17px;margin-top:2px}.worklog-actions-menu b,.worklog-actions-menu small{display:block}.worklog-actions-menu b{font-size:10px}.worklog-actions-menu small{color:#718198;margin-top:2px;font-size:8px}.worklog-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.worklog-kpis>article{background:#fff;border:1px solid #e1e9e6;border-radius:10px;align-items:center;gap:13px;min-height:82px;padding:13px 15px;display:flex;box-shadow:0 2px 10px #0f2d2306}.worklog-kpi-icon{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.worklog-kpi-icon svg{width:22px;height:22px}.worklog-kpi-icon.blue{color:#2581eb;background:#e8f2ff}.worklog-kpi-icon.green{color:#079b61;background:#e0f7ed}.worklog-kpi-icon.amber{color:#e99a12;background:#fff1d1}.worklog-kpis strong,.worklog-kpis b,.worklog-kpis small{display:block}.worklog-kpis strong{color:#071d43;font-size:22px}.worklog-kpis b{color:#071d43;font-size:10px}.worklog-kpis small{color:#718198;font-size:9px}.worklog-kpi-track{background:#dfe8ec;border-radius:99px;width:105px;height:6px;margin-top:5px;display:block;overflow:hidden}.worklog-kpi-track i{border-radius:inherit;background:#079b61;height:100%;display:block}.worklog-summary-grid,.worklog-bottom-grid{grid-template-columns:1.4fr 1fr;gap:12px;display:grid}.worklog-summary-grid{grid-template-columns:2fr 1fr}.worklog-card{background:#fff;border:1px solid #e1e9e6;border-radius:10px;min-width:0;padding:14px;box-shadow:0 2px 10px #0f2d2306}.worklog-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.worklog-section-title h2{color:#071d43;margin:0;font-size:14px}.worklog-section-title h2 span{color:#079b61;margin-right:7px}.worklog-section-title>span{color:#58729c;font-size:9px}.worklog-summary-content{grid-template-columns:1.4fr 1fr;gap:10px;display:grid}.worklog-summary-main,.worklog-over-budget{border-radius:10px;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:11px;min-height:95px;padding:12px;display:grid}.worklog-summary-main{background:#edf9f4}.worklog-summary-icon{color:#079b61;background:#dff7ea;border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.worklog-summary-icon svg{width:24px}.worklog-summary-main strong{color:#071d43;margin-bottom:4px;font-size:12px;display:block}.worklog-summary-main p{color:#47617e;margin:0;font-size:9px;line-height:1.5}.worklog-over-budget{background:#fde8eb;display:block}.worklog-over-budget label{color:#ef4050;font-size:9px;font-weight:700;display:block}.worklog-over-budget strong{color:#071d43;margin:6px 0;font-size:15px;display:block}.worklog-over-budget small{color:#6f6471;font-size:9px}.worklog-primary{color:#fff;cursor:pointer;background:#079b61;border:0;border-radius:7px;align-items:center;gap:5px;padding:8px 11px;font-size:9px;font-weight:700;display:flex}.worklog-primary svg{width:14px;height:14px}.worklog-note{color:#314b70;border-bottom:1px solid #edf1ef;grid-template-columns:auto minmax(0,1fr) 24px;align-items:start;gap:8px;padding:8px 0;font-size:9px;line-height:1.45;display:grid}.worklog-note:last-child{border-bottom:0}.worklog-note time{color:#6780a0;margin:0}.worklog-note button{color:#71819a;cursor:pointer;background:#fff;border:1px solid #dce7e3;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.worklog-note button:hover{color:#b23c32;border-color:#f1c8c4}.worklog-note button svg{width:12px;height:12px}.worklog-table-card{overflow:hidden}.worklog-table-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.worklog-table-toolbar h2{color:#071d43;margin:0;font-size:15px}.worklog-table-toolbar h2 span{color:#6681a3;font-size:10px;font-weight:400}.worklog-filters{gap:8px;display:flex}.worklog-search{align-items:center;display:inline-flex;position:relative}.worklog-search svg{color:#718198;pointer-events:none;width:13px;height:13px;position:absolute;left:10px}.worklog-search input{padding-left:29px!important}.worklog-filters input,.worklog-filters select{color:#10203d;background:#fff;border:1px solid #dce7e3;border-radius:8px;height:34px;padding:0 10px;font-size:9px}.worklog-filters input{width:180px}.worklog-history-button.compact{height:34px}.worklog-table-wrap{overflow:auto}.worklog-table{border-collapse:collapse;width:100%;min-width:980px}.worklog-reference-table{min-width:1110px}.worklog-table th,.worklog-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #dce7e3;padding:9px 7px;font-size:9px}.worklog-focused-row td{background:#edf9f4}.worklog-table th{color:#425a78;text-transform:uppercase;background:#f3f6f7;font-size:8px}.worklog-client{align-items:center;gap:8px;display:flex}.worklog-avatar{border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.worklog-avatar.mint{color:#078653;background:#d9f5eb}.worklog-avatar.pink{color:#c34579;background:#f7d9e7}.worklog-avatar.blue{color:#2581eb;background:#d8eaff}.worklog-avatar.purple{color:#9b3dc9;background:#ecd9f7}.worklog-client strong,.worklog-client small{display:block}.worklog-client small{color:#718198;margin-top:2px;font-size:8px}.worklog-day,.worklog-status{white-space:nowrap;border-radius:99px;padding:4px 9px;font-size:8px;font-weight:700;display:inline-flex}.worklog-day,.worklog-day.mon{color:#ba7600;background:#fff1d1}.worklog-day.tue{color:#ef4050;background:#fde8eb}.worklog-day.wed{color:#079b61;background:#e0f7ed}.worklog-day.thu{color:#2581eb;background:#e8f2ff}.worklog-day.fri{color:#7047c7;background:#f0eaff}.worklog-status.done{color:#079b61;background:#e0f7ed}.worklog-status.doing{color:#1677e8;background:#e8f2ff}.worklog-status.todo{color:#5d6e84;background:#edf2f5}.worklog-progress{vertical-align:middle;background:#e6edef;border-radius:99px;width:48px;height:7px;margin-right:4px;display:inline-block;overflow:hidden}.worklog-progress i{border-radius:inherit;background:#079b61;height:100%;display:block}.worklog-progress i.is-over{background:#ef4050}.worklog-progress-cell b{font-size:8px}.worklog-progress-cell b.is-over,.worklog-table td.is-over{color:#ef4050}.worklog-progress-cell small{color:#ef4050;font-size:7px;display:block}.worklog-notes-cell{color:#314b70;max-width:150px;line-height:1.4}.worklog-file,.worklog-edit{color:#087c4d;cursor:pointer;background:#fff;border:1px solid #cfe6da;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.worklog-file svg,.worklog-edit svg{width:15px;height:15px}.worklog-file.is-empty{color:#a4afbc;cursor:default;border-color:#edf1ef}.worklog-table-footer{color:#6681a3;padding:9px 2px 0;font-size:9px}.worklog-legend{align-items:center;gap:5px;display:flex}.worklog-legend i,.worklog-capacity-meta i{background:#079b61;border-radius:50%;width:8px;height:8px;display:inline-block}.worklog-legend i.remaining,.worklog-capacity-meta i.remaining{background:#cbd7e1;margin-left:7px}.worklog-chart{grid-template-columns:22px 1fr;gap:8px;height:150px;display:grid}.worklog-y-axis{color:#58729c;text-align:right;flex-direction:column;justify-content:space-between;padding:3px 0 22px;font-size:8px;display:flex}.worklog-bars{background:repeating-linear-gradient(#0000 0 25px,#edf2f1 26px);border-bottom:1px solid #cfdde3;justify-content:space-around;align-items:flex-end;height:132px;display:flex;position:relative}.worklog-bars>div{color:#62748c;text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;width:42px;height:100%;font-size:8px;display:flex;position:relative}.worklog-bars b{color:#071d43;font-size:8px;position:absolute;bottom:33px}.worklog-bars span{background:#079b61;border-radius:6px 6px 0 0;width:32px;min-height:4px;display:block}.worklog-bars small{margin-top:5px;font-size:8px}.worklog-capacity>strong{color:#071d43;font-size:23px;display:block}.worklog-capacity>p{color:#567091;margin:3px 0 12px;font-size:12px}.worklog-capacity-track{background:#dfe8ec;border-radius:99px;height:10px;overflow:hidden}.worklog-capacity-track span{border-radius:inherit;background:#079b61;height:100%;display:block}.worklog-capacity-meta{color:#587091;flex-wrap:wrap;gap:14px;margin-top:14px;font-size:9px;display:flex}.worklog-capacity-meta b{color:#071d43}.worklog-carry-dialog{width:min(760px,100vw - 30px)}.worklog-carry-note{color:#48647f;background:#eef7ff;border-radius:8px;align-items:flex-start;gap:9px;margin:0 18px 10px;padding:10px;font-size:9px;line-height:1.5;display:flex}.worklog-carry-note svg{color:#2581eb;flex:none;width:18px}.worklog-carry-note b{color:#17375f}.worklog-carry-list{max-height:310px;padding:0 18px;overflow:auto}.worklog-carry-list>p{color:#718198;text-align:center;padding:12px 0;font-size:10px}.worklog-carry-list label{color:#17375f;cursor:pointer;border-bottom:1px solid #edf1ef;grid-template-columns:18px 32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;display:grid}.worklog-carry-list input{accent-color:#079b61}.worklog-carry-list b,.worklog-carry-list small{display:block}.worklog-carry-list b{font-size:10px}.worklog-carry-list small{color:#718198;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.worklog-carry-list em{font-style:normal}.worklog-carry-dialog footer{color:#718198;border-top:1px solid #edf1ef;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;font-size:9px;display:flex}.worklog-carry-dialog footer>div{gap:8px;display:flex}.worklog-carry-dialog footer button:not(.worklog-primary){color:#536f8f;font:inherit;cursor:pointer;background:#fff;border:1px solid #dce7e3;border-radius:7px;padding:7px 10px}.worklog-history-overlay{background:#071d4321;justify-content:flex-end;align-items:stretch}.worklog-history-drawer{background:#fff;width:min(420px,100vw);min-height:100%;box-shadow:-10px 0 25px #071d431f}.worklog-history-drawer header{border-bottom:1px solid #e4ece9;justify-content:space-between;align-items:flex-start;padding:20px;display:flex}.worklog-history-drawer h2{color:#071d43;margin:0;font-size:17px}.worklog-history-drawer p{color:#718198;margin:4px 0 0;font-size:10px}.worklog-history-drawer header button{color:#536f8f;cursor:pointer;background:#f3f6f7;border:0;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.worklog-history-list{padding:12px}.worklog-history-list button{color:#17375f;text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e9e6;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:11px;display:flex}.worklog-history-list button:hover,.worklog-history-list button.is-selected{background:#f2fcf7;border-color:#9edec3}.worklog-history-list b,.worklog-history-list small{display:block}.worklog-history-list b{font-size:10px}.worklog-history-list small{color:#718198;margin-top:3px;font-size:8px}.worklog-history-list svg{color:#2581eb;width:15px}.demo-blog-workflow{color:#10203d}.blog-app{gap:12px;display:grid}.blog-head{justify-content:space-between;align-items:center;gap:20px;min-height:78px;display:flex}.blog-head h1{color:#071d49;margin:0;font-size:27px;font-weight:750;line-height:1.15}.blog-head p{color:#60718a;margin:5px 0 0;font-size:11px}.blog-art{color:#43605a;align-items:center;gap:12px;padding-right:4px;font-size:10px;display:flex}.blog-art svg{width:120px;height:70px}.blog-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.blog-kpi{background:#fff;border:1px solid #dfe8e5;border-radius:10px;grid-template-columns:44px 1fr;align-items:center;gap:10px;min-height:82px;padding:13px 15px;display:grid;position:relative;overflow:hidden;box-shadow:0 3px 12px #12312809}.blog-kpi-icon{color:#1677e8;background:#e7f2ff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.blog-kpi-icon svg{width:21px;height:21px}.blog-kpi:nth-child(2) .blog-kpi-icon{color:#07864e;background:#ddf7e9}.blog-kpi:nth-child(3) .blog-kpi-icon{color:#b97000;background:#fff1cf}.blog-kpi:nth-child(4) .blog-kpi-icon{color:#087c4d;background:#ddf7e9}.blog-kpi label{color:#53617a;font-size:9px;font-weight:700}.blog-kpi strong{color:#10203d;margin:3px 0;font-size:22px;display:block}.blog-kpi small{color:#7b879b;font-size:8px;display:block}.blog-kpi-ribbon{color:#fff;background:#d88a00;border-radius:0 9px 0 8px;padding:4px 8px;font-size:8px;font-weight:700;position:absolute;top:0;right:0}.blog-cycle-row{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:10px;display:grid}.blog-cycle-strip,.blog-cycle-summary{box-sizing:border-box;background:#fff;border:1px solid #e3e8e3;border-radius:12px;min-height:64px;box-shadow:0 3px 12px #12312808}.blog-cycle-strip{align-items:center;min-width:0;padding:8px 10px;display:flex;overflow:hidden}.blog-cycle-label{color:#071d49;white-space:nowrap;align-items:center;gap:7px;min-width:100px;font-size:10px;display:inline-flex}.blog-cycle-label svg{width:15px;height:15px}.blog-cycle-arrow{color:#54708e;cursor:pointer;background:0 0;border:0;flex:0 0 27px;width:27px;height:42px;font-size:19px}.blog-cycle-tabs{border:1px solid #e3e8e3;border-radius:8px;flex:1;grid-template-columns:repeat(6,minmax(76px,1fr));min-width:0;display:grid;overflow:auto}.blog-cycle-tabs button{color:#17375f;cursor:pointer;white-space:nowrap;background:#fff;border:0;border-left:1px solid #e3e8e3;height:42px;font-size:8px}.blog-cycle-tabs button:first-child{border-left:0}.blog-cycle-tabs button strong,.blog-cycle-tabs button span{display:block}.blog-cycle-tabs button span{color:#718078;margin-top:2px;font-size:7px}.blog-cycle-tabs button.active{color:#fff;background:#0aa05a}.blog-cycle-tabs button.active span{color:#e8fff3}.blog-cycle-summary{grid-template-columns:1fr auto;align-content:center;gap:5px 8px;min-height:64px;padding:8px 13px;display:grid}.blog-cycle-summary strong{color:#071d49;grid-column:1/-1;font-size:10px}.blog-cycle-summary strong span{color:#526b91;margin-left:4px;font-size:8px;font-weight:400}.blog-cycle-summary>div{background:#e7eeeb;border-radius:99px;height:6px;overflow:hidden}.blog-cycle-summary>div i{border-radius:inherit;background:#0aa05a;height:100%;display:block}.blog-cycle-summary>small{color:#526b91;font-size:8px}.blog-workflow-card{background:#fff;border:1px solid #dfe8e5;border-radius:12px;overflow:hidden;box-shadow:0 3px 12px #1231280a}.blog-toolbar{border-bottom:1px solid #e3e8e3;justify-content:space-between;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:flex}.blog-toolbar-filters,.blog-toolbar-actions{align-items:center;gap:8px;display:flex}.blog-search{background:#f8fafb;border:1px solid #dce7e3;border-radius:8px;align-items:center;gap:7px;height:34px;padding:0 10px;display:flex}.blog-search svg{color:#718198;width:14px;height:14px}.blog-search input{color:#17375f;background:0 0;border:0;outline:0;width:180px;font-size:9px}.blog-toolbar select{color:#17375f;background:#f8fafb;border:1px solid #dce7e3;border-radius:8px;min-width:118px;height:36px;padding:0 10px;font-size:9px}.blog-calendar-button,.blog-add{color:#17375f;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d8e3e1;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:9px;font-weight:700;display:flex}.blog-calendar-button svg,.blog-add svg{width:14px;height:14px}.blog-add{color:#fff;background:#0aa05a;border-color:#0aa05a}.blog-table-wrap{overflow:auto}.blog-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:980px}.blog-table th{color:#536986;text-align:left;background:#f4f7f6;height:40px;padding:0 9px;font-size:8px;line-height:1.25}.blog-table th span{font-weight:500}.blog-table td{color:#17375f;vertical-align:middle;border-bottom:1px solid #e3e8e3;height:66px;padding:8px 9px;font-size:9px}.blog-table td>strong,.blog-table td>small{display:block}.blog-table td>small{color:#718198;margin-top:3px;font-size:8px}.blog-table tbody tr:hover{background:#fbfdfc}.blog-client{align-items:center;gap:8px;display:flex}.blog-avatar{color:#087c4d;background:#e6f4ed;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:9px;font-weight:800;display:grid}.blog-avatar.tone-1{color:#36a;background:#e5efff}.blog-avatar.tone-2{color:#b77212;background:#fff0dd}.blog-avatar.tone-3{color:#7c50aa;background:#efe5ff}.blog-client strong,.blog-client small{display:block}.blog-client strong{color:#17375f;font-size:9px}.blog-client small{color:#8290a4;margin-top:2px;font-size:7px}.blog-table .blog-status{white-space:nowrap;border-radius:11px;padding:4px 7px;font-size:8px;font-weight:700;display:inline-flex}.blog-table select.blog-status-select{appearance:none;cursor:pointer;min-width:94px;font:inherit;text-align:center;text-align-last:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='m2 3.5 3 3 3-3' fill='none' stroke='%2353617a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.4'/%3E%3C/svg%3E");background-position:right 7px center;background-repeat:no-repeat;border:1px solid #0000;padding:5px 20px 5px 8px}.blog-table select.blog-status-select:focus-visible{outline-offset:1px;outline:2px solid #079b6166}.blog-table select.blog-status-select:disabled{cursor:wait;opacity:.7}.blog-status.draft_doing{color:#1677e8;background:#e7f2ff}.blog-status.pending_review{color:#b97000;background:#fff0cc}.blog-status.approved{color:#087c4d;background:#ddf7e9}.blog-status.published{color:#087866;background:#d8f4eb}.blog-overdue{color:#df3c3c!important}.blog-row-actions{gap:4px;display:flex}.blog-row-actions button{color:#53627a;cursor:pointer;background:#fff;border:1px solid #dce5e9;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.blog-row-actions svg{width:13px;height:13px}.blog-empty{text-align:center;color:#718198!important;padding:25px!important}.blog-footer{color:#7a879b;justify-content:space-between;align-items:center;padding:10px 14px 12px;font-size:8px;display:flex}.blog-pagination{align-items:center;gap:10px;display:flex}.blog-pagination b{color:#087c4d;background:#e6f5ed;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.blog-support{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:10px;display:grid}.blog-support-card{background:#fff;border:1px solid #dfe8e5;border-radius:12px;min-height:92px;padding:13px 15px}.blog-support-card h3{color:#10203d;align-items:center;gap:7px;margin:0 0 9px;font-size:11px;display:flex}.blog-support-card h3 svg{color:#078c54;width:15px;height:15px}.blog-rule-heading{justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;display:flex}.blog-rule-heading h3{margin:0}.blog-rule-heading button{color:#315b86;background:#fff;border:1px solid #d8e4e0;border-radius:7px;place-items:center;width:25px;height:25px;display:grid}.blog-rule-heading button svg{width:13px;height:13px}.blog-rule-card>div:not(.blog-rule-heading){color:#526b91;grid-template-columns:110px 1fr;gap:8px;margin-top:6px;font-size:9px;display:grid}.blog-rule-card b{color:#17375f}.blog-note-card{background:#f5fcf8;border-color:#cfe9dc}.blog-note-card p{color:#526b68;margin:5px 0;font-size:9px;line-height:1.45}.demo-content-modal{z-index:120;background:#061a2a4d;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.demo-content-dialog{background:#fff;border:1px solid #dbe8e3;border-radius:12px;width:min(500px,100%);overflow:hidden;box-shadow:0 18px 50px #0f253033}.worklog-task-dialog{grid-template-rows:auto minmax(0,1fr) auto;width:min(560px,100%);height:min(660px,100vh - 40px);max-height:calc(100vh - 40px);display:grid;overflow:hidden}.demo-content-dialog>header{border-bottom:1px solid #e9efed;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.demo-content-dialog h2{color:#0b2345;margin:0;font-size:16px}.demo-content-dialog header p{color:#6b7f96;margin:4px 0 0;font-size:10px}.demo-content-dialog header button{color:#26415a;cursor:pointer;background:#f3f6f5;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.demo-content-dialog header button svg{width:17px;height:17px}.demo-content-form-grid{grid-template-columns:1fr 1fr;gap:12px;padding:16px 18px;display:grid}.demo-content-form-grid label,.demo-content-note-field{color:#314a69;gap:6px;font-size:10px;font-weight:700;display:grid}.demo-content-form-grid label.wide{grid-column:1/-1}.demo-content-form-grid input,.demo-content-form-grid select,.demo-content-form-grid textarea,.demo-content-note-field textarea{box-sizing:border-box;color:#17375f;border:1px solid #d7e3df;border-radius:8px;width:100%;padding:9px;font-family:inherit;font-size:11px}.demo-content-form-grid textarea,.demo-content-note-field textarea{resize:vertical;min-height:95px}.demo-content-note-field{padding:16px 18px}.demo-content-dialog footer{border-top:1px solid #e9efed;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.demo-content-dialog footer button{color:#314a69;cursor:pointer;background:#fff;border:1px solid #dce7e3;border-radius:7px;min-height:34px;padding:0 13px;font-size:10px;font-weight:700}.demo-content-dialog footer button[type=submit]{color:#fff;background:#079b61;border-color:#079b61}.blog-plan-overlay{z-index:130}.blog-plan-dialog{grid-template-rows:auto minmax(0,1fr) auto;width:min(600px,100%);max-height:min(760px,100vh - 40px);display:grid}.blog-plan-dialog>header{padding:19px 22px}.blog-plan-dialog h2{font-size:18px}.blog-plan-dialog header p{font-size:11px}.blog-plan-form-body{gap:16px;min-height:0;padding:18px 22px;display:grid;overflow-y:auto}.blog-plan-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.blog-plan-fields label{color:#304968;letter-spacing:.045em;align-content:start;gap:7px;font-size:9px;font-weight:750;display:grid}.blog-plan-fields label>span{color:#ef5864;display:inline}.blog-plan-fields input,.blog-plan-fields select{box-sizing:border-box;color:#17375f;width:100%;min-width:0;min-height:44px;font:inherit;letter-spacing:0;background:#fff;border:1px solid #d8e4e0;border-radius:9px;padding:0 12px;font-size:11px;font-weight:600;line-height:1.35}.blog-plan-fields select{appearance:auto}.blog-plan-fields input:focus,.blog-plan-fields select:focus{border-color:#39ae82;outline:3px solid #079b611f}.blog-plan-schedule{background:#f1faf6;border:1px solid #d7e9e2;border-radius:11px;gap:12px;padding:13px;display:grid}.blog-plan-schedule-heading{color:#17375f;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.blog-plan-schedule-heading>span{color:#078c54;background:#def6e9;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:700}.blog-plan-date-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.blog-plan-date-grid>div{background:#fff;border:1px solid #e0e9e7;border-radius:8px;align-content:center;gap:5px;min-height:66px;padding:9px 10px;display:grid}.blog-plan-date-grid span{color:#73849b;font-size:8px}.blog-plan-date-grid strong{color:#17375f;font-size:11px}.blog-plan-date-grid small{color:#718198;font-size:8px}.blog-plan-secondary select:disabled{cursor:not-allowed;color:#61758d;opacity:1;background:#f5f8f8}.blog-plan-secondary input[readonly]{color:#406080;background:#eff6f9}.blog-plan-helper{color:#708197;margin:0;font-size:9px;line-height:1.45}.blog-plan-error{color:#bb3434;background:#fff5f5;border:1px solid #f4cbcb;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;font-size:10px;display:flex}.blog-plan-error button{color:#076db4;font:inherit;cursor:pointer;background:0 0;border:0;flex:none;font-size:10px;font-weight:700;text-decoration:underline}.blog-plan-dialog>footer{padding:13px 22px}.blog-plan-dialog>footer button{min-height:40px;font-size:10px}.blog-plan-dialog>footer button[type=submit]:disabled{cursor:wait;opacity:.7}.blog-status.on_hold{color:#617087;background:#eef1f5}.blog-table td:nth-child(7)>small{color:#7b879b;margin-top:3px;font-size:8px;display:block}@media (max-width:600px){.blog-plan-dialog{max-height:calc(100vh - 20px)}.blog-plan-dialog>header,.blog-plan-form-body{padding-left:15px;padding-right:15px}.blog-plan-date-grid,.blog-plan-fields{grid-template-columns:1fr}}.worklog-task-form{min-height:0;padding:16px 18px;overflow-y:auto}.worklog-add-section{border-bottom:1px solid #edf1ef;gap:9px;margin-bottom:16px;padding-bottom:16px;display:grid}.worklog-add-section:last-child{border-bottom:0;margin-bottom:0}.worklog-add-section h3{color:#17375f;margin:0;font-size:11px}.worklog-form-section{align-content:start;gap:10px}.worklog-form-section h3{min-height:16px;line-height:1.45}.worklog-form-section .worklog-task-fields{padding:0}.worklog-form-section .worklog-task-field,.worklog-form-section .worklog-task-fields label{font-size:10px;line-height:1.4}.worklog-task-field{color:#314a69;gap:6px;font-size:10px;font-weight:700;display:grid}.worklog-task-field b,.worklog-task-fields label b{color:#ef4050}.worklog-task-field em{color:#8492a5;font-size:9px;font-style:normal;font-weight:500}.worklog-task-field input,.worklog-task-field select,.worklog-task-field textarea{box-sizing:border-box;color:#17375f;width:100%;font:inherit;background:#fff;border:1px solid #d7e3df;border-radius:8px;padding:9px;font-size:11px}.worklog-task-field input,.worklog-task-field select{min-height:38px}.worklog-task-field textarea{resize:vertical;min-height:96px}.worklog-task-client{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:15px 0 12px;display:grid}.worklog-task-client>.worklog-client,.worklog-task-client>.worklog-client>div{min-width:0}.worklog-task-client>.worklog-client .worklog-avatar{width:34px;height:34px;font-size:10px;line-height:1}.worklog-task-client>.worklog-client strong,.worklog-task-client>.worklog-client small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.worklog-task-client>.worklog-client strong{color:#17375f;font-size:12px;line-height:1.25}.worklog-selected-client{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:4px 0 0;display:grid}.worklog-selected-client .worklog-avatar{width:34px;height:34px;font-size:10px}.worklog-selected-client strong,.worklog-selected-client small{display:block}.worklog-selected-client strong{color:#17375f;font-size:12px}.worklog-selected-client small{color:#718198;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:9px;overflow:hidden}.worklog-selected-week{color:#536f8f;white-space:nowrap;background:#f3f6f5;border-radius:7px;padding:8px 10px;font-size:9px;font-weight:650}.worklog-task-client>span{color:#536f8f;text-overflow:ellipsis;white-space:nowrap;background:#f1f5f4;border-radius:7px;max-width:190px;padding:7px 9px;font-size:8px;overflow:hidden}.worklog-client-default{background:#effaf5;border:1px solid #cfe9dc;border-radius:10px;grid-column:1/-1;padding:11px}.worklog-client-default>b{color:#17375f;font-size:10px;display:block}.worklog-client-default>small{color:#718b90;margin-top:2px;font-size:8px;display:block}.worklog-client-default>div{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.worklog-client-default p{background:#ffffffb8;border-radius:7px;margin:0;padding:8px}.worklog-client-default p span,.worklog-client-default p strong{display:block}.worklog-client-default p span{color:#718198;font-size:8px}.worklog-client-default p strong{color:#17375f;margin-top:3px;font-size:10px}.worklog-client-default em{color:#668079;margin-top:8px;font-size:8px;font-style:normal;line-height:1.4;display:block}.worklog-task-fields{padding:0 0 16px}.worklog-task-fields label{grid-template-rows:auto 38px auto;align-content:start}.worklog-task-fields input,.worklog-task-fields select{height:38px}.worklog-task-fields label:first-letter{text-transform:uppercase}.worklog-task-fields label{text-transform:none}.worklog-task-fields textarea{min-height:105px}.worklog-task-fields input[readonly]{color:#536f8f;background:#f7faf9}.worklog-task-fields label>small{color:#718198;font-size:8px;font-weight:500}.worklog-success-toast{color:#087c4d;background:#effaf4;border:1px solid #bce8d0;border-radius:8px;margin:0 14px 12px;padding:9px 11px;font-size:10px;font-weight:700}.blog-calendar-dialog{padding-bottom:16px}.blog-calendar-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:4px;padding:14px 18px 0;display:grid}.blog-calendar-grid>*{color:#536783;border-radius:6px;place-items:center;min-height:33px;font-size:10px;display:grid}.blog-calendar-grid>b{color:#718198;min-height:25px;font-size:9px}.blog-calendar-grid .has-plan{color:#087c4d;background:#effaf4;outline:1px solid #88d4ac;font-weight:750}@media (max-width:1100px){.ba-opportunities{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-cycle-row{grid-template-columns:1fr}}@media (max-width:900px){.worklog-page-head{flex-direction:column;align-items:flex-start}.worklog-week-switcher{width:100%;min-width:0}.worklog-summary-grid,.worklog-bottom-grid{grid-template-columns:1fr}.blog-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.demo-blog-analysis{padding:12px}.ba-controls{grid-template-columns:1fr}.ba-opportunities{grid-template-columns:repeat(2,minmax(0,1fr))}.ba-selection{flex-direction:column;align-items:flex-start}.ba-selection>div:last-child{justify-content:space-between;width:100%}.worklog-page-head,.worklog-head-actions{flex-direction:column;align-items:stretch}.worklog-head-actions{gap:7px}.worklog-week-switcher{width:100%;min-width:0}.worklog-current-week,.worklog-actions-wrap,.worklog-history-button:not(.compact){align-self:flex-start}.worklog-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.worklog-summary-content{grid-template-columns:1fr}.worklog-table-toolbar{flex-direction:column;align-items:flex-start}.worklog-filters{flex-wrap:wrap;width:100%}.worklog-filters input,.worklog-filters select{flex:1;width:auto}.worklog-reference-table,.worklog-reference-table tbody,.worklog-reference-table tr,.worklog-reference-table td{box-sizing:border-box;width:100%;min-width:0;display:block}.worklog-reference-table thead{display:none}.worklog-reference-table tbody{gap:9px;padding:9px;display:grid}.worklog-reference-table tbody tr{background:#fff;border:1px solid #dce7e3;border-radius:10px;padding:8px 10px;overflow:hidden}.worklog-reference-table tbody tr>td{border:0;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:8px;padding:5px 0;display:grid}.worklog-reference-table tbody tr>td:first-child{display:none}.worklog-reference-table tbody tr>td:before{color:#718198;content:"";letter-spacing:.04em;text-transform:uppercase;font-size:8px;font-weight:800}.worklog-reference-table tbody tr>td:nth-child(2):before{content:"Client"}.worklog-reference-table tbody tr>td:nth-child(3):before{content:"Planned day"}.worklog-reference-table tbody tr>td:nth-child(4):before{content:"Budget"}.worklog-reference-table tbody tr>td:nth-child(5):before{content:"Actual hours"}.worklog-reference-table tbody tr>td:nth-child(6):before{content:"Progress"}.worklog-reference-table tbody tr>td:nth-child(7):before{content:"Status"}.worklog-reference-table tbody tr>td:nth-child(8):before{content:"Weekly task notes"}.worklog-reference-table tbody tr>td:nth-child(9):before{content:"File"}.worklog-reference-table tbody tr>td:nth-child(10):before{content:"Action"}.worklog-reference-table .worklog-client{min-width:0}.worklog-reference-table .worklog-notes-cell{max-width:none}.blog-head{min-height:0}.blog-art{display:none}.blog-toolbar{flex-direction:column;align-items:stretch}.blog-toolbar-filters,.blog-toolbar-actions{flex-wrap:wrap}.blog-search,.blog-search input{flex:1}.blog-cycle-strip{overflow-x:auto}.blog-cycle-label{min-width:85px}}@media (max-width:520px){.ba-opportunities,.worklog-kpis,.blog-kpis{grid-template-columns:1fr}.ba-section{padding:10px}.worklog-summary-main,.worklog-over-budget{grid-template-columns:1fr}.worklog-filters{flex-direction:column}.worklog-filters input,.worklog-filters select{width:100%}.demo-content-form-grid{grid-template-columns:1fr}.demo-content-form-grid label.wide{grid-column:auto}.blog-support{grid-template-columns:1fr}.blog-cycle-summary{grid-template-columns:1fr auto}}.billing-demo{color:#071d49;min-width:0}.billing-demo-page{min-width:0;font-family:var(--font-rubik),var(--font-thai),sans-serif;gap:14px;padding-bottom:18px;display:grid}.billing-demo-header{gap:13px;display:grid}.billing-demo-tabs{background:#fff;border:1px solid #d9e4e2;border-radius:8px;width:max-content;max-width:100%;display:flex;overflow:auto}.billing-demo-tabs button{color:#40506c;white-space:nowrap;cursor:pointer;background:#fff;border:0;border-left:1px solid #d9e4e2;min-width:95px;height:36px;padding:0 12px;font-size:9px;font-weight:700}.billing-demo-tabs button:first-child{border-left:0;border-radius:7px 0 0 7px}.billing-demo-tabs button:last-child{border-radius:0 7px 7px 0}.billing-demo-tabs button.active{color:#fff;background:#087f4d}.billing-demo-breadcrumb{color:#61708a;align-items:center;gap:7px;font-size:9px;display:flex}.billing-demo-breadcrumb svg{width:12px;height:12px}.billing-demo-breadcrumb strong{color:#557092}.billing-demo-title-row{align-items:center;gap:10px;display:flex}.billing-demo-title-row h1{color:#071d43;margin:0;font-size:27px;font-weight:750;line-height:1.15}.billing-demo-active{color:#087733;background:#e8f6ec;border-radius:999px;align-items:center;gap:6px;padding:5px 9px;font-size:9px;font-weight:700;display:inline-flex}.billing-demo-active i{background:#159447;border-radius:50%;width:6px;height:6px}.billing-demo-active.hold{color:#b87800;background:#fff4d8}.billing-demo-active.hold i{background:#d68b00}.billing-demo-client-info>p{color:#557092;margin:3px 0 0;font-size:9px}.billing-demo-client-info>p strong{color:#405d7a}.billing-demo-client-info .billing-demo-subtitle{color:#65748d}.billing-demo-client-info>a{color:#1677e8;margin-top:3px;font-size:9px;text-decoration:none;display:inline-block}.billing-demo-client-info>a:hover{text-decoration:underline}.billing-demo-card{background:#fff;border:1px solid #dfe8e5;border-radius:12px;min-width:0;box-shadow:0 2px 8px #071d4908}.billing-demo-period-card{overflow:hidden}.billing-demo-period-head{border-bottom:1px solid #e7eeeb;flex-wrap:wrap;align-items:center;gap:16px;min-height:82px;padding:14px 18px;display:flex}.billing-demo-period-title{flex:auto;align-items:center;gap:12px;min-width:230px;display:flex}.billing-demo-title-icon{color:#079b5a;background:#e6f8ef;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.billing-demo-title-icon svg{width:22px;height:22px}.billing-demo-period-title h2{color:#071d49;margin:0;font-size:19px}.billing-demo-period-title p{color:#7184a3;margin:4px 0 0;font-size:9px}.billing-demo-project-total{border-left:1px solid #e2e8e5;flex:none;align-content:center;padding:0 18px;display:grid}.billing-demo-project-total>span{color:#536986;letter-spacing:.03em;font-size:9px;font-weight:700}.billing-demo-project-total>span b{color:#4f81a5;background:#e1eef7;border-radius:50%;place-items:center;width:13px;height:13px;font-size:8px;display:inline-grid}.billing-demo-project-total strong{color:#079455;margin-top:3px;font-size:22px;line-height:1.05}.billing-demo-project-total small{color:#718096;margin-top:3px;font-size:9px}.billing-demo-actions{gap:7px;display:flex}.billing-demo-secondary,.billing-demo-primary{cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:9px;font-weight:700;display:inline-flex}.billing-demo-secondary{color:#071d49;background:#fff;border:1px solid #d8e3e1}.billing-demo-primary{color:#fff;background:#087f4d;border:1px solid #087733}.billing-demo-primary svg,.billing-demo-secondary svg{width:14px;height:14px}.billing-demo-alert{background:#fff9e8;border:1px solid #f3d48a;border-radius:9px;align-items:center;gap:11px;margin:12px 14px 0;padding:10px 12px;display:flex}.billing-demo-alert-icon{color:#d97706;background:#ffe4a3;border-radius:50%;flex:none;place-items:center;width:31px;height:31px;font-weight:800;display:grid}.billing-demo-alert>div{flex:1}.billing-demo-alert strong,.billing-demo-alert span{display:block}.billing-demo-alert strong{color:#92400e;font-size:10px}.billing-demo-alert>div span{color:#8d6b34;margin-top:2px;font-size:9px}.billing-demo-table-wrap{overscroll-behavior-inline:contain;width:100%;overflow:auto}.billing-demo-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:1220px}.billing-demo-table th{color:#536986;text-align:left;vertical-align:middle;background:#f4f7f6;height:45px;padding:0 7px;font-size:8px;font-weight:700;line-height:1.3}.billing-demo-table th small{font-size:7px;font-weight:500}.billing-demo-table td{color:#294879;vertical-align:middle;border-bottom:1px solid #e7eeeb;height:65px;padding:6px 7px;font-size:8px}.billing-demo-table tbody tr:hover{background:#fafcfb}.billing-demo-table td:first-child{color:#7184a3}.billing-demo-table td:nth-child(2)>strong,.billing-demo-table td:nth-child(2)>small{display:block}.billing-demo-table td:nth-child(2)>strong{color:#17375f;font-size:8px}.billing-demo-days{color:#7184a3;margin-top:3px;font-size:7px}.billing-demo-amount{font-variant-numeric:tabular-nums;font-weight:750;color:#071d49!important}.billing-demo-work-status{cursor:pointer;white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:5px;min-height:27px;padding:0 8px;font-size:7px;font-weight:700;display:inline-flex}.billing-demo-work-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.billing-demo-work-status.not_started{color:#58708d;background:#eef3f7}.billing-demo-work-status.wip{color:#b97700;background:#fff4d8}.billing-demo-work-status.complete{color:#087733;background:#e8f6ec}.billing-demo-report{color:#526985;white-space:nowrap;align-items:center;gap:5px;font-size:8px;display:flex}.billing-demo-report input{accent-color:#087f4d;width:14px;height:14px;margin:0}.billing-demo-semantic{color:#526985;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;display:flex}.billing-demo-semantic:disabled{cursor:not-allowed;opacity:.55}.billing-demo-semantic-icon{color:#42658b;background:#eef3f7;border-radius:9px;flex:none;place-items:center;width:28px;height:28px;display:grid}.billing-demo-semantic-icon.round{border-radius:50%}.billing-demo-semantic-icon svg{width:15px;height:15px}.billing-demo-semantic strong{white-space:nowrap;font-size:7px}.billing-demo-semantic.invoiced .billing-demo-semantic-icon,.billing-demo-semantic.paid .billing-demo-semantic-icon{color:#087f4d;background:#e5f7ed}.billing-demo-semantic.invoiced strong,.billing-demo-semantic.paid strong{color:#087f4d}.billing-demo-semantic.pending .billing-demo-semantic-icon{color:#c17a00;background:#fff3da}.billing-demo-semantic.pending strong{color:#c15a16}.billing-demo-status-date{color:#7184a3;white-space:nowrap;margin:3px 0 0 34px;font-size:7px;display:block}.billing-demo-row-actions{gap:5px;display:flex}.billing-demo-row-actions button{color:#17375f;cursor:pointer;background:#fff;border:1px solid #dce5e1;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.billing-demo-row-actions button:hover{color:#087733;background:#f3fbf6;border-color:#b9e3cb}.billing-demo-row-actions svg{width:14px;height:14px}.billing-demo-empty{text-align:center;color:#71839c!important;height:75px!important}.billing-demo-table-footer{color:#7184a3;padding:9px 14px 11px;font-size:8px}.billing-demo-bottom{grid-template-columns:1.05fr .95fr;align-items:stretch;gap:12px;display:grid}.billing-demo-calculation,.billing-demo-schedule{padding:14px 16px}.billing-demo-calculation h2,.billing-demo-schedule h2{color:#071d49;margin:0;font-size:13px}.billing-demo-calculation h2 span{color:#71839c;margin-left:5px;font-size:8px;font-weight:500}.billing-demo-calc{justify-content:space-between;align-items:flex-end;gap:7px;min-height:68px;margin-top:10px;display:flex}.billing-demo-calc>div{color:#526a85;min-width:0;font-size:8px}.billing-demo-calc>div>span,.billing-demo-calc>div>strong{display:block}.billing-demo-calc>div>strong{color:#071d49;white-space:nowrap;margin-top:4px;font-size:13px}.billing-demo-operator{color:#7184a3;padding-bottom:3px;font-size:12px}.billing-demo-calc .billing-demo-net{color:#159447;background:#e8f6ec;border:1px solid #d8eee0;border-radius:8px;padding:8px 10px}.billing-demo-calc .billing-demo-net strong{color:#087733;font-size:16px}.billing-demo-schedule header{justify-content:space-between;align-items:flex-start;gap:9px;display:flex}.billing-demo-schedule header p{color:#71839c;margin:3px 0 0;font-size:8px}.billing-demo-schedule header>span{color:#2375c7;white-space:nowrap;background:#eef6ff;border-radius:999px;align-items:center;gap:4px;padding:5px 7px;font-size:7px;font-weight:700;display:flex}.billing-demo-schedule header>span svg{width:12px;height:12px}.billing-demo-cycle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.billing-demo-cycle-grid section{background:#f3fbf7;border-radius:8px;grid-template-columns:26px minmax(0,1fr);gap:7px;padding:8px;display:grid}.billing-demo-cycle-grid section:nth-child(2){background:#f4f8ff}.billing-demo-cycle-icon{color:#079b5a;background:#def6e9;border-radius:7px;place-items:center;width:26px;height:26px;display:grid}.billing-demo-cycle-icon.blue{color:#2375c7;background:#e4f0ff}.billing-demo-cycle-icon svg{width:14px;height:14px}.billing-demo-cycle-grid section>div:nth-child(2)>small,.billing-demo-cycle-grid section>div:nth-child(2)>strong,.billing-demo-cycle-grid section>div:nth-child(2)>span{display:block}.billing-demo-cycle-grid section>div:nth-child(2)>small{color:#07834e;font-size:7px;font-weight:800}.billing-demo-cycle-grid section:nth-child(2)>div:nth-child(2)>small{color:#2375c7}.billing-demo-cycle-grid section>div:nth-child(2)>strong{color:#071d49;margin-top:2px;font-size:10px}.billing-demo-cycle-grid section>div:nth-child(2)>span{color:#6d819d;font-size:7px}.billing-demo-cycle-rule{border-top:1px solid #6f91872e;grid-column:1/-1;margin-top:1px;padding-top:6px}.billing-demo-cycle-rule b,.billing-demo-cycle-rule strong{display:block}.billing-demo-cycle-rule b{color:#5b7297;font-size:7px}.billing-demo-cycle-rule strong{color:#17375f;margin-top:2px;font-size:8px}.billing-demo-cycle-rule p{color:#71839c;margin:3px 0 0;font-size:7px;line-height:1.35}.billing-demo-rule{color:#58726b;background:#eef9f2;border-radius:7px;align-items:flex-start;gap:6px;margin:8px 0 0;padding:7px 8px;font-size:7px;line-height:1.4;display:flex}.billing-demo-rule svg{color:#fff;background:#0aa05a;border-radius:50%;flex:none;width:13px;height:13px;padding:2px}.billing-demo-dialog .demo-content-form-grid{padding-top:14px}.billing-demo-calendar-list{gap:8px;padding:16px 18px;display:grid}.billing-demo-calendar-list>div{background:#f5faf7;border-radius:8px;gap:3px;padding:10px;display:grid}.billing-demo-calendar-list span{color:#07834e;font-size:9px;font-weight:700}.billing-demo-calendar-list strong{color:#17375f;font-size:10px}.billing-demo-calendar-list small{color:#71839c;font-size:8px}@media (max-width:1100px){.billing-demo-period-head{gap:10px}.billing-demo-period-title{min-width:200px}.billing-demo-project-total{padding:0 12px}.billing-demo-bottom{grid-template-columns:1fr}}@media (max-width:700px){.billing-demo-page{gap:11px}.billing-demo-tabs{width:100%}.billing-demo-tabs button{flex:1;min-width:90px}.billing-demo-title-row h1{font-size:23px}.billing-demo-period-head{align-items:flex-start}.billing-demo-period-title{flex-basis:100%}.billing-demo-project-total{border-top:1px solid #e2e8e5;border-left:0;flex:1;padding:10px 0 0}.billing-demo-actions{width:100%}.billing-demo-actions button{flex:1}.billing-demo-alert{flex-wrap:wrap;align-items:flex-start}.billing-demo-alert .billing-demo-secondary{margin-left:42px}.billing-demo-calc{flex-wrap:wrap;align-items:flex-start}.billing-demo-operator{display:none}.billing-demo-calc>div{flex:28%}.billing-demo-calc .billing-demo-net{flex-basis:100%}}@media (max-width:520px){.billing-demo-cycle-grid{grid-template-columns:1fr}.billing-demo-schedule header{flex-direction:column}.billing-demo-calc>div{flex-basis:42%}}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-\[\#87918b\]::placeholder{--tw-text-opacity:1;color:rgb(135 145 139/var(--tw-text-opacity,1))}.placeholder\:text-muted-foreground\/80::placeholder{color:hsl(var(--muted-foreground)/.8)}.placeholder\:text-muted-foreground\/90::placeholder{color:hsl(var(--muted-foreground)/.9)}.last\:border-0:last-child{border-width:0}.focus-within\:border-\[\#82c9a7\]:focus-within{--tw-border-opacity:1;border-color:rgb(130 201 167/var(--tw-border-opacity,1))}.focus-within\:bg-white:focus-within{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.focus-within\:ring-2:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-within\:ring-ring:focus-within{--tw-ring-color:hsl(var(--ring))}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px}.hover\:border-\[\#d7e8df\]:hover{--tw-border-opacity:1;border-color:rgb(215 232 223/var(--tw-border-opacity,1))}.hover\:border-border:hover{border-color:hsl(var(--border))}.hover\:border-destructive\/20:hover{border-color:hsl(var(--destructive)/.2)}.hover\:border-primary\/20:hover{border-color:hsl(var(--primary)/.2)}.hover\:border-primary\/30:hover{border-color:hsl(var(--primary)/.3)}.hover\:bg-\[\#06663e\]:hover{--tw-bg-opacity:1;background-color:rgb(6 102 62/var(--tw-bg-opacity,1))}.hover\:bg-\[\#f1f7f4\]:hover{--tw-bg-opacity:1;background-color:rgb(241 247 244/var(--tw-bg-opacity,1))}.hover\:bg-\[\#f3f4ee\]:hover{--tw-bg-opacity:1;background-color:rgb(243 244 238/var(--tw-bg-opacity,1))}.hover\:bg-\[\#f4fbf7\]:hover{--tw-bg-opacity:1;background-color:rgb(244 251 247/var(--tw-bg-opacity,1))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-accent\/65:hover{background-color:hsl(var(--accent)/.65)}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-destructive\/5:hover{background-color:hsl(var(--destructive)/.05)}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-primary\/15:hover{background-color:hsl(var(--primary)/.15)}.hover\:bg-primary\/95:hover{background-color:hsl(var(--primary)/.95)}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/30:hover{background-color:hsl(var(--secondary)/.3)}.hover\:bg-secondary\/35:hover{background-color:hsl(var(--secondary)/.35)}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:bg-success\/90:hover{background-color:hsl(var(--success)/.9)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/70:hover{background-color:#ffffffb3}.hover\:bg-white\/\[0\.08\]:hover{background-color:#ffffff14}.hover\:text-\[\#087f4d\]:hover{--tw-text-opacity:1;color:rgb(8 127 77/var(--tw-text-opacity,1))}.hover\:text-destructive:hover{color:hsl(var(--destructive))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-panel:hover{--tw-shadow:var(--shadow-panel);--tw-shadow-colored:var(--shadow-panel);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:not-sr-only:focus{clip:auto;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:absolute:focus{position:absolute}.focus\:border-primary:focus{border-color:hsl(var(--primary))}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-primary\/15:focus{--tw-ring-color:hsl(var(--primary)/.15)}.focus\:ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:ring-ring\/20:focus{--tw-ring-color:hsl(var(--ring)/.2)}.focus-visible\:border-primary:focus-visible{border-color:hsl(var(--primary))}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-ring\/20:focus-visible{--tw-ring-color:hsl(var(--ring)/.2)}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width:0px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:hsl(var(--background))}.active\:translate-y-px:active{--tw-translate-y:1px;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))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:translate-y-0:disabled{--tw-translate-y:0px;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))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-muted\/60:disabled{background-color:hsl(var(--muted)/.6)}.disabled\:bg-secondary\/50:disabled{background-color:hsl(var(--secondary)/.5)}.disabled\:text-muted-foreground:disabled{color:hsl(var(--muted-foreground))}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:shadow-none:disabled{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:focus-within .group-focus-within\:text-primary{color:hsl(var(--primary))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:.125rem;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))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.peer:checked~.peer-checked\:translate-x-4{--tw-translate-x:1rem;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))}.peer:checked~.peer-checked\:bg-primary{background-color:hsl(var(--primary))}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[state\=selected\]\:bg-accent[data-state=selected]{background-color:hsl(var(--accent))}@media (prefers-reduced-motion:reduce){.motion-reduce\:transform-none{transform:none}.motion-reduce\:transition-none{transition-property:none}}@media (min-width:640px){.sm\:mt-24{margin-top:6rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:w-40{width:10rem}.sm\:w-52{width:13rem}.sm\:w-56{width:14rem}.sm\:w-64{width:16rem}.sm\:w-72{width:18rem}.sm\:w-\[180px\]{width:180px}.sm\:w-\[190px\]{width:190px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[minmax\(0\,1fr\)_220px\]{grid-template-columns:minmax(0,1fr) 220px}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-end{align-items:flex-end}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:justify-between{justify-content:space-between}.sm\:gap-12{gap:3rem}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.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\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-12{padding-top:3rem;padding-bottom:3rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pb-4{padding-bottom:1rem}.sm\:pt-0{padding-top:0}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-\[30px\]{font-size:30px}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:px-\[18px\]{padding-left:18px;padding-right:18px}.lg\:pb-5{padding-bottom:1.25rem}.lg\:pt-\[14px\]{padding-top:14px}}@media (min-width:1280px){.xl\:col-span-3{grid-column:span 3/span 3}.xl\:flex{display:flex}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,\.72fr\)_minmax\(0\,1\.28fr\)\]{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}.xl\:grid-cols-\[minmax\(0\,1\.2fr\)_repeat\(2\,minmax\(180px\,0\.6fr\)\)\]{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(180px,.6fr))}.xl\:grid-cols-\[minmax\(0\,1\.65fr\)_minmax\(320px\,0\.9fr\)\]{grid-template-columns:minmax(0,1.65fr) minmax(320px,.9fr)}.xl\:grid-cols-\[minmax\(0\,1fr\)_310px\]{grid-template-columns:minmax(0,1fr) 310px}.xl\:flex-row{flex-direction:row}.xl\:items-start{align-items:flex-start}.xl\:items-center{align-items:center}.xl\:justify-end{justify-content:flex-end}.xl\:justify-between{justify-content:space-between}}@media print{.print\:mt-16{margin-top:4rem}.print\:border{border-width:1px}.print\:border-none{border-style:none}.print\:border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.print\:bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.print\:bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.print\:bg-transparent{background-color:#0000}.print\:p-0{padding:0}.print\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.print\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0}.\[\&_tr\:hover\]\:bg-transparent tr:hover{background-color:#0000}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}.\[\&_tr\]\:border-border\/70 tr{border-color:hsl(var(--border)/.7)}