@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){.shadcn-preview *,.shadcn-preview :before,.shadcn-preview :after,.shadcn-preview ::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-outline-style:solid}}}@layer theme{.shadcn-preview,.shadcn-preview{--font-mono:var(--ff-code);--spacing:.25rem;--container-md:28rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--radius-sm:var(--rd-sm);--radius-md:var(--rd-md);--radius-lg:var(--rd-lg);--radius-xl:var(--rd-xl);--shadow-sm:var(--sh-sm);--shadow-md:var(--sh-md);--shadow-lg:var(--sh-lg);--shadow-xl:var(--sh-xl);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--color-primary:var(--primary);--color-primary-hover:var(--primary-hover);--radius-pill:var(--rd-pill)}}.shadcn-preview .visible{visibility:visible}.shadcn-preview .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shadcn-preview .absolute{position:absolute}.shadcn-preview .fixed{position:fixed}.shadcn-preview .relative{position:relative}.shadcn-preview .static{position:static}.shadcn-preview .sticky{position:sticky}.shadcn-preview .inset-0{inset:0}.shadcn-preview .inset-x-0{inset-inline:0}.shadcn-preview .-top-8{top:calc(var(--spacing) * -8)}.shadcn-preview .top-0{top:0}.shadcn-preview .top-1{top:var(--spacing)}.shadcn-preview .top-1\.5{top:calc(var(--spacing) * 1.5)}.shadcn-preview .top-1\/2{top:50%}.shadcn-preview .top-2{top:calc(var(--spacing) * 2)}.shadcn-preview .-right-8{right:calc(var(--spacing) * -8)}.shadcn-preview .right-0{right:0}.shadcn-preview .right-0\.5{right:calc(var(--spacing) * .5)}.shadcn-preview .right-1\.5{right:calc(var(--spacing) * 1.5)}.shadcn-preview .right-2{right:calc(var(--spacing) * 2)}.shadcn-preview .bottom-0{bottom:0}.shadcn-preview .left-1\/2{left:50%}.shadcn-preview .left-2{left:calc(var(--spacing) * 2)}.shadcn-preview .left-\[var\(--l\)\]{left:var(--l)}.shadcn-preview .z-\(--z-modal\){z-index:var(--z-modal)}.shadcn-preview .z-20{z-index:20}.shadcn-preview .z-50{z-index:50}.shadcn-preview .z-\[5\]{z-index:5}.shadcn-preview .z-\[10\]{z-index:10}.shadcn-preview .z-\[11\]{z-index:11}.shadcn-preview .z-\[45\]{z-index:45}.shadcn-preview .container{width:100%}@media (min-width:40rem){.shadcn-preview .container{max-width:40rem}}@media (min-width:48rem){.shadcn-preview .container{max-width:48rem}}@media (min-width:64rem){.shadcn-preview .container{max-width:64rem}}@media (min-width:80rem){.shadcn-preview .container{max-width:80rem}}@media (min-width:96rem){.shadcn-preview .container{max-width:96rem}}.shadcn-preview .-m-4{margin:calc(var(--spacing) * -4)}.shadcn-preview .-mx-page-x{margin-inline:calc(var(--page-px) * -1)}.shadcn-preview .mx-auto{margin-inline:auto}.shadcn-preview .-mt-page-pt{margin-top:calc(var(--page-pt) * -1)}.shadcn-preview .mt-0\.5{margin-top:calc(var(--spacing) * .5)}.shadcn-preview .mt-1{margin-top:var(--spacing)}.shadcn-preview .mt-2{margin-top:calc(var(--spacing) * 2)}.shadcn-preview .mt-3{margin-top:calc(var(--spacing) * 3)}.shadcn-preview .-mr-2{margin-right:calc(var(--spacing) * -2)}.shadcn-preview .-mr-2\.5{margin-right:calc(var(--spacing) * -2.5)}.shadcn-preview .-mb-11{margin-bottom:calc(var(--spacing) * -11)}.shadcn-preview .mb-1{margin-bottom:var(--spacing)}.shadcn-preview .mb-2{margin-bottom:calc(var(--spacing) * 2)}.shadcn-preview .mb-3{margin-bottom:calc(var(--spacing) * 3)}.shadcn-preview .-ml-2\.5{margin-left:calc(var(--spacing) * -2.5)}.shadcn-preview .ml-1{margin-left:var(--spacing)}.shadcn-preview .ml-2{margin-left:calc(var(--spacing) * 2)}.shadcn-preview .ml-auto{margin-left:auto}.shadcn-preview .block{display:block}.shadcn-preview .flex{display:flex}.shadcn-preview .grid{display:grid}.shadcn-preview .hidden{display:none}.shadcn-preview .inline{display:inline}.shadcn-preview .inline-flex{display:inline-flex}.shadcn-preview .table{display:table}.shadcn-preview .table-cell{display:table-cell}.shadcn-preview .table-row{display:table-row}.shadcn-preview .aspect-\[1\.58\/1\]{aspect-ratio:1.58}.shadcn-preview .aspect-video{aspect-ratio:var(--aspect-video)}.shadcn-preview .size-1\.5{width:calc(var(--spacing) * 1.5);height:calc(var(--spacing) * 1.5)}.shadcn-preview .size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.shadcn-preview .size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.shadcn-preview .size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.shadcn-preview .size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.shadcn-preview .size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.shadcn-preview .size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.shadcn-preview .size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.shadcn-preview .size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.shadcn-preview .size-11{width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.shadcn-preview .size-14{width:calc(var(--spacing) * 14);height:calc(var(--spacing) * 14)}.shadcn-preview .size-21{width:calc(var(--spacing) * 21);height:calc(var(--spacing) * 21)}.shadcn-preview .size-28{width:calc(var(--spacing) * 28);height:calc(var(--spacing) * 28)}.shadcn-preview .size-30{width:calc(var(--spacing) * 30);height:calc(var(--spacing) * 30)}.shadcn-preview .size-\[var\(--h-32\)\]{width:var(--h-32);height:var(--h-32)}.shadcn-preview .size-control-sm{width:var(--control-h-sm);height:var(--control-h-sm)}.shadcn-preview .size-full{width:100%;height:100%}.shadcn-preview .h-1{height:var(--spacing)}.shadcn-preview .h-1\.5{height:calc(var(--spacing) * 1.5)}.shadcn-preview .h-7{height:calc(var(--spacing) * 7)}.shadcn-preview .h-8{height:calc(var(--spacing) * 8)}.shadcn-preview .h-16{height:calc(var(--spacing) * 16)}.shadcn-preview .h-24{height:calc(var(--spacing) * 24)}.shadcn-preview .h-40{height:calc(var(--spacing) * 40)}.shadcn-preview .h-44{height:calc(var(--spacing) * 44)}.shadcn-preview .h-\[var\(--h-36\)\]{height:var(--h-36)}.shadcn-preview .h-\[var\(--h-40\)\]{height:var(--h-40)}.shadcn-preview .h-auto{height:auto}.shadcn-preview .h-control{height:var(--control-h)}.shadcn-preview .h-control-lg{height:var(--control-h-lg)}.shadcn-preview .h-control-sm{height:var(--control-h-sm)}.shadcn-preview .h-row{height:var(--row-h)}.shadcn-preview .max-h-\[50vh\]{max-height:50vh}.shadcn-preview .max-h-\[90dvh\]{max-height:90dvh}.shadcn-preview .min-h-0{min-height:0}.shadcn-preview .min-h-11{min-height:calc(var(--spacing) * 11)}.shadcn-preview .min-h-\[44px\]{min-height:44px}.shadcn-preview .min-h-control{min-height:var(--control-h)}.shadcn-preview .min-h-dvh{min-height:100dvh}.shadcn-preview .min-h-list-row{min-height:var(--list-row-h)}.shadcn-preview .min-h-touch{min-height:var(--touch-min)}.shadcn-preview .w-2\/3{width:66.6667%}.shadcn-preview .w-10{width:calc(var(--spacing) * 10)}.shadcn-preview .w-\[calc\(100\%-var\(--space-8\)\)\]{width:calc(100% - var(--space-8))}.shadcn-preview .w-\[var\(--h-40\)\]{width:var(--h-40)}.shadcn-preview .w-fit{width:fit-content}.shadcn-preview .w-full{width:100%}.shadcn-preview .max-w-\(--dialog-w-lg\){max-width:var(--dialog-w-lg)}.shadcn-preview .max-w-\(--dialog-w-md\){max-width:var(--dialog-w-md)}.shadcn-preview .max-w-\(--dialog-w-sm\){max-width:var(--dialog-w-sm)}.shadcn-preview .max-w-\(--sheet-max-w\){max-width:var(--sheet-max-w)}.shadcn-preview .max-w-55{max-width:calc(var(--spacing) * 55)}.shadcn-preview .max-w-72{max-width:calc(var(--spacing) * 72)}.shadcn-preview .max-w-\[30rem\]{max-width:30rem}.shadcn-preview .max-w-\[60\%\]{max-width:60%}.shadcn-preview .max-w-full{max-width:100%}.shadcn-preview .max-w-md{max-width:var(--container-md)}.shadcn-preview .min-w-0{min-width:0}.shadcn-preview .min-w-5{min-width:calc(var(--spacing) * 5)}.shadcn-preview .min-w-10{min-width:calc(var(--spacing) * 10)}.shadcn-preview .min-w-11{min-width:calc(var(--spacing) * 11)}.shadcn-preview .min-w-32{min-width:calc(var(--spacing) * 32)}.shadcn-preview .min-w-40{min-width:calc(var(--spacing) * 40)}.shadcn-preview .min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.shadcn-preview .flex-1{flex:1}.shadcn-preview .shrink-0{flex-shrink:0}.shadcn-preview .grow{flex-grow:1}.shadcn-preview .basis-3\/5{flex-basis:60%}.shadcn-preview .basis-full{flex-basis:100%}.shadcn-preview .border-separate{border-collapse:separate}.shadcn-preview .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)}.shadcn-preview .-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.shadcn-preview .-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.shadcn-preview .animate-fade{animation:fade var(--t-base) var(--ease)}.shadcn-preview .animate-pulse{animation:var(--animate-pulse)}.shadcn-preview .animate-spin{animation:var(--animate-spin)}.shadcn-preview .cursor-default{cursor:default}.shadcn-preview .cursor-not-allowed{cursor:not-allowed}.shadcn-preview .cursor-pointer{cursor:pointer}.shadcn-preview .resize{resize:both}.shadcn-preview .resize-y{resize:vertical}.shadcn-preview .list-none{list-style-type:none}.shadcn-preview .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.shadcn-preview .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.shadcn-preview .flex-col{flex-direction:column}.shadcn-preview .flex-row{flex-direction:row}.shadcn-preview .flex-wrap{flex-wrap:wrap}.shadcn-preview .place-items-center{place-items:center}.shadcn-preview .items-baseline{align-items:baseline}.shadcn-preview .items-center{align-items:center}.shadcn-preview .items-start{align-items:flex-start}.shadcn-preview .justify-between{justify-content:space-between}.shadcn-preview .justify-center{justify-content:center}.shadcn-preview .justify-items-center{justify-items:center}.shadcn-preview .gap-\(--panel-gap\){gap:var(--panel-gap)}.shadcn-preview .gap-0\.5{gap:calc(var(--spacing) * .5)}.shadcn-preview .gap-1{gap:var(--spacing)}.shadcn-preview .gap-1\.5{gap:calc(var(--spacing) * 1.5)}.shadcn-preview .gap-2{gap:calc(var(--spacing) * 2)}.shadcn-preview .gap-2\.5{gap:calc(var(--spacing) * 2.5)}.shadcn-preview .gap-3{gap:calc(var(--spacing) * 3)}.shadcn-preview .gap-4{gap:calc(var(--spacing) * 4)}.shadcn-preview .gap-panel{gap:var(--panel-pad)}.shadcn-preview .gap-panel-gap{gap:var(--panel-gap)}.shadcn-preview .gap-x-1{column-gap:var(--spacing)}.shadcn-preview .gap-x-5{column-gap:calc(var(--spacing) * 5)}.shadcn-preview .gap-y-1{row-gap:var(--spacing)}.shadcn-preview :where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.shadcn-preview :where(.divide-border>:not(:last-child)){border-color:var(--border)}.shadcn-preview .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shadcn-preview .overflow-auto{overflow:auto}.shadcn-preview .overflow-hidden{overflow:hidden}.shadcn-preview .overflow-x-auto{overflow-x:auto}.shadcn-preview .overflow-y-auto{overflow-y:auto}.shadcn-preview .rounded-full{border-radius:3.40282e38px}.shadcn-preview .rounded-lg{border-radius:var(--rd-lg)}.shadcn-preview .rounded-md{border-radius:var(--rd-md)}.shadcn-preview .rounded-none{border-radius:0}.shadcn-preview .rounded-pill{border-radius:var(--rd-pill)}.shadcn-preview .rounded-sm{border-radius:var(--rd-sm)}.shadcn-preview .rounded-xl{border-radius:var(--rd-xl)}.shadcn-preview .rounded-t-xl{border-top-left-radius:var(--rd-xl);border-top-right-radius:var(--rd-xl)}.shadcn-preview .border{border-style:var(--tw-border-style);border-width:1px}.shadcn-preview .border-2{border-style:var(--tw-border-style);border-width:2px}.shadcn-preview .border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.shadcn-preview .border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.shadcn-preview .border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.shadcn-preview .border-dashed{--tw-border-style:dashed;border-style:dashed}.shadcn-preview .border-solid{--tw-border-style:solid;border-style:solid}.shadcn-preview .border-border{border-color:var(--border)}.shadcn-preview .border-border-strong{border-color:var(--border-strong)}.shadcn-preview .border-brand-500{border-color:var(--brand-500)}.shadcn-preview .border-destructive{border-color:var(--destructive)}.shadcn-preview .border-input{border-color:var(--input)}.shadcn-preview .border-primary{border-color:var(--primary)}.shadcn-preview .border-secondary-border{border-color:var(--secondary-border)}.shadcn-preview .border-status-gold-border{border-color:var(--status-gold-border)}.shadcn-preview .border-status-ok-border{border-color:var(--status-ok-border)}.shadcn-preview .border-status-red-border{border-color:var(--status-red-border)}.shadcn-preview .border-transparent{border-color:#0000}.shadcn-preview .bg-\[var\(--dot\)\]{background-color:var(--dot)}.shadcn-preview .bg-accent{background-color:var(--accent)}.shadcn-preview .bg-border{background-color:var(--border)}.shadcn-preview .bg-border-strong{background-color:var(--border-strong)}.shadcn-preview .bg-brand-100{background-color:var(--brand-100)}.shadcn-preview .bg-brand-700{background-color:var(--brand-700)}.shadcn-preview .bg-brand-900{background-color:var(--brand-900)}.shadcn-preview .bg-card{background-color:var(--card)}.shadcn-preview .bg-destructive{background-color:var(--destructive)}.shadcn-preview .bg-gold-100{background-color:var(--gold-100)}.shadcn-preview .bg-gold-200{background-color:var(--gold-200)}.shadcn-preview .bg-inherit{background-color:inherit}.shadcn-preview .bg-line{background-color:var(--line)}.shadcn-preview .bg-muted,.shadcn-preview .bg-muted\/40{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.shadcn-preview .bg-muted\/40{background-color:color-mix(in oklab, var(--muted) 40%, transparent)}}.shadcn-preview .bg-overlay{background-color:var(--overlay)}.shadcn-preview .bg-popover{background-color:var(--popover)}.shadcn-preview .bg-primary{background-color:var(--primary)}.shadcn-preview .bg-secondary{background-color:var(--secondary)}.shadcn-preview .bg-skeleton{background-color:var(--skeleton)}.shadcn-preview .bg-status-closed-bg{background-color:var(--status-closed-bg)}.shadcn-preview .bg-status-deepred-bg{background-color:var(--status-deepred-bg)}.shadcn-preview .bg-status-gold-bg{background-color:var(--status-gold-bg)}.shadcn-preview .bg-status-green-bg{background-color:var(--status-green-bg)}.shadcn-preview .bg-status-pink-bg{background-color:var(--status-pink-bg)}.shadcn-preview .bg-status-purple-bg{background-color:var(--status-purple-bg)}.shadcn-preview .bg-status-red-bg{background-color:var(--status-red-bg)}.shadcn-preview .bg-status-red-fg{background-color:var(--status-red-fg)}.shadcn-preview .bg-status-silver-bg{background-color:var(--status-silver-bg)}.shadcn-preview .bg-table-head{background-color:var(--table-head)}.shadcn-preview .bg-transparent{background-color:#0000}.shadcn-preview .object-contain{object-fit:contain}.shadcn-preview .object-cover{object-fit:cover}.shadcn-preview .p-\(--page-px\){padding:var(--page-px)}.shadcn-preview .p-0{padding:0}.shadcn-preview .p-1{padding:var(--spacing)}.shadcn-preview .p-3{padding:calc(var(--spacing) * 3)}.shadcn-preview .p-panel{padding:var(--panel-pad)}.shadcn-preview .px-\(--page-px\){padding-inline:var(--page-px)}.shadcn-preview .px-0{padding-inline:0}.shadcn-preview .px-1{padding-inline:var(--spacing)}.shadcn-preview .px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.shadcn-preview .px-2{padding-inline:calc(var(--spacing) * 2)}.shadcn-preview .px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.shadcn-preview .px-3{padding-inline:calc(var(--spacing) * 3)}.shadcn-preview .px-4{padding-inline:calc(var(--spacing) * 4)}.shadcn-preview .px-5{padding-inline:calc(var(--spacing) * 5)}.shadcn-preview .px-6{padding-inline:calc(var(--spacing) * 6)}.shadcn-preview .px-cell-x{padding-inline:var(--cell-px)}.shadcn-preview .px-page-x{padding-inline:var(--page-px)}.shadcn-preview .px-panel{padding-inline:var(--panel-pad)}.shadcn-preview .py-0{padding-block:0}.shadcn-preview .py-0\.5{padding-block:calc(var(--spacing) * .5)}.shadcn-preview .py-1{padding-block:var(--spacing)}.shadcn-preview .py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.shadcn-preview .py-2{padding-block:calc(var(--spacing) * 2)}.shadcn-preview .py-3{padding-block:calc(var(--spacing) * 3)}.shadcn-preview .py-4{padding-block:calc(var(--spacing) * 4)}.shadcn-preview .py-5{padding-block:calc(var(--spacing) * 5)}.shadcn-preview .py-6{padding-block:calc(var(--spacing) * 6)}.shadcn-preview .py-10{padding-block:calc(var(--spacing) * 10)}.shadcn-preview .py-cell-y{padding-block:var(--cell-py)}.shadcn-preview .pt-\(--page-pt\){padding-top:var(--page-pt)}.shadcn-preview .pt-0\.5{padding-top:calc(var(--spacing) * .5)}.shadcn-preview .pt-2{padding-top:calc(var(--spacing) * 2)}.shadcn-preview .pt-3{padding-top:calc(var(--spacing) * 3)}.shadcn-preview .pt-5{padding-top:calc(var(--spacing) * 5)}.shadcn-preview .pt-6{padding-top:calc(var(--spacing) * 6)}.shadcn-preview .pt-panel{padding-top:var(--panel-pad)}.shadcn-preview .pr-3{padding-right:calc(var(--spacing) * 3)}.shadcn-preview .pb-4{padding-bottom:calc(var(--spacing) * 4)}.shadcn-preview .pb-10{padding-bottom:calc(var(--spacing) * 10)}.shadcn-preview .pb-11{padding-bottom:calc(var(--spacing) * 11)}.shadcn-preview .pb-\[calc\(0\.75rem\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(.75rem + env(safe-area-inset-bottom))}.shadcn-preview .pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.shadcn-preview .pb-\[max\(var\(--space-3\)\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(var(--space-3), env(safe-area-inset-bottom))}.shadcn-preview .pl-3{padding-left:calc(var(--spacing) * 3)}.shadcn-preview .pl-8{padding-left:calc(var(--spacing) * 8)}.shadcn-preview .text-center{text-align:center}.shadcn-preview .text-left{text-align:left}.shadcn-preview .text-right{text-align:right}.shadcn-preview .align-middle{vertical-align:middle}.shadcn-preview .font-mono{font-family:var(--ff-code)}.shadcn-preview .font-sans{font-family:var(--ff-thai)}.shadcn-preview .text-hint{font-size:var(--fs-hint)}.shadcn-preview .text-kpi{font-size:var(--fs-kpi)}.shadcn-preview .text-label{font-size:var(--fs-label)}.shadcn-preview .text-page{font-size:var(--fs-page)}.shadcn-preview .text-table{font-size:var(--fs-table)}.shadcn-preview .text-th{font-size:var(--fs-th)}.shadcn-preview .text-title{font-size:var(--fs-title)}.shadcn-preview .leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.shadcn-preview .leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.shadcn-preview .leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.shadcn-preview .leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.shadcn-preview .font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.shadcn-preview .font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.shadcn-preview .font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.shadcn-preview .font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.shadcn-preview .tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.shadcn-preview .\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.shadcn-preview .break-words,.shadcn-preview .wrap-break-word{overflow-wrap:break-word}.shadcn-preview .break-all{word-break:break-all}.shadcn-preview .whitespace-normal{white-space:normal}.shadcn-preview .whitespace-nowrap{white-space:nowrap}.shadcn-preview .whitespace-pre-line{white-space:pre-line}.shadcn-preview .text-\[var\(--brand-700\)\]{color:var(--brand-700)}.shadcn-preview .text-brand-500{color:var(--brand-500)}.shadcn-preview .text-brand-700{color:var(--brand-700)}.shadcn-preview .text-card-foreground{color:var(--card-foreground)}.shadcn-preview .text-destructive-foreground{color:var(--destructive-foreground)}.shadcn-preview .text-foreground{color:var(--foreground)}.shadcn-preview .text-gold-700{color:var(--gold-700)}.shadcn-preview .text-heading{color:var(--heading)}.shadcn-preview .text-line-foreground{color:var(--line-foreground)}.shadcn-preview .text-muted-foreground{color:var(--muted-foreground)}.shadcn-preview .text-popover-foreground{color:var(--popover-foreground)}.shadcn-preview .text-primary{color:var(--primary)}.shadcn-preview .text-primary-foreground,.shadcn-preview .text-primary-foreground\/80{color:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.shadcn-preview .text-primary-foreground\/80{color:color-mix(in oklab, var(--primary-foreground) 80%, transparent)}}.shadcn-preview .text-secondary-foreground{color:var(--secondary-foreground)}.shadcn-preview .text-status-closed-fg{color:var(--status-closed-fg)}.shadcn-preview .text-status-deepred-fg{color:var(--status-deepred-fg)}.shadcn-preview .text-status-gold-fg{color:var(--status-gold-fg)}.shadcn-preview .text-status-green-fg{color:var(--status-green-fg)}.shadcn-preview .text-status-pink-fg{color:var(--status-pink-fg)}.shadcn-preview .text-status-purple-fg{color:var(--status-purple-fg)}.shadcn-preview .text-status-red-fg{color:var(--status-red-fg)}.shadcn-preview .text-status-silver-fg{color:var(--status-silver-fg)}.shadcn-preview .italic{font-style:italic}.shadcn-preview .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,)}.shadcn-preview .underline{text-decoration-line:underline}.shadcn-preview .underline-offset-2{text-underline-offset:2px}.shadcn-preview .accent-primary{accent-color:var(--primary)}.shadcn-preview .opacity-15{opacity:.15}.shadcn-preview .opacity-55{opacity:.55}.shadcn-preview .shadow-card{--tw-shadow:var(--sh-card);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadcn-preview .shadow-lg{--tw-shadow:var(--sh-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadcn-preview .shadow-md{--tw-shadow:var(--sh-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadcn-preview .shadow-sm{--tw-shadow:var(--sh-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadcn-preview .shadow-xl{--tw-shadow:var(--sh-xl);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadcn-preview .ring,.shadcn-preview .ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadcn-preview .ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadcn-preview .ring-brand-300{--tw-ring-color:var(--brand-300)}.shadcn-preview .ring-primary{--tw-ring-color:var(--primary)}.shadcn-preview .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,)}.shadcn-preview .transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.shadcn-preview .transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.shadcn-preview .duration-150{--tw-duration:.15s;transition-duration:.15s}.shadcn-preview .outline-none{--tw-outline-style:none;outline-style:none}.shadcn-preview .select-none{-webkit-user-select:none;user-select:none}.shadcn-preview .\[--dot\:var\(--status-closed-dot\)\]{--dot:var(--status-closed-dot)}.shadcn-preview .\[--dot\:var\(--status-deepred-dot\)\]{--dot:var(--status-deepred-dot)}.shadcn-preview .\[--dot\:var\(--status-gold-dot\)\]{--dot:var(--status-gold-dot)}.shadcn-preview .\[--dot\:var\(--status-green-dot\)\]{--dot:var(--status-green-dot)}.shadcn-preview .\[--dot\:var\(--status-pink-dot\)\]{--dot:var(--status-pink-dot)}.shadcn-preview .\[--dot\:var\(--status-purple-dot\)\]{--dot:var(--status-purple-dot)}.shadcn-preview .\[--dot\:var\(--status-red-dot\)\]{--dot:var(--status-red-dot)}.shadcn-preview .\[--dot\:var\(--status-silver-dot\)\]{--dot:var(--status-silver-dot)}.shadcn-preview .ring-inset{--tw-ring-inset:inset}.shadcn-preview .group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}.shadcn-preview .placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.shadcn-preview .first\:pt-0:first-child{padding-top:0}.shadcn-preview .last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.shadcn-preview .last\:pb-0:last-child{padding-bottom:0}.shadcn-preview .focus-within\:ring-3:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadcn-preview .focus-within\:outline-2:focus-within{outline-style:var(--tw-outline-style);outline-width:2px}.shadcn-preview .focus-within\:outline-offset-2:focus-within{outline-offset:2px}.shadcn-preview .focus-within\:outline-ring:focus-within{outline-color:var(--ring)}@media (hover:hover){.shadcn-preview .hover\:border-brand-700:hover{border-color:var(--brand-700)}.shadcn-preview .hover\:bg-accent:hover{background-color:var(--accent)}.shadcn-preview .hover\:bg-brand-100:hover{background-color:var(--brand-100)}.shadcn-preview .hover\:bg-destructive-hover:hover{background-color:var(--destructive-hover)}.shadcn-preview .hover\:bg-line-hover:hover{background-color:var(--line-hover)}.shadcn-preview .hover\:bg-muted:hover{background-color:var(--muted)}.shadcn-preview .hover\:bg-primary-hover:hover{background-color:var(--primary-hover)}.shadcn-preview .hover\:bg-table-row-hover:hover{background-color:var(--table-row-hover)}.shadcn-preview .hover\:text-foreground:hover{color:var(--foreground)}.shadcn-preview .hover\:no-underline:hover{text-decoration-line:none}}.shadcn-preview .focus\:bg-accent:focus{background-color:var(--accent)}.shadcn-preview .focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.shadcn-preview .focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.shadcn-preview .focus-visible\:ring-3:focus-visible,.shadcn-preview .focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadcn-preview .focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.shadcn-preview .focus-visible\:-outline-offset-2:focus-visible{outline-offset:calc(2px * -1)}.shadcn-preview .focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.shadcn-preview .focus-visible\:outline-ring:focus-visible{outline-color:var(--ring)}.shadcn-preview .disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.shadcn-preview .disabled\:border-border:disabled{border-color:var(--border)}.shadcn-preview .disabled\:bg-muted:disabled{background-color:var(--muted)}.shadcn-preview .disabled\:text-muted-foreground:disabled{color:var(--muted-foreground)}.shadcn-preview .disabled\:opacity-55:disabled{opacity:.55}.shadcn-preview .has-focus-visible\:border-brand-700:has(:focus-visible){border-color:var(--brand-700)}.shadcn-preview .has-focus-visible\:ring-3:has(:focus-visible){--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadcn-preview .has-disabled\:cursor-not-allowed:has(:disabled){cursor:not-allowed}.shadcn-preview .has-disabled\:text-muted-foreground:has(:disabled){color:var(--muted-foreground)}.shadcn-preview .aria-pressed\:bg-primary[aria-pressed=true]{background-color:var(--primary)}.shadcn-preview .aria-pressed\:text-primary-foreground[aria-pressed=true]{color:var(--primary-foreground)}.shadcn-preview .aria-\[current\=page\]\:font-semibold[aria-current=page]{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.shadcn-preview .aria-\[current\=page\]\:text-primary[aria-current=page]{color:var(--primary)}.shadcn-preview .data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.shadcn-preview .data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}.shadcn-preview .data-\[disabled\]\:text-muted-foreground[data-disabled]{color:var(--muted-foreground)}.shadcn-preview .data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.shadcn-preview .data-\[highlighted\]\:bg-accent[data-highlighted]{background-color:var(--accent)}.shadcn-preview .data-\[highlighted\]\:text-accent-foreground[data-highlighted]{color:var(--accent-foreground)}.shadcn-preview .data-\[selected\=true\]\:bg-accent[data-selected=true]{background-color:var(--accent)}.shadcn-preview .data-\[state\=active\]\:border-primary[data-state=active]{border-color:var(--primary)}.shadcn-preview .data-\[state\=active\]\:text-primary[data-state=active]{color:var(--primary)}.shadcn-preview .data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.shadcn-preview .data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.shadcn-preview .data-\[state\=indeterminate\]\:border-primary[data-state=indeterminate]{border-color:var(--primary)}.shadcn-preview .data-\[state\=indeterminate\]\:bg-primary[data-state=indeterminate]{background-color:var(--primary)}@media (prefers-reduced-motion:reduce){.shadcn-preview .motion-reduce\:animate-none{animation:none}}@media not all and (min-width:640px){.shadcn-preview .max-\[640px\]\:h-\[var\(--h-42\)\]{height:var(--h-42)}}@media (min-width:640px){.shadcn-preview .min-\[640px\]\:block{display:block}.shadcn-preview .min-\[640px\]\:hidden{display:none}}@media (min-width:1100px){.shadcn-preview .min-\[1100px\]\:block{display:block}.shadcn-preview .min-\[1100px\]\:hidden{display:none}}.shadcn-preview .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var(--muted-foreground)}.shadcn-preview .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-cartesian-grid line[stroke=\#ccc]{stroke:var(--border)}.shadcn-preview .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--muted)}.shadcn-preview .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.shadcn-preview .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.shadcn-preview .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.shadcn-preview .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.shadcn-preview .\[\&_input\]\:border-2 input{border-style:var(--tw-border-style);border-width:2px}.shadcn-preview .\[\&_input\]\:border-status-red-fg input{border-color:var(--status-red-fg)}.shadcn-preview .\[\&_select\]\:border-2 select{border-style:var(--tw-border-style);border-width:2px}.shadcn-preview .\[\&_select\]\:border-status-red-fg select{border-color:var(--status-red-fg)}.shadcn-preview .\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.shadcn-preview .\[\&_svg\]\:size-5 svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.shadcn-preview .\[\&_svg\]\:size-7 svg{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.shadcn-preview .\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.shadcn-preview .\[\&_svg\]\:text-brand-500 svg{color:var(--brand-500)}.shadcn-preview .\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}.shadcn-preview{--brand-950:#14230b;--brand-900:#1f3a12;--brand-800:#274d2b;--brand-700:#315d35;--brand-500:#5c8a5e;--brand-300:#a7c4a5;--brand-100:#e6efe4;--gold-700:#7a5f1c;--gold-600:#a8842c;--gold-500:#b8923a;--gold-200:#e3d3a3;--gold-100:#f6efd9;--gold-decor:#dbbd6e;--white:#fff;--paper-50:#f0f3ef;--green-50:#f3f8f1;--sage-100:#edf3e9;--line-50:#eef1ec;--silver-100:#e9eee7;--silver-300:#e1e8de;--silver-400:#c9d2c5;--silver-500:#8e9886;--silver-600:#5e6657;--ink-900:#1f2a18;--ink-600:#4e5a45;--line:#06c755;--line-hover:#05b24c;--line-foreground:var(--ink-900);--red-100:#f8e6e4;--red-300:#e6b5b2;--red-700:#a8322e;--deepred-100:#f3dde0;--deepred-300:#e2b9c0;--deepred-700:#7e1f2a;--purple-100:#f0e8f8;--purple-300:#d7c6ea;--purple-700:#6b3fa0;--pink-100:#f8e5ef;--pink-700:#a33a6e;--leaf-200:#e4ead9;--leaf-300:#c5d3b0;--elev-1:0 1px 2px #1f3a120d;--elev-2:0 4px 10px #1f3a1217;--elev-3:0 10px 24px #1f3a1221;--elev-4:0 20px 40px #1f3a122e;--elev-card:0 5px 18px #1f3a1217;--ff-thai:"Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--ff-code:"Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;--rd-sm:6px;--rd-md:8px;--rd-lg:12px;--rd-xl:16px;--rd-pill:999px;--t-fast:.15s;--t-base:.2s;--t-slow:.3s;--ease:cubic-bezier(.2,.7,.3,1);--z-sticky:10;--z-drawer:20;--z-overlay:30;--z-modal:40;--z-popover:45;--z-toast:50;--background:var(--paper-50);--foreground:var(--ink-900);--card:var(--white);--card-foreground:var(--ink-900);--popover:var(--white);--popover-foreground:var(--ink-900);--primary:var(--brand-700);--primary-foreground:var(--white);--primary-hover:var(--brand-800);--secondary:var(--white);--secondary-foreground:var(--ink-900);--secondary-border:var(--silver-500);--muted:var(--silver-100);--muted-foreground:var(--ink-600);--accent:var(--brand-100);--accent-foreground:var(--brand-900);--destructive:var(--red-700);--destructive-foreground:var(--white);--destructive-hover:var(--deepred-700);--border:var(--silver-300);--border-strong:var(--silver-400);--input:var(--silver-500);--ring:var(--brand-700);--ring-soft:#315d3538;--overlay:#1f2a1880;--heading:var(--brand-900);--link:var(--brand-700);--table-head:var(--green-50);--table-row-hover:var(--brand-100);--skeleton:var(--silver-100);--chart-1:var(--brand-500);--chart-2:var(--gold-600);--chart-3:var(--silver-500);--chart-4:var(--purple-700);--chart-5:var(--pink-700);--sidebar:var(--white);--sidebar-foreground:var(--ink-900);--sidebar-primary:var(--brand-700);--sidebar-primary-foreground:var(--white);--sidebar-accent:var(--silver-100);--sidebar-accent-foreground:var(--ink-900);--sidebar-border:var(--silver-300);--sidebar-ring:var(--brand-700);--radius:var(--rd-md);--sh-sm:var(--elev-1);--sh-md:var(--elev-2);--sh-lg:var(--elev-3);--sh-xl:var(--elev-4);--sh-card:var(--elev-card);--status-green-bg:var(--brand-100);--status-green-fg:var(--brand-700);--status-green-dot:var(--brand-700);--status-gold-bg:var(--gold-100);--status-gold-fg:var(--gold-700);--status-gold-dot:var(--gold-600);--status-red-bg:var(--red-100);--status-red-fg:var(--red-700);--status-red-dot:var(--red-700);--status-deepred-bg:var(--deepred-100);--status-deepred-fg:var(--deepred-700);--status-deepred-dot:var(--deepred-700);--status-purple-bg:var(--purple-100);--status-purple-fg:var(--purple-700);--status-purple-dot:var(--purple-700);--status-pink-bg:var(--pink-100);--status-pink-fg:var(--pink-700);--status-pink-dot:var(--pink-700);--status-closed-bg:var(--leaf-200);--status-closed-fg:var(--brand-900);--status-closed-dot:var(--brand-500);--status-silver-bg:var(--silver-100);--status-silver-fg:var(--silver-600);--status-silver-dot:var(--silver-500);--status-badge-fg:var(--foreground);--status-red-border:var(--red-300);--status-deepred-border:var(--deepred-300);--status-purple-border:var(--purple-300);--status-gold-border:var(--gold-200);--status-ok-border:var(--leaf-300);--amt-in:var(--brand-700);--amt-out:var(--red-700);--control-h:38px;--control-h-sm:32px;--control-h-lg:46px;--row-h:36px;--list-row-h:56px;--fs-xs:12px;--fs-sm:13px;--fs-base:14px;--fs-lg:16px;--fs-xl:20px;--fs-2xl:26px;--fs-hero:32px;--fs-table:14px;--fs-th:13px;--fs-label:13px;--fs-hint:12px;--fs-title:16px;--fs-page:20px;--fs-kpi:26px;--lh-body:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--page-px:24px;--page-pt:20px;--panel-pad:16px;--panel-gap:12px;--cell-px:12px;--cell-py:8px;--dialog-w-sm:400px;--dialog-w-md:640px;--dialog-w-lg:960px;--sheet-max-w:560px;--cards-below:1100px;--touch-min:40px}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.shadcn-preview{--surface:var(--card);--ground:var(--background);--text:var(--foreground);--text-muted:var(--muted-foreground);--color-primary:var(--primary);--color-primary-hover:var(--primary-hover);--color-primary-soft:var(--accent);--focus-ring:var(--ring-soft);--font-sans:var(--ff-thai);--font-mono:var(--ff-code);--font-body:var(--ff-thai);--font-num:var(--ff-thai);--font-code:var(--ff-code);--font:var(--ff-thai);--mono:var(--ff-thai);--radius-sm:var(--rd-sm);--radius-md:var(--rd-md);--radius-lg:var(--rd-lg);--radius-xl:var(--rd-xl);--radius-pill:var(--rd-pill);--radius-round:50%;--shadow-sm:var(--sh-sm);--shadow-md:var(--sh-md);--shadow-lg:var(--sh-lg);--shadow-xl:var(--sh-xl);--st-green-bg:var(--status-green-bg);--st-green-text:var(--status-green-fg);--st-gold-bg:var(--status-gold-bg);--st-gold-text:var(--status-gold-fg);--st-red-bg:var(--status-red-bg);--st-red-text:var(--status-red-fg);--st-deepred-bg:var(--status-deepred-bg);--st-deepred-text:var(--status-deepred-fg);--st-purple-bg:var(--status-purple-bg);--st-purple-text:var(--status-purple-fg);--st-pink-bg:var(--status-pink-bg);--st-pink-text:var(--status-pink-fg);--st-closed-bg:var(--status-closed-bg);--st-closed-text:var(--status-closed-fg);--st-silver-bg:var(--status-silver-bg);--st-silver-text:var(--status-silver-fg);--danger-border:var(--status-red-border);--deepred-border:var(--status-deepred-border);--purple-border:var(--status-purple-border);--ok-border:var(--status-ok-border);--card-bg:var(--card);--card-border:var(--border-strong);--card-shadow:var(--sh-card);--card-radius:var(--rd-lg);--table-head-bg:var(--table-head);--table-line:var(--line-50);--table-head-ink:var(--muted-foreground);--table-row-h:var(--row-h);--table-row-hover-bg:var(--table-row-hover);--btn-primary-bg:var(--primary);--btn-primary-hover-bg:var(--primary-hover);--btn-cta-bg:var(--primary);--btn-cta-hover-bg:var(--primary-hover);--btn-cta-ink:var(--primary-foreground);--btn-secondary-ink:var(--secondary-foreground);--btn-secondary-border:var(--secondary-border);--btn-secondary-hover-bg:var(--muted);--btn-danger-bg:var(--destructive);--btn-danger-hover-bg:var(--destructive-hover);--btn-danger-ink:var(--destructive-foreground);--input-bg:var(--card);--input-border:var(--input);--input-focus-border:var(--ring);--popover-bg:var(--popover);--popover-border:var(--input);--popover-shadow:var(--sh-lg);--sidebar-bg:var(--sidebar);--sidebar-hover-bg:var(--sidebar-accent);--sidebar-active-bg:var(--sidebar-primary);--sidebar-active-ink:var(--sidebar-primary-foreground);--tab-active-bg:var(--card);--tab-active-ink:var(--primary);--tab-active-border:var(--primary);--kpi-num-size:var(--fs-2xl);--r-sm:var(--rd-sm);--r-md:var(--rd-md);--r-lg:var(--rd-lg);--r-xl:var(--rd-xl);--shadow-1:var(--sh-sm);--shadow-2:var(--sh-md);--shadow-3:var(--sh-lg);--shadow-4:var(--sh-xl);--fs-9:9px;--fs-105:10.5px;--fs-11:11px;--fs-115:11.5px;--fs-12:12px;--fs-125:12.5px;--fs-13:13px;--fs-135:13.5px;--fs-14:14px;--fs-145:14.5px;--fs-15:15px;--fs-16:16px;--fs-17:17px;--fs-19:19px;--fs-20:20px;--fs-22:22px;--fs-26:26px;--fs-32:32px;--fs-36:36px;--rad-2:2px;--rad-3:3px;--rad-4:4px;--rad-6:6px;--rad-8:8px;--rad-10:10px;--rad-12:12px;--rad-16:16px;--rad-pill:999px;--rad-circle:50%;--h-24:24px;--h-30:30px;--h-32:32px;--h-36:36px;--h-38:38px;--h-40:40px;--h-42:42px;--h-44:44px;--h-46:46px;--h-48:48px;--h-56:56px;--sp-4:4px;--sp-8:8px;--sp-12:12px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--sp-32:32px;--sp-40:40px;--brand-500-a22:#6b8f3e38;--brand-700-a22:var(--ring-soft);--ink-900-a50:var(--overlay);--sidebar-w:264px;--drawer-w:280px;--topbar-h:56px;--control-h:48px;--control-h-sm:44px;--control-h-lg:52px;--touch-min:44px;--row-h:48px;--list-row-h:56px;--fs-xs:13px;--fs-sm:13px;--fs-base:16px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:26px;--fs-hero:36px;--fs-table:16px;--fs-th:14px;--fs-label:14px;--fs-hint:13px;--fs-title:17px;--fs-page:20px;--fs-kpi:36px;--lh-body:1.55;--page-px:16px;--page-pt:16px;--panel-pad:16px;--panel-gap:12px;--cell-px:12px;--cell-py:10px;--liff-max:480px;--liff-nav-h:67px;--safe-bottom:env(safe-area-inset-bottom,0px);--sheet-max-w:560px;--dialog-w-sm:100%;--dialog-w-md:100%;--dialog-w-lg:100%;--cards-below:640px}@property --tw-border-spacing-x{syntax:"<length>";inherits:false;initial-value:0}@property --tw-border-spacing-y{syntax:"<length>";inherits:false;initial-value:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}