*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Prompt,Noto Sans Thai,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root,[data-theme]{color:hsl(var(--heroui-foreground));background-color:hsl(var(--heroui-background))}:root,[data-theme=light]{color-scheme:light;--heroui-background:0 0% 100%;--heroui-foreground-50:0 0% 98.04%;--heroui-foreground-100:240 4.76% 95.88%;--heroui-foreground-200:240 5.88% 90%;--heroui-foreground-300:240 4.88% 83.92%;--heroui-foreground-400:240 5.03% 64.9%;--heroui-foreground-500:240 3.83% 46.08%;--heroui-foreground-600:240 5.2% 33.92%;--heroui-foreground-700:240 5.26% 26.08%;--heroui-foreground-800:240 3.7% 15.88%;--heroui-foreground-900:240 5.88% 10%;--heroui-foreground:201.81999999999994 24.44% 8.82%;--heroui-divider:0 0% 6.67%;--heroui-focus:212.01999999999998 100% 46.67%;--heroui-overlay:0 0% 0%;--heroui-content1:0 0% 100%;--heroui-content1-foreground:201.81999999999994 24.44% 8.82%;--heroui-content2:240 4.76% 95.88%;--heroui-content2-foreground:240 3.7% 15.88%;--heroui-content3:240 5.88% 90%;--heroui-content3-foreground:240 5.26% 26.08%;--heroui-content4:240 4.88% 83.92%;--heroui-content4-foreground:240 5.2% 33.92%;--heroui-default-50:0 0% 98.04%;--heroui-default-100:240 4.76% 95.88%;--heroui-default-200:240 5.88% 90%;--heroui-default-300:240 4.88% 83.92%;--heroui-default-400:240 5.03% 64.9%;--heroui-default-500:240 3.83% 46.08%;--heroui-default-600:240 5.2% 33.92%;--heroui-default-700:240 5.26% 26.08%;--heroui-default-800:240 3.7% 15.88%;--heroui-default-900:240 5.88% 10%;--heroui-default-foreground:0 0% 0%;--heroui-default:240 4.88% 83.92%;--heroui-primary-50:212.5 92.31% 94.9%;--heroui-primary-100:211.84000000000003 92.45% 89.61%;--heroui-primary-200:211.84000000000003 92.45% 79.22%;--heroui-primary-300:212.24 92.45% 68.82%;--heroui-primary-400:212.14 92.45% 58.43%;--heroui-primary-500:212.01999999999998 100% 46.67%;--heroui-primary-600:212.14 100% 38.43%;--heroui-primary-700:212.24 100% 28.82%;--heroui-primary-800:211.84000000000003 100% 19.22%;--heroui-primary-900:211.84000000000003 100% 9.61%;--heroui-primary-foreground:0 0% 100%;--heroui-primary:212.01999999999998 100% 46.67%;--heroui-secondary-50:270 61.54% 94.9%;--heroui-secondary-100:270 59.26% 89.41%;--heroui-secondary-200:270 59.26% 78.82%;--heroui-secondary-300:270 59.26% 68.24%;--heroui-secondary-400:270 59.26% 57.65%;--heroui-secondary-500:270 66.67% 47.06%;--heroui-secondary-600:270 66.67% 37.65%;--heroui-secondary-700:270 66.67% 28.24%;--heroui-secondary-800:270 66.67% 18.82%;--heroui-secondary-900:270 66.67% 9.41%;--heroui-secondary-foreground:0 0% 100%;--heroui-secondary:270 66.67% 47.06%;--heroui-success-50:146.66999999999996 64.29% 94.51%;--heroui-success-100:145.71000000000004 61.4% 88.82%;--heroui-success-200:146.2 61.74% 77.45%;--heroui-success-300:145.78999999999996 62.57% 66.47%;--heroui-success-400:146.01 62.45% 55.1%;--heroui-success-500:145.96000000000004 79.46% 43.92%;--heroui-success-600:146.01 79.89% 35.1%;--heroui-success-700:145.78999999999996 79.26% 26.47%;--heroui-success-800:146.2 79.78% 17.45%;--heroui-success-900:145.71000000000004 77.78% 8.82%;--heroui-success-foreground:0 0% 0%;--heroui-success:145.96000000000004 79.46% 43.92%;--heroui-warning-50:54.55000000000001 91.67% 95.29%;--heroui-warning-100:37.139999999999986 91.3% 90.98%;--heroui-warning-200:37.139999999999986 91.3% 81.96%;--heroui-warning-300:36.95999999999998 91.24% 73.14%;--heroui-warning-400:37.00999999999999 91.26% 64.12%;--heroui-warning-500:37.02999999999997 91.27% 55.1%;--heroui-warning-600:37.00999999999999 74.22% 44.12%;--heroui-warning-700:36.95999999999998 73.96% 33.14%;--heroui-warning-800:37.139999999999986 75% 21.96%;--heroui-warning-900:37.139999999999986 75% 10.98%;--heroui-warning-foreground:0 0% 0%;--heroui-warning:37.02999999999997 91.27% 55.1%;--heroui-danger-50:339.13 92% 95.1%;--heroui-danger-100:340 91.84% 90.39%;--heroui-danger-200:339.3299999999999 90% 80.39%;--heroui-danger-300:339.11 90.6% 70.78%;--heroui-danger-400:339 90% 60.78%;--heroui-danger-500:339.20000000000005 90.36% 51.18%;--heroui-danger-600:339 86.54% 40.78%;--heroui-danger-700:339.11 85.99% 30.78%;--heroui-danger-800:339.3299999999999 86.54% 20.39%;--heroui-danger-900:340 84.91% 10.39%;--heroui-danger-foreground:0 0% 100%;--heroui-danger:339.20000000000005 90.36% 51.18%;--heroui-divider-weight:1px;--heroui-disabled-opacity:.5;--heroui-font-size-tiny:0.75rem;--heroui-font-size-small:0.875rem;--heroui-font-size-medium:1rem;--heroui-font-size-large:1.125rem;--heroui-line-height-tiny:1rem;--heroui-line-height-small:1.25rem;--heroui-line-height-medium:1.5rem;--heroui-line-height-large:1.75rem;--heroui-radius-small:8px;--heroui-radius-medium:12px;--heroui-radius-large:14px;--heroui-border-width-small:1px;--heroui-border-width-medium:2px;--heroui-border-width-large:3px;--heroui-box-shadow-small:0px 0px 5px 0px rgb(0 0 0/0.02),0px 2px 10px 0px rgb(0 0 0/0.06),0px 0px 1px 0px rgb(0 0 0/0.3);--heroui-box-shadow-medium:0px 0px 15px 0px rgb(0 0 0/0.03),0px 2px 30px 0px rgb(0 0 0/0.08),0px 0px 1px 0px rgb(0 0 0/0.3);--heroui-box-shadow-large:0px 0px 30px 0px rgb(0 0 0/0.04),0px 30px 60px 0px rgb(0 0 0/0.12),0px 0px 1px 0px rgb(0 0 0/0.3);--heroui-hover-opacity:.8}.mb-4{margin-bottom:1rem}.ml-auto{margin-left:auto}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-8{height:2rem}.w-12{width:3rem}.w-64{width:16rem}.w-8{width:2rem}.min-w-0{min-width:0}.min-w-\[760px\]{min-width:760px}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-dashed{border-style:dashed}.border-blue-100{--tw-border-opacity:1;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-sky-300{--tw-border-opacity:1;border-color:rgb(125 211 252/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.align-top{vertical-align:top}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-tight{line-height:1.25}.text-\[\#0b2440\]{--tw-text-opacity:1;color:rgb(11 36 64/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0/0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline{outline-style:solid}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.light{color-scheme:light;--heroui-background:0 0% 100%;--heroui-foreground-50:0 0% 98.04%;--heroui-foreground-100:240 4.76% 95.88%;--heroui-foreground-200:240 5.88% 90%;--heroui-foreground-300:240 4.88% 83.92%;--heroui-foreground-400:240 5.03% 64.9%;--heroui-foreground-500:240 3.83% 46.08%;--heroui-foreground-600:240 5.2% 33.92%;--heroui-foreground-700:240 5.26% 26.08%;--heroui-foreground-800:240 3.7% 15.88%;--heroui-foreground-900:240 5.88% 10%;--heroui-foreground:201.81999999999994 24.44% 8.82%;--heroui-divider:0 0% 6.67%;--heroui-focus:212.01999999999998 100% 46.67%;--heroui-overlay:0 0% 0%;--heroui-content1:0 0% 100%;--heroui-content1-foreground:201.81999999999994 24.44% 8.82%;--heroui-content2:240 4.76% 95.88%;--heroui-content2-foreground:240 3.7% 15.88%;--heroui-content3:240 5.88% 90%;--heroui-content3-foreground:240 5.26% 26.08%;--heroui-content4:240 4.88% 83.92%;--heroui-content4-foreground:240 5.2% 33.92%;--heroui-default-50:0 0% 98.04%;--heroui-default-100:240 4.76% 95.88%;--heroui-default-200:240 5.88% 90%;--heroui-default-300:240 4.88% 83.92%;--heroui-default-400:240 5.03% 64.9%;--heroui-default-500:240 3.83% 46.08%;--heroui-default-600:240 5.2% 33.92%;--heroui-default-700:240 5.26% 26.08%;--heroui-default-800:240 3.7% 15.88%;--heroui-default-900:240 5.88% 10%;--heroui-default-foreground:0 0% 0%;--heroui-default:240 4.88% 83.92%;--heroui-primary-50:212.5 92.31% 94.9%;--heroui-primary-100:211.84000000000003 92.45% 89.61%;--heroui-primary-200:211.84000000000003 92.45% 79.22%;--heroui-primary-300:212.24 92.45% 68.82%;--heroui-primary-400:212.14 92.45% 58.43%;--heroui-primary-500:212.01999999999998 100% 46.67%;--heroui-primary-600:212.14 100% 38.43%;--heroui-primary-700:212.24 100% 28.82%;--heroui-primary-800:211.84000000000003 100% 19.22%;--heroui-primary-900:211.84000000000003 100% 9.61%;--heroui-primary-foreground:0 0% 100%;--heroui-primary:212.01999999999998 100% 46.67%;--heroui-secondary-50:270 61.54% 94.9%;--heroui-secondary-100:270 59.26% 89.41%;--heroui-secondary-200:270 59.26% 78.82%;--heroui-secondary-300:270 59.26% 68.24%;--heroui-secondary-400:270 59.26% 57.65%;--heroui-secondary-500:270 66.67% 47.06%;--heroui-secondary-600:270 66.67% 37.65%;--heroui-secondary-700:270 66.67% 28.24%;--heroui-secondary-800:270 66.67% 18.82%;--heroui-secondary-900:270 66.67% 9.41%;--heroui-secondary-foreground:0 0% 100%;--heroui-secondary:270 66.67% 47.06%;--heroui-success-50:146.66999999999996 64.29% 94.51%;--heroui-success-100:145.71000000000004 61.4% 88.82%;--heroui-success-200:146.2 61.74% 77.45%;--heroui-success-300:145.78999999999996 62.57% 66.47%;--heroui-success-400:146.01 62.45% 55.1%;--heroui-success-500:145.96000000000004 79.46% 43.92%;--heroui-success-600:146.01 79.89% 35.1%;--heroui-success-700:145.78999999999996 79.26% 26.47%;--heroui-success-800:146.2 79.78% 17.45%;--heroui-success-900:145.71000000000004 77.78% 8.82%;--heroui-success-foreground:0 0% 0%;--heroui-success:145.96000000000004 79.46% 43.92%;--heroui-warning-50:54.55000000000001 91.67% 95.29%;--heroui-warning-100:37.139999999999986 91.3% 90.98%;--heroui-warning-200:37.139999999999986 91.3% 81.96%;--heroui-warning-300:36.95999999999998 91.24% 73.14%;--heroui-warning-400:37.00999999999999 91.26% 64.12%;--heroui-warning-500:37.02999999999997 91.27% 55.1%;--heroui-warning-600:37.00999999999999 74.22% 44.12%;--heroui-warning-700:36.95999999999998 73.96% 33.14%;--heroui-warning-800:37.139999999999986 75% 21.96%;--heroui-warning-900:37.139999999999986 75% 10.98%;--heroui-warning-foreground:0 0% 0%;--heroui-warning:37.02999999999997 91.27% 55.1%;--heroui-danger-50:339.13 92% 95.1%;--heroui-danger-100:340 91.84% 90.39%;--heroui-danger-200:339.3299999999999 90% 80.39%;--heroui-danger-300:339.11 90.6% 70.78%;--heroui-danger-400:339 90% 60.78%;--heroui-danger-500:339.20000000000005 90.36% 51.18%;--heroui-danger-600:339 86.54% 40.78%;--heroui-danger-700:339.11 85.99% 30.78%;--heroui-danger-800:339.3299999999999 86.54% 20.39%;--heroui-danger-900:340 84.91% 10.39%;--heroui-danger-foreground:0 0% 100%;--heroui-danger:339.20000000000005 90.36% 51.18%;--heroui-divider-weight:1px;--heroui-disabled-opacity:.5;--heroui-font-size-tiny:0.75rem;--heroui-font-size-small:0.875rem;--heroui-font-size-medium:1rem;--heroui-font-size-large:1.125rem;--heroui-line-height-tiny:1rem;--heroui-line-height-small:1.25rem;--heroui-line-height-medium:1.5rem;--heroui-line-height-large:1.75rem;--heroui-radius-small:8px;--heroui-radius-medium:12px;--heroui-radius-large:14px;--heroui-border-width-small:1px;--heroui-border-width-medium:2px;--heroui-border-width-large:3px;--heroui-box-shadow-small:0px 0px 5px 0px rgb(0 0 0/0.02),0px 2px 10px 0px rgb(0 0 0/0.06),0px 0px 1px 0px rgb(0 0 0/0.3);--heroui-box-shadow-medium:0px 0px 15px 0px rgb(0 0 0/0.03),0px 2px 30px 0px rgb(0 0 0/0.08),0px 0px 1px 0px rgb(0 0 0/0.3);--heroui-box-shadow-large:0px 0px 30px 0px rgb(0 0 0/0.04),0px 30px 60px 0px rgb(0 0 0/0.12),0px 0px 1px 0px rgb(0 0 0/0.3);--heroui-hover-opacity:.8}:root{--bg:#eef3f9;--surface:#ffffff;--surface-2:#f8fbff;--ink:#0f172a;--muted:#64748b;--line:#dbe7f3;--brand:#2563eb;--brand-2:#3528e8;--success:#16a34a;--warning:#f59e0b;--danger:#ef4444;--sidebar:#edf6ff;--topbar:#202830}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Prompt,Noto Sans Thai,Arial,sans-serif}a{color:inherit;text-decoration:none}.app-shell{min-height:100dvh}.topbar{position:fixed;top:0;left:0;right:0;z-index:40;min-height:56px;display:flex;align-items:center;gap:18px;padding:8px 16px;color:#e5f2ff;background:var(--topbar);border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 8px 22px rgba(2,6,23,.2)}.topbar h1{margin:0;color:#fff;font-size:20px;font-weight:950}.topbar-title{min-width:170px}.topbar-search{width:min(360px,28vw)}.topbar-search input{color:#e5f2ff}.topbar-user{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-user em{margin-left:8px;padding:2px 6px;border-radius:999px;background:#dbeafe;color:#1d4ed8;font-size:10px;font-style:normal;font-weight:950}.topbar p{margin:2px 0 0;color:#b6c7d6;font-size:12px}.sidebar{position:fixed;top:56px;left:0;bottom:0;z-index:30;width:260px;overflow:auto;border-right:1px solid var(--line);background:linear-gradient(180deg,#edf7ff,#f8fbff)}.sidebar-inner{padding:16px}.sidebar-profile{min-height:108px;margin:20px 0;padding:16px;display:flex;align-items:flex-end;gap:10px;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,rgba(15,23,42,.15),rgba(15,23,42,.78)),url(/profile-bg.svg) 50% /cover;color:#fff;box-shadow:0 14px 30px rgba(15,23,42,.12)}.sidebar-nav{display:grid;gap:10px}.sidebar-group{min-width:0}.sidebar-group-button{width:100%;min-height:34px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #cfe0f2;border-radius:7px;background:#f8fbff;color:#07152b;font:inherit;font-size:13px;font-weight:950;cursor:pointer}.sidebar-group-button svg{flex:0 0 auto;transition:transform .22s ease}.sidebar-group-items{display:grid;grid-template-rows:0fr;overflow:hidden;border-left:1px solid #cfe0f2;margin-left:12px;padding-left:8px;transition:grid-template-rows .24s ease,padding-top .24s ease,opacity .18s ease;opacity:0}.sidebar-group-items.is-open{grid-template-rows:1fr;padding-top:8px;opacity:1}.sidebar-group-items>*{min-height:0}.main-container{margin-left:260px;padding:76px 28px 32px}.page-wrap{width:min(1600px,100%);margin:0 auto}.hero-panel{margin-bottom:20px;padding:26px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#fff,#eef6ff);box-shadow:0 14px 34px rgba(15,23,42,.07)}.hero-panel h2{margin:0;color:var(--brand-2);font-size:32px;font-weight:950}.hero-panel p{margin:6px 0 0;color:#334155;font-size:13px;font-weight:700}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.content-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);gap:14px;align-items:start}.soft-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 8px 22px rgba(15,23,42,.06)}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.operation-card{min-height:168px;overflow:hidden;border:0;border-radius:7px;color:#fff;box-shadow:0 10px 28px rgba(15,23,42,.12)}.operation-card-body{min-height:132px;padding:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(145px,.6fr);gap:12px;align-items:start}.operation-card h3{margin:0;font-size:15px;font-weight:950}.operation-card p{margin:8px 0 0;max-width:34ch;color:rgba(255,255,255,.9);font-size:12px;font-weight:700;line-height:1.45}.operation-card-metrics{display:grid;gap:4px}.operation-card-metric{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:12px;font-weight:850}.operation-card-dot{width:8px;height:8px;border-radius:999px;background:#facc15}.operation-card-value{font-size:13px;font-weight:950}.operation-card-footer{min-height:36px;padding:0 14px;display:flex;align-items:center;justify-content:flex-end;gap:14px;background:rgba(0,0,0,.25);font-size:13px;font-weight:850}.operation-card a{color:#fff}.operation-card.blue{background:#1688e8}.operation-card.teal{background:#0ea5a5}.operation-card.purple{background:#8754d9}.operation-card.orange{background:#f59e0b}.operation-card.cyan{background:#36b6d2}.operation-card.red{background:#ff5558}.table-wrap{max-width:100%;overflow-x:auto}.section-title{margin:0;color:#0b2440;font-size:18px;font-weight:950}.muted{color:var(--muted)}.auth-loading{place-items:center;background:linear-gradient(135deg,#ffffff,#eef6ff)}.auth-loading,.login-page{min-height:100dvh;display:grid}.login-page{place-items:center;padding:28px;background:linear-gradient(135deg,rgba(37,99,235,.1),rgba(14,165,233,.08)),#f8fbff}.login-shell{width:min(1080px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:24px;align-items:center}.login-brand{padding:12px}.login-brand h1{margin:18px 0 10px;color:#0b2440;font-size:clamp(38px,6vw,72px);font-weight:950;line-height:.95}.login-brand p{max-width:54ch;margin:0;color:#475569;font-size:16px;font-weight:750;line-height:1.65}.login-card{border:1px solid #dbe7f3;background:rgba(255,255,255,.94);box-shadow:0 24px 70px rgba(15,23,42,.14)}.login-card h2{margin:0;color:#0b2440;font-size:28px;font-weight:950}.login-card p{margin:6px 0 0;color:#64748b;font-size:13px;font-weight:750}.google-login-slot{min-height:44px;display:flex;justify-content:center}.login-config-warning{padding:14px;border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:13px;font-weight:800}.login-error{padding:12px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#991b1b!important;font-weight:800!important}.master-note{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;color:#1e3a8a;font-size:13px;font-weight:800}@media (max-width:980px){.topbar{min-height:70px;padding:10px 12px}.sidebar,.topbar p{display:none}.main-container{margin-left:0;padding:86px 14px 24px}.content-grid,.hero-panel{display:block}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-shell,.module-grid{grid-template-columns:1fr}}@media (max-width:1280px){.content-grid{grid-template-columns:1fr}}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}@media (min-width:768px){.md\:grid-cols-\[1fr_220px\]{grid-template-columns:1fr 220px}}@media (min-width:1024px){.lg\:flex{display:flex}}@media (min-width:1280px){.xl\:inline{display:inline}.xl\:inline-flex{display:inline-flex}}