diff --git a/build/admin-rtl.css b/build/admin-rtl.css index 325919833..6963abb9f 100644 --- a/build/admin-rtl.css +++ b/build/admin-rtl.css @@ -1,295 +1,5 @@ /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ -@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-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-outline-style:solid;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-space-x-reverse:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-100:oklch(96.2% .044 156.743);--color-green-800:oklch(44.8% .119 151.328);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-800:oklch(42.4% .199 265.638);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-relaxed:1.625;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::-moz-placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.formipay-design-system *{border-color:var(--border)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.\!start{inset-inline-start:var(--spacing)!important}.-start{inset-inline-start:calc(var(--spacing) * -1)}.start{inset-inline-start:var(--spacing)}.-end{inset-inline-end:calc(var(--spacing) * -1)}.end{inset-inline-end:var(--spacing)}.top-40{top:calc(var(--spacing) * 40)}.top-\[50\%\]{top:50%}.right-2{left:calc(var(--spacing) * 2)}.left-\[50\%\]{right:50%}.isolate{isolation:isolate}.z-50{z-index:50}.col-3{grid-column:3}.col-4{grid-column:4}.col-6{grid-column:6}.col-8{grid-column:8}.col-10{grid-column:10}.row-1{grid-row:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-0{margin-inline:calc(var(--spacing) * 0)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.me-1{margin-inline-end:calc(var(--spacing) * 1)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-100{height:calc(var(--spacing) * 100)}.h-\[1px\]{height:1px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-\[60px\]{min-height:60px}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-9{width:calc(var(--spacing) * 9)}.w-72{width:calc(var(--spacing) * 72)}.w-100{width:calc(var(--spacing) * 100)}.w-\[1px\]{width:1px}.w-full{width:100%}.max-w-lg{max-width:var(--container-lg)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[30px\]{border-radius:30px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.rounded-sm{border-radius:calc(var(--radius) * .6)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-destructive\/50{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/50{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-border{background-color:var(--border)}.bg-destructive{background-color:var(--destructive)}.bg-green-100{background-color:var(--color-green-100)}.bg-muted,.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pr-8{padding-left:calc(var(--spacing) * 8)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-right:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:right}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-nowrap{text-wrap:nowrap}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-blue-800{color:var(--color-blue-800)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-green-800{color:var(--color-green-800)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary{color:var(--secondary)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--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)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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))}.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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.block-1{block-size:calc(var(--spacing) * 1)}.block-3{block-size:calc(var(--spacing) * 3)}.block-4{block-size:calc(var(--spacing) * 4)}.block-6{block-size:calc(var(--spacing) * 6)}.block-8{block-size:calc(var(--spacing) * 8)}.block-9{block-size:calc(var(--spacing) * 9)}.block-10{block-size:calc(var(--spacing) * 10)}.block-11{block-size:calc(var(--spacing) * 11)}.block-12{block-size:calc(var(--spacing) * 12)}.paused{animation-play-state:paused}.running{animation-play-state:running}.zoom-in{--tw-enter-scale:0}.zoom-out{--tw-exit-scale:0}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:var(--muted)}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:var(--primary)}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:var(--muted-foreground)}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:var(--primary-foreground)}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:var(--border)}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:var(--background)}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:var(--foreground)}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::-moz-placeholder{color:var(--muted-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/80:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/80:hover{background-color:color-mix(in oklab, var(--destructive) 80%, transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-1:focus{--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)}.focus\:ring-2:focus{--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)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--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)}.focus-visible\:ring-2:focus-visible{--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)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:calc(1 / 2*-100%)}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:calc(48%*-1)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:calc(1 / 2*-100%)}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:calc(48%*-1)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:right}}.dark\:border-destructive:is(.dark *){border-color:var(--destructive)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-left:calc(var(--spacing) * 0)}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing) * 4)}.\[\&\>svg\]\:left-4>svg{right:calc(var(--spacing) * 4)}.\[\&\>svg\]\:text-destructive>svg{color:var(--destructive)}.\[\&\>svg\]\:text-foreground>svg{color:var(--foreground)}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-right:calc(var(--spacing) * 7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(54.6% .245 262.881);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(98.5% 0 0);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(54.6% .245 262.881);--sidebar:#2c3e50;--sidebar-foreground:#bec5cb;--sidebar-active:#2985f7}@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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-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:"";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:"";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:"";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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(-360deg)}}@keyframes pulse{50%{opacity:.5}}@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));filter:blur(var(--tw-enter-blur,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));filter:blur(var(--tw-exit-blur,0))}} - -/* DataTable Wrapper */ -.formipay-data-table-wrapper { - margin: 20px 0; -} - -/* Toolbar */ -.formipay-table-toolbar { - display: flex; - gap: 12px; - align-items: center; - flex-wrap: wrap; - margin-bottom: 16px; -} - -.formipay-table-search { - max-width: 300px; - flex-grow: 1; -} - -.formipay-table-toolbar .components-select-control { - min-width: 150px; -} - -.formipay-table-toolbar *:is(button,input,select) { - height: 40px!important; -} - -.formipay-table-toolbar .components-base-control__field { - margin-bottom: unset!important; -} - -.formipay-table-toolbar *:is(button, input, select, .components-input-control__backdrop){ - border-radius: 4px!important; -} - -/* Filter Tabs */ -.formipay-filter-tabs { - display: flex; - gap: 4px; - margin-bottom: 16px; - border-bottom: 1px solid #ddd; -} - -.formipay-filter-tabs .filter-tab { - padding: 8px 16px; - background: transparent; - border: none; - border-bottom: 3px solid transparent; - cursor: pointer; - font-size: 13px; - color: #646970; - transition: all 0.2s; -} - -.formipay-filter-tabs .filter-tab:hover { - color: #135e96; - background: #f0f0f1; -} - -.formipay-filter-tabs .filter-tab.active { - color: #135e96; - border-bottom-color: #135e96; - font-weight: 600; -} - -.formipay-filter-tabs .filter-tab .count { - display: inline-block; - min-width: 18px; - padding: 2px 6px; - margin-right: 6px; - background: #dcdcde; - border-radius: 10px; - font-size: 11px; - line-height: 1.4; -} - -.formipay-filter-tabs .filter-tab.active .count { - background: #135e96; - color: #fff; -} - -/* Table Container */ -.formipay-table-container { - background: #fff; - border: 1px solid #c3c4c7; - box-shadow: 0 1px 1px rgba(0,0,0,.04); -} - -.formipay-table-loading { - padding: 60px; - text-align: center; -} - -.formipay-table-empty { - padding: 40px; - text-align: center; - color: #646970; -} - -/* Table */ -.formipay-table { - width: 100%; - border-collapse: collapse; -} - -.formipay-table thead th { - padding: 12px 10px; - font-weight: 600; - text-align: right; - border-bottom: 1px solid #c3c4c7; - background: #f6f7f7; -} - -.formipay-table tbody td { - padding: 10px; - border-bottom: 1px solid #c3c4c7; -} - -.formipay-table tbody tr:last-child td { - border-bottom: none; -} - -.formipay-table tbody tr:hover { - background-color: #f0f0f1; -} - -.formipay-table *:is(td, th):first-child { - text-align: center; -} - -.formipay-table th.column-select > input { - margin-right: 0; -} - -/* Checkbox Column */ -.formipay-table .column-select { - width: 40px; - text-align: center; -} - -.formipay-table tbody td:first-child input[type="checkbox"] { - margin: 0; -} - -/* Actions Column */ -.formipay-table .column-actions { - width: 200px; -} - -.formipay-table .row-actions { - display: none; - visibility: hidden; -} - -.formipay-table tbody tr:hover .row-actions { - display: block; - visibility: visible; -} - -.formipay-table .row-actions a, -.formipay-table .row-actions .button-link { - text-decoration: none; - color: #a7aaad; - cursor: pointer; -} - -.formipay-table .row-actions a:hover, -.formipay-table .row-actions .button-link:hover { - color: #135e96; -} - -.formipay-table .row-actions .delete { - color: #b32d2e; -} - -.formipay-table .row-actions .delete:hover { - color: #d63638; -} - -/* Status Labels */ -.formipay-table .status-label { - display: inline-block; - padding: 4px 8px; - border-radius: 4px; - font-size: 12px; - font-weight: 500; -} - -.formipay-table .status-label.publish { - background: #edfaef; - color: #007017; -} - -.formipay-table .status-label.draft { - background: #f0f0f1; - color: #646970; -} - -.formipay-table .status-label.pending { - background: #fff8e5; - color: #d63638; -} - -/* Shortcode Input */ -.formipay-table input.formipay-form-shortcode { - padding: 4px 8px; - border: 1px solid #8c8f94; - border-radius: 4px; - background: #f6f7f7; - color: #646970; - font-family: monospace; - font-size: 12px; - min-width: 150px; -} - -.formipay-table button.copy-shortcode { - padding: 4px 8px; - margin-right: 4px; - border: 1px solid #8c8f94; - border-radius: 4px; - background: #fff; - cursor: pointer; - display: inline-flex; - align-items: center; - gap: 4px; -} - -.formipay-table button.copy-shortcode:hover { - background: #f6f7f7; -} - -.formipay-table button.copy-shortcode svg { - width: 16px; - height: 16px; -} - -/* Pagination */ -.formipay-table-pagination { - display: flex; - justify-content: space-between; - align-items: center; - padding: 12px 16px; - background: #fff; - border: 1px solid #c3c4c7; - border-top: none; -} - -.formipay-table-pagination .pagination-info { - color: #646970; - font-size: 13px; -} - -.formipay-table-pagination .pagination-controls { - display: flex; - gap: 8px; - align-items: center; -} - -.formipay-table-pagination .page-info { - padding: 0 8px; - color: #646970; - font-size: 13px; -} - -.formipay-table-pagination .components-select-control { - min-width: 80px; -} - -/* Modal Actions */ -.formipay-modal-actions { - display: flex; - justify-content: flex-end; - gap: 12px; - margin-top: 20px; -} - -/* Sort Indicator */ -.formipay-table thead th.sorted { - position: relative; - padding-left: 20px; -} - -.formipay-table thead th .sort-indicator { - position: absolute; - left: 8px; - top: 50%; - transform: translateY(-50%); - color: #135e96; -} +@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--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-outline-style:solid;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-500:oklch(63.7% .237 25.331);--color-red-900:oklch(39.6% .141 25.723);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::-moz-placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.formipay-design-system *{border-color:var(--border)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.\!start{inset-inline-start:var(--spacing)!important}.-start{inset-inline-start:calc(var(--spacing) * -1)}.start{inset-inline-start:var(--spacing)}.-end{inset-inline-end:calc(var(--spacing) * -1)}.end{inset-inline-end:var(--spacing)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-40{top:calc(var(--spacing) * 40)}.top-\[50\%\]{top:50%}.right-2{left:calc(var(--spacing) * 2)}.right-3{left:calc(var(--spacing) * 3)}.left-4{right:calc(var(--spacing) * 4)}.left-\[50\%\]{right:50%}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.z-50{z-index:50}.col-3{grid-column:3}.col-4{grid-column:4}.col-6{grid-column:6}.col-8{grid-column:8}.col-10{grid-column:10}.row-1{grid-row:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-0{margin-inline:calc(var(--spacing) * 0)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.me-1{margin-inline-end:calc(var(--spacing) * 1)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-1{margin-left:calc(var(--spacing) * 1)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1\.5{margin-right:calc(var(--spacing) * 1.5)}.ml-auto{margin-right:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-100{height:calc(var(--spacing) * 100)}.h-\[1px\]{height:1px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-\[60px\]{min-height:60px}.min-h-\[80px\]{min-height:80px}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-40{width:calc(var(--spacing) * 40)}.w-72{width:calc(var(--spacing) * 72)}.w-100{width:calc(var(--spacing) * 100)}.w-\[1px\]{width:1px}.w-\[40\%\]{width:40%}.w-\[60\%\]{width:60%}.w-\[273px\]{width:273px}.w-auto{width:auto}.w-full{width:100%}.max-w-75{max-width:calc(var(--spacing) * 75)}.max-w-lg{max-width:var(--container-lg)}.min-w-4\.5{min-width:calc(var(--spacing) * 4.5)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-none{translate:none}.scale-3d{scale:var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-reverse>:not(:last-child)){--tw-space-y-reverse:1}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}: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)))}:where(.divide-y-reverse>:not(:last-child)){--tw-divide-y-reverse:1}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[30px\]{border-radius:30px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) * .6)}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-ss{border-start-start-radius:.25rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-se{border-start-end-radius:.25rem}.rounded-ee{border-end-end-radius:.25rem}.rounded-es{border-end-start-radius:.25rem}.rounded-t{border-top-right-radius:.25rem;border-top-left-radius:.25rem}.rounded-l{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-tl{border-top-right-radius:.25rem}.rounded-r{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-tr{border-top-left-radius:.25rem}.rounded-b{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-br{border-bottom-left-radius:.25rem}.rounded-bl{border-bottom-right-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-bs{border-block-start-style:var(--tw-border-style);border-block-start-width:1px}.border-be{border-block-end-style:var(--tw-border-style);border-block-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-left-style:var(--tw-border-style);border-left-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-right-style:var(--tw-border-style);border-right-width:1px}.border-l-4{border-right-style:var(--tw-border-style);border-right-width:4px}.border-none{--tw-border-style:none;border-style:none}.border-destructive\/50{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/50{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.border-input{border-color:var(--input)}.border-muted{border-color:var(--muted)}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.border-transparent{border-color:#0000}.border-t-primary{border-top-color:var(--primary)}.border-l-blue-500{border-right-color:var(--color-blue-500)}.border-l-green-500{border-right-color:var(--color-green-500)}.border-l-red-500{border-right-color:var(--color-red-500)}.border-l-yellow-500{border-right-color:var(--color-yellow-500)}.bg-\[\#2c3e50\]{background-color:#2c3e50}.bg-\[\#2985f7\]{background-color:#2985f7}.bg-\[var\(--formipay-color-content-bg\,\#f0f3f5\)\]{background-color:var(--formipay-color-content-bg,#f0f3f5)}.bg-background{background-color:var(--background)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-muted{background-color:var(--muted)}.bg-muted-foreground\/10{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\/10{background-color:color-mix(in oklab, var(--muted-foreground) 10%, transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-primary-foreground\/20{background-color:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-primary-foreground\/20{background-color:color-mix(in oklab, var(--primary-foreground) 20%, transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-repeat{background-repeat:repeat}.mask-no-clip{-webkit-mask-clip:no-clip;mask-clip:no-clip}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[1\.8rem_1rem_0\]{padding:1.8rem 1rem 0}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-12{padding-block:calc(var(--spacing) * 12)}.pr-8{padding-left:calc(var(--spacing) * 8)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-right:calc(var(--spacing) * 2)}.pl-6{padding-right:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:right}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-nowrap{text-wrap:nowrap}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.text-clip{text-overflow:clip}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\[\#bec5cb\]{color:#bec5cb}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-900{color:var(--color-red-900)}.text-secondary{color:var(--secondary)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.text-yellow-900{color:var(--color-yellow-900)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.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,)}.normal-nums{font-variant-numeric:normal}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--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)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.inset-ring{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-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)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.sepia{--tw-sepia:sepia(100%);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);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-grayscale{--tw-backdrop-grayscale:grayscale(100%);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-invert{--tw-backdrop-invert:invert(100%);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-sepia{--tw-backdrop-sepia:sepia(100%);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{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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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))}.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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.block-1{block-size:calc(var(--spacing) * 1)}.block-3{block-size:calc(var(--spacing) * 3)}.block-4{block-size:calc(var(--spacing) * 4)}.block-6{block-size:calc(var(--spacing) * 6)}.block-8{block-size:calc(var(--spacing) * 8)}.block-9{block-size:calc(var(--spacing) * 9)}.block-10{block-size:calc(var(--spacing) * 10)}.block-11{block-size:calc(var(--spacing) * 11)}.block-12{block-size:calc(var(--spacing) * 12)}:where(.divide-x-reverse>:not(:last-child)){--tw-divide-x-reverse:1}.paused{animation-play-state:paused}.ring-inset{--tw-ring-inset:inset}.running{animation-play-state:running}.zoom-in{--tw-enter-scale:0}.zoom-out{--tw-exit-scale:0}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:var(--muted)}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:var(--primary)}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:var(--muted-foreground)}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:var(--primary-foreground)}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:var(--border)}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:var(--background)}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:var(--foreground)}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::-moz-placeholder{color:var(--muted-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:ml-0\.5:after{content:var(--tw-content);margin-right:calc(var(--spacing) * .5)}.after\:text-destructive:after{content:var(--tw-content);color:var(--destructive)}.after\:content-\[\'\*\'\]:after{--tw-content:"*";content:var(--tw-content)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/80:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/80:hover{background-color:color-mix(in oklab, var(--destructive) 80%, transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.hover\:bg-muted\/80:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/80:hover{background-color:color-mix(in oklab, var(--muted) 80%, transparent)}}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-destructive:hover{color:var(--destructive)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-1:focus{--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)}.focus\:ring-2:focus{--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)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--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)}.focus-visible\:ring-2:focus-visible{--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)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=active\]\:bg-\[\#2985f7\][data-state=active]{background-color:#2985f7}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.data-\[state\=active\]\:text-white[data-state=active]{color:var(--color-white)}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:calc(1 / 2*-100%)}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:calc(48%*-1)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:calc(1 / 2*-100%)}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:calc(48%*-1)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:right}}.dark\:border-destructive:is(.dark *){border-color:var(--destructive)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-left:calc(var(--spacing) * 0)}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing) * 4)}.\[\&\>svg\]\:left-4>svg{right:calc(var(--spacing) * 4)}.\[\&\>svg\]\:text-destructive>svg{color:var(--destructive)}.\[\&\>svg\]\:text-foreground>svg{color:var(--foreground)}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-right:calc(var(--spacing) * 7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(54.6% .245 262.881);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(98.5% 0 0);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(54.6% .245 262.881);--sidebar:#2c3e50;--sidebar-foreground:#bec5cb;--sidebar-active:#2985f7}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@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:"";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:"";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:"";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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(-360deg)}}@keyframes pulse{50%{opacity:.5}}@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));filter:blur(var(--tw-enter-blur,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));filter:blur(var(--tw-exit-blur,0))}} .formipay-order-timeline h3 { margin: 0 0 16px; @@ -934,825 +644,6 @@ code { margin-right: 4px; } -/** - * Formipay Design System - WPCFTO-inspired component styles - * Matches the visual language of WPCFTO Vue components - * Use these classes in React components for consistency - */ - -/* ============================================ - DESIGN TOKENS - ============================================ */ - -:root { - /* Colors - WPCFTO-matched values */ - --formipay-color-primary: #2985f7; - --formipay-color-sidebar-bg: #2c3e50; - --formipay-color-sidebar-text: #bec5cb; - --formipay-color-sidebar-active: #2985f7; - --formipay-color-content-bg: #f0f3f5; - --formipay-color-block-bg: #fff; - --formipay-color-border: #f0f0f1; - --formipay-color-border-dark: #8c99a5; - --formipay-color-input-bg: #f6f9fc; - --formipay-color-text: #27374e; - --formipay-color-text-muted: #8c99a5; - --formipay-color-danger: #d63638; - --formipay-color-success: #00a32a; - --formipay-color-warning: #dba617; - - /* Spacing - WPCFTO values */ - --formipay-spacing-xs: 4px; - --formipay-spacing-sm: 8px; - --formipay-spacing-md: 12px; - --formipay-spacing-lg: 16px; - --formipay-spacing-xl: 20px; - --formipay-spacing-xxl: 24px; - - /* Border Radius - WPCFTO values */ - --formipay-radius-sm: 4px; - --formipay-radius-md: 10px; - --formipay-radius-lg: 30px; - --formipay-radius-full: 50%; - - /* Typography - WPCFTO values */ - --formipay-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif; - --formipay-font-size-sm: 13px; - --formipay-font-size-base: 14px; - --formipay-font-size-md: 15px; - --formipay-font-size-lg: 18px; - --formipay-font-weight-normal: 400; - --formipay-font-weight-medium: 500; - --formipay-font-weight-semibold: 600; - --formipay-font-weight-bold: 700; - - /* WPCFTO Layout Dimensions */ - --formipay-sidebar-width: 273px; - --formipay-field-aside-width: 40%; - --formipay-field-content-width: 60%; - - /* Shadows */ - --formipay-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05); - --formipay-shadow-md: -2px 2px 5px rgba(0, 0, 0, 0.08); - --formipay-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.1); - - /* Transitions */ - --formipay-transition-fast: 0.15s ease; - --formipay-transition-base: 0.3s ease; -} - -/* ============================================ - BASE STYLES - ============================================ */ - -.formipay-design-system * { - box-sizing: border-box; -} - -.formipay-design-system { - font-family: var(--formipay-font-family); - color: var(--formipay-color-text); - line-height: 1.5; -} - -/* ============================================ - BOX COMPONENT - ============================================ */ - -.formipay-box { - background-color: var(--formipay-color-content-bg); - border-radius: var(--formipay-radius-md); - margin: 0 0 10px; - min-height: 80px; - position: relative; - box-shadow: var(--formipay-shadow-sm); -} - -.formipay-box-child { - position: relative; -} - -.formipay-box-child + .formipay-box-child { - margin-top: 1em; -} - -.formipay-box a { - color: var(--formipay-color-primary); - text-decoration: none; - transition: color var(--formipay-transition-base); -} - -.formipay-box a:hover { - text-decoration: underline; -} - -/* ============================================ - TAB NAVIGATION (WPCFTO sidebar) - ============================================ */ - -.formipay-wpcfto-tab-nav { - background-color: var(--formipay-color-sidebar-bg); - width: var(--formipay-sidebar-width); - padding: 21px 0; - flex-grow: 1; -} - -.formipay-wpcfto-tab-nav.hide { - display: none; -} - -.formipay-wpcfto-tab-nav-inner { - position: sticky; - top: 133px; - z-index: 99; -} - -.formipay-wpcfto-nav { - background-color: transparent; - position: relative; - padding: 0; - font-size: var(--formipay-font-size-base); - font-weight: 400; - text-transform: uppercase; - color: var(--formipay-color-sidebar-text); - cursor: pointer; - transition: all 0.3s ease 0s; -} - -.formipay-wpcfto-nav-title { - padding: 13px 34px 13px 32px; - position: relative; -} - -.formipay-wpcfto-nav i { - display: block; - position: absolute; - left: 30px; - right: auto; - top: 50%; - margin-top: -11px; - width: 26px; - text-align: center; - font-size: 22px; -} - -.formipay-wpcfto-nav.active { - background-color: var(--formipay-color-primary); - color: white; -} - -.formipay-wpcfto-nav:hover { - color: white; -} - -.formipay-wpcfto-submenus { - background-color: #1e2a36; - padding: 18px 34px 18px 32px; -} - -.formipay-wpcfto-submenu-item { - font-size: 15px; - font-weight: 400; - text-transform: initial; - position: relative; - color: var(--formipay-color-text-muted); - margin-bottom: 15px; -} - -.formipay-wpcfto-submenu-item i { - font-size: 10px; - left: 0; - margin-top: -5px; - display: none; -} - -.formipay-wpcfto-submenu-item.active, -.formipay-wpcfto-submenu-item:hover { - color: white; -} - -.formipay-wpcfto-submenu-item.active i { - display: block; -} - -/* ============================================ - TAB CONTENT PANELS (WPCFTO tab content area) - ============================================ */ - -.formipay-tabs { - flex-grow: 1; - overflow: hidden; -} - -.formipay-tab { - background-color: var(--formipay-color-content-bg); - width: 100%; - padding: 20px 20px 20px 30px; - display: none; -} - -.formipay-tab.active { - display: block; - animation: fadeIn 0.4s ease; -} - -.formipay-tab-content { - max-width: 100%; -} - -@keyframes fadeIn { - from { - opacity: 0; - transform: translateY(10px); - } - to { - opacity: 1; - transform: translateY(0); - } -} - -/* ============================================ - FIELD COMPONENT - WPCFTO 2-column layout - ============================================ */ - -.formipay-generic-field { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - padding: 1.8rem 1rem 0; - max-width: 100%; - width: 100%; - border-radius: 10px; - background-color: var(--formipay-color-block-bg); - margin: 0 0 10px; -} - -.formipay-field-aside { - width: var(--formipay-field-aside-width); - padding-left: 2rem; -} - -.formipay-field-label { - display: inline; - font-size: var(--formipay-font-size-base); - font-weight: var(--formipay-font-weight-medium); -} - -.formipay-field-label.required .formipay-field-label-text::after { - content: '*'; - color: var(--formipay-color-danger); - margin-right: 2px; -} - -.formipay-field-content { - width: var(--formipay-field-content-width); -} - -.formipay-field-description { - display: block; - margin-top: 0.8em; - font-size: var(--formipay-font-size-sm); - color: var(--formipay-color-text-muted); -} - -/* ============================================ - INPUTS - ============================================ */ - -.formipay-input, -.formipay-select, -.formipay-textarea { - width: 100%; - padding: 10px 16px; - border: 1px solid var(--formipay-color-border-dark); - border-radius: var(--formipay-radius-lg); - background-color: var(--formipay-color-input-bg); - font-family: inherit; - font-size: var(--formipay-font-size-base); - color: var(--formipay-color-text); - transition: border-color var(--formipay-transition-fast), box-shadow var(--formipay-transition-fast); -} - -.formipay-input:focus, -.formipay-select:focus, -.formipay-textarea:focus { - outline: none; - border-color: var(--formipay-color-primary); - box-shadow: 0 0 0 3px rgba(41, 133, 247, 0.1); -} - -.formipay-input:disabled, -.formipay-select:disabled, -.formipay-textarea:disabled { - opacity: 0.6; - cursor: not-allowed; -} - -.formipay-textarea { - min-height: 100px; - resize: vertical; -} - -/* ============================================ - CHECKBOX & RADIO - WPCFTO toggle style - ============================================ */ - -.formipay-admin-checkbox { - align-self: flex-end; - margin-bottom: 0; -} - -.formipay-admin-checkbox-wrapper { - position: relative; - display: inline-block; - width: 42px; - height: 24px; - background-color: #bec5cb; - border-radius: 20px; - transition: background-color 0.3s ease; - cursor: pointer; -} - -.formipay-admin-checkbox-wrapper.active { - background-color: var(--formipay-color-primary); -} - -.formipay-checkbox-switcher { - position: absolute; - top: 3px; - right: 3px; - width: 18px; - height: 18px; - background-color: white; - border-radius: 50%; - transition: transform 0.3s ease; -} - -.formipay-admin-checkbox-wrapper.active .formipay-checkbox-switcher { - transform: translateX(-18px); -} - -.formipay-admin-checkbox input { - position: absolute; - opacity: 0; - width: 0; - height: 0; -} - -.formipay-admin-checkbox label { - cursor: pointer; -} - -/* ============================================ - BUTTONS - ============================================ */ - -.formipay-btn { - display: inline-flex; - align-items: center; - justify-content: center; - gap: var(--formipay-spacing-sm); - padding: 10px 20px; - border: none; - border-radius: var(--formipay-radius-sm); - font-family: inherit; - font-size: var(--formipay-font-size-base); - font-weight: var(--formipay-font-weight-medium); - cursor: pointer; - transition: all var(--formipay-transition-fast); - text-decoration: none; -} - -.formipay-btn:disabled { - opacity: 0.6; - cursor: not-allowed; -} - -.formipay-btn-primary { - background-color: var(--formipay-color-primary); - color: #fff; -} - -.formipay-btn-primary:hover:not(:disabled) { - background-color: #1e6ae6; -} - -.formipay-btn-secondary { - background-color: #f0f0f1; - color: var(--formipay-color-text); -} - -.formipay-btn-secondary:hover:not(:disabled) { - background-color: #e0e0e1; -} - -.formipay-btn-danger { - background-color: var(--formipay-color-danger); - color: #fff; -} - -.formipay-btn-danger:hover:not(:disabled) { - background-color: #b32d2e; -} - -.formipay-btn-sm { - padding: 6px 12px; - font-size: var(--formipay-font-size-sm); -} - -.formipay-btn-icon { - padding: 8px; - aspect-ratio: 1; -} - -/* ============================================ - REPEATER COMPONENT - ============================================ */ - -.formipay-repeater { - display: flex; - flex-direction: column; - gap: var(--formipay-spacing-md); -} - -.formipay-repeater-item { - background-color: #fafafa; - border: 1px solid var(--formipay-color-border); - border-radius: var(--formipay-radius-sm); - overflow: hidden; -} - -.formipay-repeater-header { - display: flex; - align-items: center; - justify-content: space-between; - padding: var(--formipay-spacing-md) var(--formipay-spacing-lg); - background-color: #fff; - border-bottom: 1px solid var(--formipay-color-border); - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} - -.formipay-repeater-header:hover { - background-color: #f8f9fa; -} - -.formipay-repeater-title { - display: flex; - align-items: center; - gap: var(--formipay-spacing-sm); - font-weight: var(--formipay-font-weight-medium); -} - -.formipay-repeater-toggle { - width: 20px; - height: 20px; - display: flex; - align-items: center; - justify-content: center; - transition: transform var(--formipay-transition-fast); -} - -.formipay-repeater-item.collapsed .formipay-repeater-toggle { - transform: rotate(90deg); -} - -.formipay-repeater-body { - padding: var(--formipay-spacing-lg); -} - -.formipay-repeater-item.collapsed .formipay-repeater-body { - display: none; -} - -.formipay-repeater-actions { - display: flex; - gap: var(--formipay-spacing-sm); -} - -.formipay-repeater-delete { - color: var(--formipay-color-danger); - cursor: pointer; - transition: color var(--formipay-transition-fast); -} - -.formipay-repeater-delete:hover { - color: #b32d2e; -} - -.formipay-repeater-add { - display: flex; - align-items: center; - gap: var(--formipay-spacing-sm); - padding: var(--formipay-spacing-md) var(--formipay-spacing-lg); - background-color: transparent; - border: 1px dashed var(--formipay-color-border-dark); - border-radius: var(--formipay-radius-sm); - color: var(--formipay-color-text-muted); - cursor: pointer; - transition: all var(--formipay-transition-fast); -} - -.formipay-repeater-add:hover { - border-color: var(--formipay-color-primary); - color: var(--formipay-color-primary); - background-color: rgba(41, 133, 247, 0.05); -} - -/* ============================================ - TABLE STYLES (WPCFTO-style) - ============================================ */ - -.formipay-table-wrapper { - background-color: var(--formipay-color-content-bg); - border-radius: var(--formipay-radius-md); - overflow: hidden; - box-shadow: var(--formipay-shadow-sm); -} - -.formipay-table { - width: 100%; - border-collapse: collapse; -} - -.formipay-table thead { - background-color: #f8f9fa; -} - -.formipay-table th { - padding: 12px 16px; - text-align: right; - font-size: var(--formipay-font-size-sm); - font-weight: var(--formipay-font-weight-semibold); - color: var(--formipay-color-text-muted); - text-transform: uppercase; - letter-spacing: 0.5px; - border-bottom: 1px solid var(--formipay-color-border); -} - -.formipay-table td { - padding: 12px 16px; - border-bottom: 1px solid var(--formipay-color-border); -} - -.formipay-table tbody tr:last-child td { - border-bottom: none; -} - -.formipay-table tbody tr:hover { - background-color: #f8f9fa; -} - -/* ============================================ - STATUS BADGES - ============================================ */ - -.formipay-badge { - display: inline-flex; - align-items: center; - padding: 4px 12px; - border-radius: var(--formipay-radius-full); - font-size: var(--formipay-font-size-sm); - font-weight: var(--formipay-font-weight-medium); -} - -.formipay-badge-success { - background-color: #edfaef; - color: var(--formipay-color-success); -} - -.formipay-badge-warning { - background-color: #fff8e5; - color: var(--formipay-color-warning); -} - -.formipay-badge-danger { - background-color: #fce8e6; - color: var(--formipay-color-danger); -} - -.formipay-badge-info { - background-color: #e7f3ff; - color: var(--formipay-color-primary); -} - -.formipay-badge-default { - background-color: #f0f0f1; - color: var(--formipay-color-text-muted); -} - -/* ============================================ - GROUP TITLE - WPCFTO section divider - ============================================ */ - -.formipay-group-title { - width: 100%; - padding: 0 0 12px; - color: var(--formipay-color-text-muted); - font-size: 14px; - font-weight: 400; - text-transform: uppercase; - border-bottom: 1px solid #d6dade; - margin: 0 0 17px; - letter-spacing: 1.4px; - display: flex; - align-items: center; - gap: 8px; -} - -.formipay-group-title i { - display: block; -} - -/* ============================================ - NOTICE / ALERT COMPONENTS - ============================================ */ - -.formipay-notice { - display: flex; - align-items: flex-start; - gap: var(--formipay-spacing-md); - padding: var(--formipay-spacing-md) var(--formipay-spacing-lg); - border-radius: var(--formipay-radius-sm); - margin: var(--formipay-spacing-md) 0; -} - -.formipay-notice-icon { - flex-shrink: 0; - width: 20px; - height: 20px; -} - -.formipay-notice-content { - flex: 1; -} - -.formipay-notice-title { - font-weight: var(--formipay-font-weight-semibold); - margin-bottom: var(--formipay-spacing-xs); -} - -.formipay-notice-success { - background-color: #edfaef; - border-right: 4px solid var(--formipay-color-success); -} - -.formipay-notice-warning { - background-color: #fff8e5; - border-right: 4px solid var(--formipay-color-warning); -} - -.formipay-notice-error { - background-color: #fce8e6; - border-right: 4px solid var(--formipay-color-danger); -} - -.formipay-notice-info { - background-color: #e7f3ff; - border-right: 4px solid var(--formipay-color-primary); -} - -/* ============================================ - LOADING & EMPTY STATES - ============================================ */ - -.formipay-loading { - display: flex; - align-items: center; - justify-content: center; - padding: 40px; -} - -.formipay-spinner { - width: 32px; - height: 32px; - border: 3px solid var(--formipay-color-border); - border-top-color: var(--formipay-color-primary); - border-radius: 50%; - animation: formipay-spin 0.8s linear infinite; -} - -@keyframes formipay-spin { - to { transform: rotate(-360deg); } -} - -.formipay-empty-state { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - padding: 60px 40px; - text-align: center; -} - -.formipay-empty-icon { - font-size: 48px; - color: var(--formipay-color-border-dark); - margin-bottom: var(--formipay-spacing-md); -} - -.formipay-empty-title { - font-size: var(--formipay-font-size-lg); - font-weight: var(--formipay-font-weight-semibold); - margin-bottom: var(--formipay-spacing-sm); -} - -.formipay-empty-description { - color: var(--formipay-color-text-muted); - margin-bottom: var(--formipay-spacing-lg); -} - -/* ============================================ - UTILITIES - ============================================ */ - -.formipay-text-center { text-align: center; } -.formipay-text-right { text-align: left; } -.formipay-text-muted { color: var(--formipay-color-text-muted); } -.formipay-text-small { font-size: var(--formipay-font-size-sm); } -.formipay-text-large { font-size: var(--formipay-font-size-lg); } - -.formipay-mt-0 { margin-top: 0; } -.formipay-mt-1 { margin-top: var(--formipay-spacing-xs); } -.formipay-mt-2 { margin-top: var(--formipay-spacing-sm); } -.formipay-mt-3 { margin-top: var(--formipay-spacing-md); } -.formipay-mt-4 { margin-top: var(--formipay-spacing-lg); } - -.formipay-mb-0 { margin-bottom: 0; } -.formipay-mb-1 { margin-bottom: var(--formipay-spacing-xs); } -.formipay-mb-2 { margin-bottom: var(--formipay-spacing-sm); } -.formipay-mb-3 { margin-bottom: var(--formipay-spacing-md); } -.formipay-mb-4 { margin-bottom: var(--formipay-spacing-lg); } - -.formipay-flex { display: flex; } -.formipay-flex-center { display: flex; align-items: center; justify-content: center; } -.formipay-flex-between { display: flex; align-items: center; justify-content: space-between; } -.formipay-flex-column { display: flex; flex-direction: column; } - -.formipay-gap-1 { gap: var(--formipay-spacing-xs); } -.formipay-gap-2 { gap: var(--formipay-spacing-sm); } -.formipay-gap-3 { gap: var(--formipay-spacing-md); } -.formipay-gap-4 { gap: var(--formipay-spacing-lg); } - -/* ============================================ - METABOX LAYOUT - WPCFTO 2-column wrapper - ============================================ */ - -.formipay-wpcfto-metabox { - background-color: #fff; - border-radius: var(--formipay-radius-md); - overflow: hidden; - box-shadow: var(--formipay-shadow-sm); -} - -.formipay-wpcfto-metabox-inner { - display: flex; - min-height: 400px; -} - -.formipay-wpcfto-container { - display: flex; - width: 100%; - position: relative; -} - -/* Horizontal variant for mobile/narrow contexts */ -.formipay-wpcfto-container.horizontal { - flex-direction: column; -} - -.formipay-wpcfto-container.horizontal .formipay-wpcfto-tab-nav { - width: 100%; - flex-direction: row; - overflow-x: auto; - padding: 0; -} - -.formipay-wpcfto-container.horizontal .formipay-wpcfto-tabs { - width: 100%; -} - -/* ============================================ - RESPONSIVE - ============================================ */ - -@media (max-width: 768px) { - .formipay-tab-nav { - flex-direction: row; - overflow-x: auto; - } - - .formipay-nav-item { - flex-shrink: 0; - } - - .formipay-field { - padding: var(--formipay-spacing-md) 0; - } -} - /** * Coupon Metabox Styles * WPCFTO-inspired design for React metabox island diff --git a/build/admin.asset.php b/build/admin.asset.php index abe7e1057..aabcc1681 100644 --- a/build/admin.asset.php +++ b/build/admin.asset.php @@ -1 +1 @@ - array('react', 'wp-components', 'wp-element', 'wp-i18n', 'wp-icons/build/arrow-left', 'wp-icons/build/bell', 'wp-icons/build/message', 'wp-icons/build/trash', 'wp-primitives'), 'version' => '9a1a0e2d03b8d775e648'); + array('react', 'react-dom', 'wp-components', 'wp-element', 'wp-i18n', 'wp-icons/build/arrow-left', 'wp-icons/build/bell', 'wp-icons/build/message', 'wp-icons/build/trash', 'wp-primitives'), 'version' => '6bf4643f2ea15ecdf0b7'); diff --git a/build/admin.css b/build/admin.css index ac10e38be..f8da00f35 100644 --- a/build/admin.css +++ b/build/admin.css @@ -1,295 +1,5 @@ /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */ -@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-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-outline-style:solid;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-space-x-reverse:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-100:oklch(96.2% .044 156.743);--color-green-800:oklch(44.8% .119 151.328);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-800:oklch(42.4% .199 265.638);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-relaxed:1.625;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::-moz-placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.formipay-design-system *{border-color:var(--border)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.\!start{inset-inline-start:var(--spacing)!important}.-start{inset-inline-start:calc(var(--spacing) * -1)}.start{inset-inline-start:var(--spacing)}.-end{inset-inline-end:calc(var(--spacing) * -1)}.end{inset-inline-end:var(--spacing)}.top-40{top:calc(var(--spacing) * 40)}.top-\[50\%\]{top:50%}.right-2{right:calc(var(--spacing) * 2)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.z-50{z-index:50}.col-3{grid-column:3}.col-4{grid-column:4}.col-6{grid-column:6}.col-8{grid-column:8}.col-10{grid-column:10}.row-1{grid-row:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-0{margin-inline:calc(var(--spacing) * 0)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.me-1{margin-inline-end:calc(var(--spacing) * 1)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-100{height:calc(var(--spacing) * 100)}.h-\[1px\]{height:1px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-full{height:100%}.h-px{height:1px}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-\[60px\]{min-height:60px}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-9{width:calc(var(--spacing) * 9)}.w-72{width:calc(var(--spacing) * 72)}.w-100{width:calc(var(--spacing) * 100)}.w-\[1px\]{width:1px}.w-full{width:100%}.max-w-lg{max-width:var(--container-lg)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[30px\]{border-radius:30px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.rounded-sm{border-radius:calc(var(--radius) * .6)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-destructive\/50{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/50{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-border{background-color:var(--border)}.bg-destructive{background-color:var(--destructive)}.bg-green-100{background-color:var(--color-green-100)}.bg-muted,.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-nowrap{text-wrap:nowrap}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-blue-800{color:var(--color-blue-800)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-green-800{color:var(--color-green-800)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary{color:var(--secondary)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--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)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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))}.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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.block-1{block-size:calc(var(--spacing) * 1)}.block-3{block-size:calc(var(--spacing) * 3)}.block-4{block-size:calc(var(--spacing) * 4)}.block-6{block-size:calc(var(--spacing) * 6)}.block-8{block-size:calc(var(--spacing) * 8)}.block-9{block-size:calc(var(--spacing) * 9)}.block-10{block-size:calc(var(--spacing) * 10)}.block-11{block-size:calc(var(--spacing) * 11)}.block-12{block-size:calc(var(--spacing) * 12)}.paused{animation-play-state:paused}.running{animation-play-state:running}.zoom-in{--tw-enter-scale:0}.zoom-out{--tw-exit-scale:0}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:var(--muted)}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:var(--primary)}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:var(--muted-foreground)}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:var(--primary-foreground)}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:var(--border)}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:var(--background)}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:var(--foreground)}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::-moz-placeholder{color:var(--muted-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/80:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/80:hover{background-color:color-mix(in oklab, var(--destructive) 80%, transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-1:focus{--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)}.focus\:ring-2:focus{--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)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--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)}.focus-visible\:ring-2:focus-visible{--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)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:calc(1 / 2*-100%)}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:calc(48%*-1)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:calc(1 / 2*-100%)}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:calc(48%*-1)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}.dark\:border-destructive:is(.dark *){border-color:var(--destructive)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing) * 4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing) * 4)}.\[\&\>svg\]\:text-destructive>svg{color:var(--destructive)}.\[\&\>svg\]\:text-foreground>svg{color:var(--foreground)}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing) * 7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(54.6% .245 262.881);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(98.5% 0 0);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(54.6% .245 262.881);--sidebar:#2c3e50;--sidebar-foreground:#bec5cb;--sidebar-active:#2985f7}@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-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-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:"";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:"";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:"";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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@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));filter:blur(var(--tw-enter-blur,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));filter:blur(var(--tw-exit-blur,0))}} - -/* DataTable Wrapper */ -.formipay-data-table-wrapper { - margin: 20px 0; -} - -/* Toolbar */ -.formipay-table-toolbar { - display: flex; - gap: 12px; - align-items: center; - flex-wrap: wrap; - margin-bottom: 16px; -} - -.formipay-table-search { - max-width: 300px; - flex-grow: 1; -} - -.formipay-table-toolbar .components-select-control { - min-width: 150px; -} - -.formipay-table-toolbar *:is(button,input,select) { - height: 40px!important; -} - -.formipay-table-toolbar .components-base-control__field { - margin-bottom: unset!important; -} - -.formipay-table-toolbar *:is(button, input, select, .components-input-control__backdrop){ - border-radius: 4px!important; -} - -/* Filter Tabs */ -.formipay-filter-tabs { - display: flex; - gap: 4px; - margin-bottom: 16px; - border-bottom: 1px solid #ddd; -} - -.formipay-filter-tabs .filter-tab { - padding: 8px 16px; - background: transparent; - border: none; - border-bottom: 3px solid transparent; - cursor: pointer; - font-size: 13px; - color: #646970; - transition: all 0.2s; -} - -.formipay-filter-tabs .filter-tab:hover { - color: #135e96; - background: #f0f0f1; -} - -.formipay-filter-tabs .filter-tab.active { - color: #135e96; - border-bottom-color: #135e96; - font-weight: 600; -} - -.formipay-filter-tabs .filter-tab .count { - display: inline-block; - min-width: 18px; - padding: 2px 6px; - margin-left: 6px; - background: #dcdcde; - border-radius: 10px; - font-size: 11px; - line-height: 1.4; -} - -.formipay-filter-tabs .filter-tab.active .count { - background: #135e96; - color: #fff; -} - -/* Table Container */ -.formipay-table-container { - background: #fff; - border: 1px solid #c3c4c7; - box-shadow: 0 1px 1px rgba(0,0,0,.04); -} - -.formipay-table-loading { - padding: 60px; - text-align: center; -} - -.formipay-table-empty { - padding: 40px; - text-align: center; - color: #646970; -} - -/* Table */ -.formipay-table { - width: 100%; - border-collapse: collapse; -} - -.formipay-table thead th { - padding: 12px 10px; - font-weight: 600; - text-align: left; - border-bottom: 1px solid #c3c4c7; - background: #f6f7f7; -} - -.formipay-table tbody td { - padding: 10px; - border-bottom: 1px solid #c3c4c7; -} - -.formipay-table tbody tr:last-child td { - border-bottom: none; -} - -.formipay-table tbody tr:hover { - background-color: #f0f0f1; -} - -.formipay-table *:is(td, th):first-child { - text-align: center; -} - -.formipay-table th.column-select > input { - margin-left: 0; -} - -/* Checkbox Column */ -.formipay-table .column-select { - width: 40px; - text-align: center; -} - -.formipay-table tbody td:first-child input[type="checkbox"] { - margin: 0; -} - -/* Actions Column */ -.formipay-table .column-actions { - width: 200px; -} - -.formipay-table .row-actions { - display: none; - visibility: hidden; -} - -.formipay-table tbody tr:hover .row-actions { - display: block; - visibility: visible; -} - -.formipay-table .row-actions a, -.formipay-table .row-actions .button-link { - text-decoration: none; - color: #a7aaad; - cursor: pointer; -} - -.formipay-table .row-actions a:hover, -.formipay-table .row-actions .button-link:hover { - color: #135e96; -} - -.formipay-table .row-actions .delete { - color: #b32d2e; -} - -.formipay-table .row-actions .delete:hover { - color: #d63638; -} - -/* Status Labels */ -.formipay-table .status-label { - display: inline-block; - padding: 4px 8px; - border-radius: 4px; - font-size: 12px; - font-weight: 500; -} - -.formipay-table .status-label.publish { - background: #edfaef; - color: #007017; -} - -.formipay-table .status-label.draft { - background: #f0f0f1; - color: #646970; -} - -.formipay-table .status-label.pending { - background: #fff8e5; - color: #d63638; -} - -/* Shortcode Input */ -.formipay-table input.formipay-form-shortcode { - padding: 4px 8px; - border: 1px solid #8c8f94; - border-radius: 4px; - background: #f6f7f7; - color: #646970; - font-family: monospace; - font-size: 12px; - min-width: 150px; -} - -.formipay-table button.copy-shortcode { - padding: 4px 8px; - margin-left: 4px; - border: 1px solid #8c8f94; - border-radius: 4px; - background: #fff; - cursor: pointer; - display: inline-flex; - align-items: center; - gap: 4px; -} - -.formipay-table button.copy-shortcode:hover { - background: #f6f7f7; -} - -.formipay-table button.copy-shortcode svg { - width: 16px; - height: 16px; -} - -/* Pagination */ -.formipay-table-pagination { - display: flex; - justify-content: space-between; - align-items: center; - padding: 12px 16px; - background: #fff; - border: 1px solid #c3c4c7; - border-top: none; -} - -.formipay-table-pagination .pagination-info { - color: #646970; - font-size: 13px; -} - -.formipay-table-pagination .pagination-controls { - display: flex; - gap: 8px; - align-items: center; -} - -.formipay-table-pagination .page-info { - padding: 0 8px; - color: #646970; - font-size: 13px; -} - -.formipay-table-pagination .components-select-control { - min-width: 80px; -} - -/* Modal Actions */ -.formipay-modal-actions { - display: flex; - justify-content: flex-end; - gap: 12px; - margin-top: 20px; -} - -/* Sort Indicator */ -.formipay-table thead th.sorted { - position: relative; - padding-right: 20px; -} - -.formipay-table thead th .sort-indicator { - position: absolute; - right: 8px; - top: 50%; - transform: translateY(-50%); - color: #135e96; -} +@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--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-outline-style:solid;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-500:oklch(63.7% .237 25.331);--color-red-900:oklch(39.6% .141 25.723);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-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}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::-moz-placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.formipay-design-system *{border-color:var(--border)}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.\!start{inset-inline-start:var(--spacing)!important}.-start{inset-inline-start:calc(var(--spacing) * -1)}.start{inset-inline-start:var(--spacing)}.-end{inset-inline-end:calc(var(--spacing) * -1)}.end{inset-inline-end:var(--spacing)}.top-3{top:calc(var(--spacing) * 3)}.top-4{top:calc(var(--spacing) * 4)}.top-40{top:calc(var(--spacing) * 40)}.top-\[50\%\]{top:50%}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.left-4{left:calc(var(--spacing) * 4)}.left-\[50\%\]{left:50%}.isolate{isolation:isolate}.isolation-auto{isolation:auto}.z-50{z-index:50}.col-3{grid-column:3}.col-4{grid-column:4}.col-6{grid-column:6}.col-8{grid-column:8}.col-10{grid-column:10}.row-1{grid-row:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-0{margin-inline:calc(var(--spacing) * 0)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-2{margin-block:calc(var(--spacing) * 2)}.me-1{margin-inline-end:calc(var(--spacing) * 1)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mb-0{margin-bottom:calc(var(--spacing) * 0)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-100{height:calc(var(--spacing) * 100)}.h-\[1px\]{height:1px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-\[60px\]{min-height:60px}.min-h-\[80px\]{min-height:80px}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-40{width:calc(var(--spacing) * 40)}.w-72{width:calc(var(--spacing) * 72)}.w-100{width:calc(var(--spacing) * 100)}.w-\[1px\]{width:1px}.w-\[40\%\]{width:40%}.w-\[60\%\]{width:60%}.w-\[273px\]{width:273px}.w-auto{width:auto}.w-full{width:100%}.max-w-75{max-width:calc(var(--spacing) * 75)}.max-w-lg{max-width:var(--container-lg)}.min-w-4\.5{min-width:calc(var(--spacing) * 4.5)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-none{translate:none}.scale-3d{scale:var(--tw-scale-x) var(--tw-scale-y) var(--tw-scale-z)}.-rotate-90{rotate:-90deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.touch-pinch-zoom{--tw-pinch-zoom:pinch-zoom;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-reverse>:not(:last-child)){--tw-space-y-reverse:1}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}: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)))}:where(.divide-y-reverse>:not(:last-child)){--tw-divide-y-reverse:1}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[30px\]{border-radius:30px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.rounded-none{border-radius:0}.rounded-sm{border-radius:calc(var(--radius) * .6)}.rounded-s{border-start-start-radius:.25rem;border-end-start-radius:.25rem}.rounded-ss{border-start-start-radius:.25rem}.rounded-e{border-start-end-radius:.25rem;border-end-end-radius:.25rem}.rounded-se{border-start-end-radius:.25rem}.rounded-ee{border-end-end-radius:.25rem}.rounded-es{border-end-start-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-tl{border-top-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-tr{border-top-right-radius:.25rem}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-br{border-bottom-right-radius:.25rem}.rounded-bl{border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.border-bs{border-block-start-style:var(--tw-border-style);border-block-start-width:1px}.border-be{border-block-end-style:var(--tw-border-style);border-block-end-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-none{--tw-border-style:none;border-style:none}.border-destructive\/50{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.border-destructive\/50{border-color:color-mix(in oklab, var(--destructive) 50%, transparent)}}.border-input{border-color:var(--input)}.border-muted{border-color:var(--muted)}.border-primary{border-color:var(--primary)}.border-secondary{border-color:var(--secondary)}.border-transparent{border-color:#0000}.border-t-primary{border-top-color:var(--primary)}.border-l-blue-500{border-left-color:var(--color-blue-500)}.border-l-green-500{border-left-color:var(--color-green-500)}.border-l-red-500{border-left-color:var(--color-red-500)}.border-l-yellow-500{border-left-color:var(--color-yellow-500)}.bg-\[\#2c3e50\]{background-color:#2c3e50}.bg-\[\#2985f7\]{background-color:#2985f7}.bg-\[var\(--formipay-color-content-bg\,\#f0f3f5\)\]{background-color:var(--formipay-color-content-bg,#f0f3f5)}.bg-background{background-color:var(--background)}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab, red, red)){.bg-black\/80{background-color:color-mix(in oklab, var(--color-black) 80%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-muted{background-color:var(--muted)}.bg-muted-foreground\/10{background-color:var(--muted-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-muted-foreground\/10{background-color:color-mix(in oklab, var(--muted-foreground) 10%, transparent)}}.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.bg-muted\/50{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-primary-foreground\/20{background-color:var(--primary-foreground)}@supports (color:color-mix(in lab, red, red)){.bg-primary-foreground\/20{background-color:color-mix(in oklab, var(--primary-foreground) 20%, transparent)}}.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.bg-primary\/10{background-color:color-mix(in oklab, var(--primary) 10%, transparent)}}.bg-red-50{background-color:var(--color-red-50)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-repeat{background-repeat:repeat}.mask-no-clip{-webkit-mask-clip:no-clip;mask-clip:no-clip}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.p-0{padding:calc(var(--spacing) * 0)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-\[1\.8rem_1rem_0\]{padding:1.8rem 1rem 0}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-12{padding-block:calc(var(--spacing) * 12)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-6{padding-left:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.align-bottom{vertical-align:bottom}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[11px\]{font-size:11px}.text-\[13px\]{font-size:13px}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-nowrap{text-wrap:nowrap}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.text-clip{text-overflow:clip}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-\[\#bec5cb\]{color:#bec5cb}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-destructive-foreground{color:var(--destructive-foreground)}.text-foreground{color:var(--foreground)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-900{color:var(--color-red-900)}.text-secondary{color:var(--secondary)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.text-yellow-900{color:var(--color-yellow-900)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.diagonal-fractions{--tw-numeric-fraction:diagonal-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.lining-nums{--tw-numeric-figure:lining-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.oldstyle-nums{--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.stacked-fractions{--tw-numeric-fraction:stacked-fractions;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.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,)}.normal-nums{font-variant-numeric:normal}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--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)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + 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)}.inset-ring{--tw-inset-ring-shadow:inset 0 0 0 1px var(--tw-inset-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)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.sepia{--tw-sepia:sepia(100%);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);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-grayscale{--tw-backdrop-grayscale:grayscale(100%);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-invert{--tw-backdrop-invert:invert(100%);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-sepia{--tw-backdrop-sepia:sepia(100%);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{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,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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))}.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))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.block-1{block-size:calc(var(--spacing) * 1)}.block-3{block-size:calc(var(--spacing) * 3)}.block-4{block-size:calc(var(--spacing) * 4)}.block-6{block-size:calc(var(--spacing) * 6)}.block-8{block-size:calc(var(--spacing) * 8)}.block-9{block-size:calc(var(--spacing) * 9)}.block-10{block-size:calc(var(--spacing) * 10)}.block-11{block-size:calc(var(--spacing) * 11)}.block-12{block-size:calc(var(--spacing) * 12)}:where(.divide-x-reverse>:not(:last-child)){--tw-divide-x-reverse:1}.paused{animation-play-state:paused}.ring-inset{--tw-ring-inset:inset}.running{animation-play-state:running}.zoom-in{--tw-enter-scale:0}.zoom-out{--tw-exit-scale:0}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:var(--muted)}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:var(--primary)}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:var(--muted-foreground)}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:var(--primary-foreground)}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:var(--border)}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:var(--background)}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:var(--foreground)}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::-moz-placeholder{color:var(--muted-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:ml-0\.5:after{content:var(--tw-content);margin-left:calc(var(--spacing) * .5)}.after\:text-destructive:after{content:var(--tw-content);color:var(--destructive)}.after\:content-\[\'\*\'\]:after{--tw-content:"*";content:var(--tw-content)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/80:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/80:hover{background-color:color-mix(in oklab, var(--destructive) 80%, transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab, var(--destructive) 90%, transparent)}}.hover\:bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/50:hover{background-color:color-mix(in oklab, var(--muted) 50%, transparent)}}.hover\:bg-muted\/80:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-muted\/80:hover{background-color:color-mix(in oklab, var(--muted) 80%, transparent)}}.hover\:bg-primary\/80:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/80:hover{background-color:color-mix(in oklab, var(--primary) 80%, transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--secondary) 80%, transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-destructive:hover{color:var(--destructive)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-1:focus{--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)}.focus\:ring-2:focus{--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)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--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)}.focus-visible\:ring-2:focus-visible{--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)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=active\]\:bg-\[\#2985f7\][data-state=active]{background-color:#2985f7}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--foreground)}.data-\[state\=active\]\:text-white[data-state=active]{color:var(--color-white)}.data-\[state\=active\]\:shadow[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:calc(1 / 2*-100%)}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:calc(48%*-1)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:calc(1 / 2*-100%)}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:calc(48%*-1)}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:var(--muted)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:bg-input[data-state=unchecked]{background-color:var(--input)}@media (min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius)}.sm\:text-left{text-align:left}}.dark\:border-destructive:is(.dark *){border-color:var(--destructive)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:calc(var(--spacing) * 0)}.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{--tw-translate-y:2px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing) * 4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing) * 4)}.\[\&\>svg\]\:text-destructive>svg{color:var(--destructive)}.\[\&\>svg\]\:text-foreground>svg{color:var(--foreground)}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing) * 7)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(54.6% .245 262.881);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(98.5% 0 0);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(54.6% .245 262.881);--sidebar:#2c3e50;--sidebar-foreground:#bec5cb;--sidebar-active:#2985f7}@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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@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:"";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:"";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:"";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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@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));filter:blur(var(--tw-enter-blur,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));filter:blur(var(--tw-exit-blur,0))}} .formipay-order-timeline h3 { margin: 0 0 16px; @@ -934,825 +644,6 @@ code { margin-left: 4px; } -/** - * Formipay Design System - WPCFTO-inspired component styles - * Matches the visual language of WPCFTO Vue components - * Use these classes in React components for consistency - */ - -/* ============================================ - DESIGN TOKENS - ============================================ */ - -:root { - /* Colors - WPCFTO-matched values */ - --formipay-color-primary: #2985f7; - --formipay-color-sidebar-bg: #2c3e50; - --formipay-color-sidebar-text: #bec5cb; - --formipay-color-sidebar-active: #2985f7; - --formipay-color-content-bg: #f0f3f5; - --formipay-color-block-bg: #fff; - --formipay-color-border: #f0f0f1; - --formipay-color-border-dark: #8c99a5; - --formipay-color-input-bg: #f6f9fc; - --formipay-color-text: #27374e; - --formipay-color-text-muted: #8c99a5; - --formipay-color-danger: #d63638; - --formipay-color-success: #00a32a; - --formipay-color-warning: #dba617; - - /* Spacing - WPCFTO values */ - --formipay-spacing-xs: 4px; - --formipay-spacing-sm: 8px; - --formipay-spacing-md: 12px; - --formipay-spacing-lg: 16px; - --formipay-spacing-xl: 20px; - --formipay-spacing-xxl: 24px; - - /* Border Radius - WPCFTO values */ - --formipay-radius-sm: 4px; - --formipay-radius-md: 10px; - --formipay-radius-lg: 30px; - --formipay-radius-full: 50%; - - /* Typography - WPCFTO values */ - --formipay-font-family: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif; - --formipay-font-size-sm: 13px; - --formipay-font-size-base: 14px; - --formipay-font-size-md: 15px; - --formipay-font-size-lg: 18px; - --formipay-font-weight-normal: 400; - --formipay-font-weight-medium: 500; - --formipay-font-weight-semibold: 600; - --formipay-font-weight-bold: 700; - - /* WPCFTO Layout Dimensions */ - --formipay-sidebar-width: 273px; - --formipay-field-aside-width: 40%; - --formipay-field-content-width: 60%; - - /* Shadows */ - --formipay-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05); - --formipay-shadow-md: -2px 2px 5px rgba(0, 0, 0, 0.08); - --formipay-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.1); - - /* Transitions */ - --formipay-transition-fast: 0.15s ease; - --formipay-transition-base: 0.3s ease; -} - -/* ============================================ - BASE STYLES - ============================================ */ - -.formipay-design-system * { - box-sizing: border-box; -} - -.formipay-design-system { - font-family: var(--formipay-font-family); - color: var(--formipay-color-text); - line-height: 1.5; -} - -/* ============================================ - BOX COMPONENT - ============================================ */ - -.formipay-box { - background-color: var(--formipay-color-content-bg); - border-radius: var(--formipay-radius-md); - margin: 0 0 10px; - min-height: 80px; - position: relative; - box-shadow: var(--formipay-shadow-sm); -} - -.formipay-box-child { - position: relative; -} - -.formipay-box-child + .formipay-box-child { - margin-top: 1em; -} - -.formipay-box a { - color: var(--formipay-color-primary); - text-decoration: none; - transition: color var(--formipay-transition-base); -} - -.formipay-box a:hover { - text-decoration: underline; -} - -/* ============================================ - TAB NAVIGATION (WPCFTO sidebar) - ============================================ */ - -.formipay-wpcfto-tab-nav { - background-color: var(--formipay-color-sidebar-bg); - width: var(--formipay-sidebar-width); - padding: 21px 0; - flex-grow: 1; -} - -.formipay-wpcfto-tab-nav.hide { - display: none; -} - -.formipay-wpcfto-tab-nav-inner { - position: sticky; - top: 133px; - z-index: 99; -} - -.formipay-wpcfto-nav { - background-color: transparent; - position: relative; - padding: 0; - font-size: var(--formipay-font-size-base); - font-weight: 400; - text-transform: uppercase; - color: var(--formipay-color-sidebar-text); - cursor: pointer; - transition: all 0.3s ease 0s; -} - -.formipay-wpcfto-nav-title { - padding: 13px 32px 13px 34px; - position: relative; -} - -.formipay-wpcfto-nav i { - display: block; - position: absolute; - right: 30px; - left: auto; - top: 50%; - margin-top: -11px; - width: 26px; - text-align: center; - font-size: 22px; -} - -.formipay-wpcfto-nav.active { - background-color: var(--formipay-color-primary); - color: white; -} - -.formipay-wpcfto-nav:hover { - color: white; -} - -.formipay-wpcfto-submenus { - background-color: #1e2a36; - padding: 18px 32px 18px 34px; -} - -.formipay-wpcfto-submenu-item { - font-size: 15px; - font-weight: 400; - text-transform: initial; - position: relative; - color: var(--formipay-color-text-muted); - margin-bottom: 15px; -} - -.formipay-wpcfto-submenu-item i { - font-size: 10px; - right: 0; - margin-top: -5px; - display: none; -} - -.formipay-wpcfto-submenu-item.active, -.formipay-wpcfto-submenu-item:hover { - color: white; -} - -.formipay-wpcfto-submenu-item.active i { - display: block; -} - -/* ============================================ - TAB CONTENT PANELS (WPCFTO tab content area) - ============================================ */ - -.formipay-tabs { - flex-grow: 1; - overflow: hidden; -} - -.formipay-tab { - background-color: var(--formipay-color-content-bg); - width: 100%; - padding: 20px 30px 20px 20px; - display: none; -} - -.formipay-tab.active { - display: block; - animation: fadeIn 0.4s ease; -} - -.formipay-tab-content { - max-width: 100%; -} - -@keyframes fadeIn { - from { - opacity: 0; - transform: translateY(10px); - } - to { - opacity: 1; - transform: translateY(0); - } -} - -/* ============================================ - FIELD COMPONENT - WPCFTO 2-column layout - ============================================ */ - -.formipay-generic-field { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - padding: 1.8rem 1rem 0; - max-width: 100%; - width: 100%; - border-radius: 10px; - background-color: var(--formipay-color-block-bg); - margin: 0 0 10px; -} - -.formipay-field-aside { - width: var(--formipay-field-aside-width); - padding-right: 2rem; -} - -.formipay-field-label { - display: inline; - font-size: var(--formipay-font-size-base); - font-weight: var(--formipay-font-weight-medium); -} - -.formipay-field-label.required .formipay-field-label-text::after { - content: '*'; - color: var(--formipay-color-danger); - margin-left: 2px; -} - -.formipay-field-content { - width: var(--formipay-field-content-width); -} - -.formipay-field-description { - display: block; - margin-top: 0.8em; - font-size: var(--formipay-font-size-sm); - color: var(--formipay-color-text-muted); -} - -/* ============================================ - INPUTS - ============================================ */ - -.formipay-input, -.formipay-select, -.formipay-textarea { - width: 100%; - padding: 10px 16px; - border: 1px solid var(--formipay-color-border-dark); - border-radius: var(--formipay-radius-lg); - background-color: var(--formipay-color-input-bg); - font-family: inherit; - font-size: var(--formipay-font-size-base); - color: var(--formipay-color-text); - transition: border-color var(--formipay-transition-fast), box-shadow var(--formipay-transition-fast); -} - -.formipay-input:focus, -.formipay-select:focus, -.formipay-textarea:focus { - outline: none; - border-color: var(--formipay-color-primary); - box-shadow: 0 0 0 3px rgba(41, 133, 247, 0.1); -} - -.formipay-input:disabled, -.formipay-select:disabled, -.formipay-textarea:disabled { - opacity: 0.6; - cursor: not-allowed; -} - -.formipay-textarea { - min-height: 100px; - resize: vertical; -} - -/* ============================================ - CHECKBOX & RADIO - WPCFTO toggle style - ============================================ */ - -.formipay-admin-checkbox { - align-self: flex-end; - margin-bottom: 0; -} - -.formipay-admin-checkbox-wrapper { - position: relative; - display: inline-block; - width: 42px; - height: 24px; - background-color: #bec5cb; - border-radius: 20px; - transition: background-color 0.3s ease; - cursor: pointer; -} - -.formipay-admin-checkbox-wrapper.active { - background-color: var(--formipay-color-primary); -} - -.formipay-checkbox-switcher { - position: absolute; - top: 3px; - left: 3px; - width: 18px; - height: 18px; - background-color: white; - border-radius: 50%; - transition: transform 0.3s ease; -} - -.formipay-admin-checkbox-wrapper.active .formipay-checkbox-switcher { - transform: translateX(18px); -} - -.formipay-admin-checkbox input { - position: absolute; - opacity: 0; - width: 0; - height: 0; -} - -.formipay-admin-checkbox label { - cursor: pointer; -} - -/* ============================================ - BUTTONS - ============================================ */ - -.formipay-btn { - display: inline-flex; - align-items: center; - justify-content: center; - gap: var(--formipay-spacing-sm); - padding: 10px 20px; - border: none; - border-radius: var(--formipay-radius-sm); - font-family: inherit; - font-size: var(--formipay-font-size-base); - font-weight: var(--formipay-font-weight-medium); - cursor: pointer; - transition: all var(--formipay-transition-fast); - text-decoration: none; -} - -.formipay-btn:disabled { - opacity: 0.6; - cursor: not-allowed; -} - -.formipay-btn-primary { - background-color: var(--formipay-color-primary); - color: #fff; -} - -.formipay-btn-primary:hover:not(:disabled) { - background-color: #1e6ae6; -} - -.formipay-btn-secondary { - background-color: #f0f0f1; - color: var(--formipay-color-text); -} - -.formipay-btn-secondary:hover:not(:disabled) { - background-color: #e0e0e1; -} - -.formipay-btn-danger { - background-color: var(--formipay-color-danger); - color: #fff; -} - -.formipay-btn-danger:hover:not(:disabled) { - background-color: #b32d2e; -} - -.formipay-btn-sm { - padding: 6px 12px; - font-size: var(--formipay-font-size-sm); -} - -.formipay-btn-icon { - padding: 8px; - aspect-ratio: 1; -} - -/* ============================================ - REPEATER COMPONENT - ============================================ */ - -.formipay-repeater { - display: flex; - flex-direction: column; - gap: var(--formipay-spacing-md); -} - -.formipay-repeater-item { - background-color: #fafafa; - border: 1px solid var(--formipay-color-border); - border-radius: var(--formipay-radius-sm); - overflow: hidden; -} - -.formipay-repeater-header { - display: flex; - align-items: center; - justify-content: space-between; - padding: var(--formipay-spacing-md) var(--formipay-spacing-lg); - background-color: #fff; - border-bottom: 1px solid var(--formipay-color-border); - cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - user-select: none; -} - -.formipay-repeater-header:hover { - background-color: #f8f9fa; -} - -.formipay-repeater-title { - display: flex; - align-items: center; - gap: var(--formipay-spacing-sm); - font-weight: var(--formipay-font-weight-medium); -} - -.formipay-repeater-toggle { - width: 20px; - height: 20px; - display: flex; - align-items: center; - justify-content: center; - transition: transform var(--formipay-transition-fast); -} - -.formipay-repeater-item.collapsed .formipay-repeater-toggle { - transform: rotate(-90deg); -} - -.formipay-repeater-body { - padding: var(--formipay-spacing-lg); -} - -.formipay-repeater-item.collapsed .formipay-repeater-body { - display: none; -} - -.formipay-repeater-actions { - display: flex; - gap: var(--formipay-spacing-sm); -} - -.formipay-repeater-delete { - color: var(--formipay-color-danger); - cursor: pointer; - transition: color var(--formipay-transition-fast); -} - -.formipay-repeater-delete:hover { - color: #b32d2e; -} - -.formipay-repeater-add { - display: flex; - align-items: center; - gap: var(--formipay-spacing-sm); - padding: var(--formipay-spacing-md) var(--formipay-spacing-lg); - background-color: transparent; - border: 1px dashed var(--formipay-color-border-dark); - border-radius: var(--formipay-radius-sm); - color: var(--formipay-color-text-muted); - cursor: pointer; - transition: all var(--formipay-transition-fast); -} - -.formipay-repeater-add:hover { - border-color: var(--formipay-color-primary); - color: var(--formipay-color-primary); - background-color: rgba(41, 133, 247, 0.05); -} - -/* ============================================ - TABLE STYLES (WPCFTO-style) - ============================================ */ - -.formipay-table-wrapper { - background-color: var(--formipay-color-content-bg); - border-radius: var(--formipay-radius-md); - overflow: hidden; - box-shadow: var(--formipay-shadow-sm); -} - -.formipay-table { - width: 100%; - border-collapse: collapse; -} - -.formipay-table thead { - background-color: #f8f9fa; -} - -.formipay-table th { - padding: 12px 16px; - text-align: left; - font-size: var(--formipay-font-size-sm); - font-weight: var(--formipay-font-weight-semibold); - color: var(--formipay-color-text-muted); - text-transform: uppercase; - letter-spacing: 0.5px; - border-bottom: 1px solid var(--formipay-color-border); -} - -.formipay-table td { - padding: 12px 16px; - border-bottom: 1px solid var(--formipay-color-border); -} - -.formipay-table tbody tr:last-child td { - border-bottom: none; -} - -.formipay-table tbody tr:hover { - background-color: #f8f9fa; -} - -/* ============================================ - STATUS BADGES - ============================================ */ - -.formipay-badge { - display: inline-flex; - align-items: center; - padding: 4px 12px; - border-radius: var(--formipay-radius-full); - font-size: var(--formipay-font-size-sm); - font-weight: var(--formipay-font-weight-medium); -} - -.formipay-badge-success { - background-color: #edfaef; - color: var(--formipay-color-success); -} - -.formipay-badge-warning { - background-color: #fff8e5; - color: var(--formipay-color-warning); -} - -.formipay-badge-danger { - background-color: #fce8e6; - color: var(--formipay-color-danger); -} - -.formipay-badge-info { - background-color: #e7f3ff; - color: var(--formipay-color-primary); -} - -.formipay-badge-default { - background-color: #f0f0f1; - color: var(--formipay-color-text-muted); -} - -/* ============================================ - GROUP TITLE - WPCFTO section divider - ============================================ */ - -.formipay-group-title { - width: 100%; - padding: 0 0 12px; - color: var(--formipay-color-text-muted); - font-size: 14px; - font-weight: 400; - text-transform: uppercase; - border-bottom: 1px solid #d6dade; - margin: 0 0 17px; - letter-spacing: 1.4px; - display: flex; - align-items: center; - gap: 8px; -} - -.formipay-group-title i { - display: block; -} - -/* ============================================ - NOTICE / ALERT COMPONENTS - ============================================ */ - -.formipay-notice { - display: flex; - align-items: flex-start; - gap: var(--formipay-spacing-md); - padding: var(--formipay-spacing-md) var(--formipay-spacing-lg); - border-radius: var(--formipay-radius-sm); - margin: var(--formipay-spacing-md) 0; -} - -.formipay-notice-icon { - flex-shrink: 0; - width: 20px; - height: 20px; -} - -.formipay-notice-content { - flex: 1; -} - -.formipay-notice-title { - font-weight: var(--formipay-font-weight-semibold); - margin-bottom: var(--formipay-spacing-xs); -} - -.formipay-notice-success { - background-color: #edfaef; - border-left: 4px solid var(--formipay-color-success); -} - -.formipay-notice-warning { - background-color: #fff8e5; - border-left: 4px solid var(--formipay-color-warning); -} - -.formipay-notice-error { - background-color: #fce8e6; - border-left: 4px solid var(--formipay-color-danger); -} - -.formipay-notice-info { - background-color: #e7f3ff; - border-left: 4px solid var(--formipay-color-primary); -} - -/* ============================================ - LOADING & EMPTY STATES - ============================================ */ - -.formipay-loading { - display: flex; - align-items: center; - justify-content: center; - padding: 40px; -} - -.formipay-spinner { - width: 32px; - height: 32px; - border: 3px solid var(--formipay-color-border); - border-top-color: var(--formipay-color-primary); - border-radius: 50%; - animation: formipay-spin 0.8s linear infinite; -} - -@keyframes formipay-spin { - to { transform: rotate(360deg); } -} - -.formipay-empty-state { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - padding: 60px 40px; - text-align: center; -} - -.formipay-empty-icon { - font-size: 48px; - color: var(--formipay-color-border-dark); - margin-bottom: var(--formipay-spacing-md); -} - -.formipay-empty-title { - font-size: var(--formipay-font-size-lg); - font-weight: var(--formipay-font-weight-semibold); - margin-bottom: var(--formipay-spacing-sm); -} - -.formipay-empty-description { - color: var(--formipay-color-text-muted); - margin-bottom: var(--formipay-spacing-lg); -} - -/* ============================================ - UTILITIES - ============================================ */ - -.formipay-text-center { text-align: center; } -.formipay-text-right { text-align: right; } -.formipay-text-muted { color: var(--formipay-color-text-muted); } -.formipay-text-small { font-size: var(--formipay-font-size-sm); } -.formipay-text-large { font-size: var(--formipay-font-size-lg); } - -.formipay-mt-0 { margin-top: 0; } -.formipay-mt-1 { margin-top: var(--formipay-spacing-xs); } -.formipay-mt-2 { margin-top: var(--formipay-spacing-sm); } -.formipay-mt-3 { margin-top: var(--formipay-spacing-md); } -.formipay-mt-4 { margin-top: var(--formipay-spacing-lg); } - -.formipay-mb-0 { margin-bottom: 0; } -.formipay-mb-1 { margin-bottom: var(--formipay-spacing-xs); } -.formipay-mb-2 { margin-bottom: var(--formipay-spacing-sm); } -.formipay-mb-3 { margin-bottom: var(--formipay-spacing-md); } -.formipay-mb-4 { margin-bottom: var(--formipay-spacing-lg); } - -.formipay-flex { display: flex; } -.formipay-flex-center { display: flex; align-items: center; justify-content: center; } -.formipay-flex-between { display: flex; align-items: center; justify-content: space-between; } -.formipay-flex-column { display: flex; flex-direction: column; } - -.formipay-gap-1 { gap: var(--formipay-spacing-xs); } -.formipay-gap-2 { gap: var(--formipay-spacing-sm); } -.formipay-gap-3 { gap: var(--formipay-spacing-md); } -.formipay-gap-4 { gap: var(--formipay-spacing-lg); } - -/* ============================================ - METABOX LAYOUT - WPCFTO 2-column wrapper - ============================================ */ - -.formipay-wpcfto-metabox { - background-color: #fff; - border-radius: var(--formipay-radius-md); - overflow: hidden; - box-shadow: var(--formipay-shadow-sm); -} - -.formipay-wpcfto-metabox-inner { - display: flex; - min-height: 400px; -} - -.formipay-wpcfto-container { - display: flex; - width: 100%; - position: relative; -} - -/* Horizontal variant for mobile/narrow contexts */ -.formipay-wpcfto-container.horizontal { - flex-direction: column; -} - -.formipay-wpcfto-container.horizontal .formipay-wpcfto-tab-nav { - width: 100%; - flex-direction: row; - overflow-x: auto; - padding: 0; -} - -.formipay-wpcfto-container.horizontal .formipay-wpcfto-tabs { - width: 100%; -} - -/* ============================================ - RESPONSIVE - ============================================ */ - -@media (max-width: 768px) { - .formipay-tab-nav { - flex-direction: row; - overflow-x: auto; - } - - .formipay-nav-item { - flex-shrink: 0; - } - - .formipay-field { - padding: var(--formipay-spacing-md) 0; - } -} - /** * Coupon Metabox Styles * WPCFTO-inspired design for React metabox island diff --git a/build/admin.js b/build/admin.js index 6196da9f4..d963da3bb 100644 --- a/build/admin.js +++ b/build/admin.js @@ -1 +1 @@ -(()=>{"use strict";var e={n:a=>{var t=a&&a.__esModule?()=>a.default:()=>a;return e.d(t,{a:t}),t},d:(a,t)=>{for(var n in t)e.o(t,n)&&!e.o(a,n)&&Object.defineProperty(a,n,{enumerable:!0,get:t[n]})},o:(e,a)=>Object.prototype.hasOwnProperty.call(e,a)};const a=window.React,t=window.wp.element,n=window.wp.i18n,r=window.wp.components,o=window.Swal;function i({initialData:e=[],columns:i,filterOptions:l=null,statusCounts:c=null,searchable:s=!0,searchPlaceholder:m=(0,n.__)("Search...","formipay"),sortable:p=!0,defaultSort:d={id:"ID",desc:!0},selectable:u=!0,pagination:y=!0,pageSize:f=10,pageSizeOptions:_=[10,20,50,100],actions:w={addNew:!1,bulkDelete:!0,inline:!0},emptyMessage:h=(0,n.__)("No items found","formipay"),ajaxUrl:E,nonce:b,tableAction:g,deleteAction:v,duplicateAction:k,onSelectionChange:N}){const[C,S]=(0,t.useState)(e),[x,A]=(0,t.useState)(!0),[D,T]=(0,t.useState)(0),[P,I]=(0,t.useState)("all"),[$,U]=(0,t.useState)(""),[j,O]=(0,t.useState)(d.id||"ID"),[L,B]=(0,t.useState)(d.desc?"desc":"asc"),[F,R]=(0,t.useState)(1),[M,q]=(0,t.useState)(f),[z,J]=(0,t.useState)(new Set),[G,H]=(0,t.useState)(!1);(0,t.useEffect)(()=>{N&&N(z)},[z,N]);const[Z,V]=(0,t.useState)(!1),[X,Q]=(0,t.useState)(""),W=g.replace("formipay-tabledata-",""),K=w.bulkDelete?.action||`formipay-bulk-delete-${W}`,Y=(0,t.useCallback)(async()=>{A(!0);const e=new URLSearchParams({action:g,_wpnonce:b,limit:M.toString(),offset:((F-1)*M).toString()});l&&"all"!==P&&e.append(l.key,P),$&&e.append("search",$),e.append("orderby",j),e.append("sort",L);try{const a=await fetch(`${E}?${e.toString()}`,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:e}),t=await a.json(),n=t.data?.results||t.results||t.data||[];S(n),T(t.total||n.length)}catch(e){console.error("Load data error:",e)}finally{A(!1)}},[E,b,g,M,F,P,$,j,L,l]);return(0,t.useEffect)(()=>{Y()},[Y]),(0,t.useEffect)(()=>{const e=setTimeout(()=>{null!==$&&R(1)},500);return()=>clearTimeout(e)},[$]),(0,a.createElement)("div",{className:"formipay-data-table-wrapper"},(0,a.createElement)("div",{className:"formipay-table-toolbar"},w.addNew&&(0,a.createElement)(r.Button,{variant:"primary",onClick:()=>V(!0)},w.addNew.label||(0,n.__)("+ Add New","formipay")),w.bulkDelete&&u&&z.size>0&&(0,a.createElement)(r.Button,{variant:"secondary",isDestructive:!0,onClick:async()=>{0!==z.size&&(await o.fire({icon:"info",html:(0,n.__)("Do you want to delete the selected item(s)?","formipay"),showCancelButton:!0,confirmButtonText:(0,n.__)("Confirm","formipay"),cancelButtonText:(0,n.__)("Cancel","formipay")})).isConfirmed&&(await fetch(`${E}?action=${K}`,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({ids:Array.from(z),_wpnonce:b})}),J(new Set),H(!1),Y(),o.fire({title:(0,n.__)("Done!","formipay"),html:(0,n.__)("Items deleted successfully.","formipay"),icon:"success"}))}},(0,n.__)("Delete Selected","formipay")," (",z.size,")"),s&&(0,a.createElement)(r.TextControl,{placeholder:m,value:$,onChange:U,className:"formipay-table-search"}),p&&(0,a.createElement)(r.SelectControl,{value:`${j}-${L}`,options:[{label:(0,n.__)("ID ↓","formipay"),value:"ID-desc"},{label:(0,n.__)("ID ↑","formipay"),value:"ID-asc"},{label:(0,n.__)("Date ↓","formipay"),value:"date-desc"},{label:(0,n.__)("Date ↑","formipay"),value:"date-asc"},{label:(0,n.__)("Title A-Z","formipay"),value:"title-asc"},{label:(0,n.__)("Title Z-A","formipay"),value:"title-desc"}],onChange:e=>{const[a,t]=e.split("-");O(a),B(t)}}),(0,a.createElement)(r.Button,{variant:"secondary",onClick:Y,disabled:x},x?(0,n.__)("Refreshing...","formipay"):(0,n.__)("Refresh","formipay"))),l&&(0,a.createElement)("div",{className:"formipay-filter-tabs"},l.options.map(e=>(0,a.createElement)("button",{key:e.value,className:"filter-tab "+(P===e.value?"active":""),onClick:()=>{return a=e.value,I(a),void R(1);var a}},e.label,c&&(0,a.createElement)("span",{className:"count"},c[e.value]||0)))),(0,a.createElement)("div",{className:"formipay-table-container"},x?(0,a.createElement)("div",{className:"formipay-table-loading"},(0,a.createElement)(r.Spinner,null)):0===C.length?(0,a.createElement)("div",{className:"formipay-table-empty"},h):(0,a.createElement)("table",{className:"formipay-table wp-list-table widefat fixed striped"},(0,a.createElement)("thead",null,(0,a.createElement)("tr",null,u&&(0,a.createElement)("th",{className:"column-select"},(0,a.createElement)("input",{type:"checkbox",checked:G,onChange:()=>{J(G?new Set:new Set(C.map(e=>e.ID||e.id))),H(!G)}})),i.map(e=>(0,a.createElement)("th",{key:e.key,className:`column-${e.key}`},e.label)))),(0,a.createElement)("tbody",null,C.map((e,t)=>{const n=e.ID||e.id;return(0,a.createElement)("tr",{key:t,className:"formipay-table-row"},u&&(0,a.createElement)("td",null,(0,a.createElement)("input",{type:"checkbox",checked:z.has(n),onChange:()=>(e=>{const a=new Set(z);a.has(e)?a.delete(e):a.add(e),J(a),H(!1)})(n)})),i.map(t=>(0,a.createElement)("td",{key:t.key},t.render?t.render(e):e[t.key])))})))),y&&D>M&&(0,a.createElement)("div",{className:"formipay-table-pagination"},(0,a.createElement)("div",{className:"pagination-info"},(0,n.__)("Showing","formipay")," ",(F-1)*M+1," - ",Math.min(F*M,D)," ",(0,n.__)("of","formipay")," ",D),(0,a.createElement)("div",{className:"pagination-controls"},(0,a.createElement)(r.Button,{variant:"secondary",disabled:1===F,onClick:()=>R(1)},"««"),(0,a.createElement)(r.Button,{variant:"secondary",disabled:1===F,onClick:()=>R(F-1)},"‹"),(0,a.createElement)("span",{className:"page-info"},(0,n.__)("Page","formipay")," ",F," ",(0,n.__)("of","formipay")," ",Math.ceil(D/M)),(0,a.createElement)(r.Button,{variant:"secondary",disabled:F>=Math.ceil(D/M),onClick:()=>R(F+1)},"›"),(0,a.createElement)(r.Button,{variant:"secondary",disabled:F>=Math.ceil(D/M),onClick:()=>R(Math.ceil(D/M))},"»"),(0,a.createElement)(r.SelectControl,{value:M.toString(),options:_.map(e=>({label:e.toString(),value:e.toString()})),onChange:e=>{q(parseInt(e)),R(1)}}))),w.addNew&&Z&&(0,a.createElement)(r.Modal,{title:w.addNew.label||(0,n.__)("Add New","formipay"),onRequestClose:()=>{V(!1),Q("")}},(0,a.createElement)(r.TextControl,{__next40pxDefaultSize:!0,__nextHasNoMarginBottom:!0,label:(0,n.__)("Title","formipay"),value:X,onChange:Q,autoFocus:!0}),(0,a.createElement)("div",{className:"formipay-modal-actions"},(0,a.createElement)(r.Button,{variant:"secondary",onClick:()=>{V(!1),Q("")}},(0,n.__)("Cancel","formipay")),(0,a.createElement)(r.Button,{variant:"primary",onClick:async()=>{if(!X.trim())return void o.fire({html:(0,n.__)("Title is required.","formipay"),icon:"error"});const e=w.addNew.action,a=await fetch(`${E}?action=${e}`,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({title:X,_wpnonce:b})}),t=await a.json();t.success?(V(!1),Q(""),t.data.edit_post_url?window.location.href=t.data.edit_post_url:Y()):o.fire({html:t.data.message||(0,n.__)("Error creating item.","formipay"),icon:"error"})}},(0,n.__)("Create","formipay")))))}const l=(0,t.forwardRef)(function({icon:e,size:a=24,...n},r){return(0,t.cloneElement)(e,{width:a,height:a,...n,ref:r})}),c=window.wp["icons/build/arrowLeft"];var s=e.n(c);const m=window.wp["icons/build/trash"];var p=e.n(m);const d=window.formipayAdmin?.ajaxUrl||"/wp-admin/admin-ajax.php",u=window.formipayAdmin?.nonce||"";async function y(e,a={}){const t=new FormData;t.append("action",e),t.append("_wpnonce",u),Object.keys(a).forEach(e=>{"object"==typeof a[e]?t.append(e,JSON.stringify(a[e])):t.append(e,a[e])}),console.log(`[AJAX] Sending request: ${e}`,{nonce:u,data:a});try{const a=await fetch(d,{method:"POST",credentials:"same-origin",body:t});console.log(`[AJAX] Response status: ${e}`,a.status);const n=await a.json();if(console.log(`[AJAX] Response data: ${e}`,n),!a.ok||!1===n.success){const e=n.data?.message||n.message||"Request failed";throw new Error(e)}return n}catch(a){throw console.error(`AJAX error [${e}]:`,a),a}}window.formipayAdmin;const f=["on-hold","payment-confirm","in-progress","shipping","completed"],_={"on-hold":(0,n.__)("On Hold","formipay"),"payment-confirm":(0,n.__)("Payment Confirmed","formipay"),"in-progress":(0,n.__)("In Progress","formipay"),shipping:(0,n.__)("Shipping","formipay"),completed:(0,n.__)("Completed","formipay"),failed:(0,n.__)("Failed","formipay"),refunded:(0,n.__)("Refunded","formipay"),cancelled:(0,n.__)("Cancelled","formipay")};function w({orderId:e}){const[r,o]=(0,t.useState)([]);return(0,t.useEffect)(()=>{const e=[{status:"on-hold",date:(new Date).toISOString(),note:(0,n.__)("Order placed","formipay")}];o(e)},[e]),(0,a.createElement)("div",{className:"formipay-order-timeline"},(0,a.createElement)("h3",null,(0,n.__)("Order Timeline","formipay")),(0,a.createElement)("div",{className:"timeline-progress"},f.map((e,t)=>(0,a.createElement)("div",{key:e,className:`timeline-step ${0===t?"first":""} ${t===f.length-1?"last":""}`},(0,a.createElement)("div",{className:"timeline-dot"}),t(0,a.createElement)("li",{key:t},(0,a.createElement)("span",{className:"event-status"},_[e.status]||e.status),(0,a.createElement)("span",{className:"event-date"},new Date(e.date).toLocaleString()),e.note&&(0,a.createElement)("span",{className:"event-note"},e.note))))))}const h=window.wp["icons/build/bell"];var E=e.n(h);const b=window.wp["icons/build/message"];var g=e.n(b);function v(){const e=[{id:1,type:"email",recipient:"customer@example.com",subject:"Order Confirmation",status:"sent",date:(new Date).toISOString()}],t=e=>{switch(e){case"email":default:return E()();case"sms":case"whatsapp":return g()()}};return(0,a.createElement)("div",{className:"formipay-notification-log"},(0,a.createElement)("h3",null,(0,a.createElement)(l,{icon:E()(),size:18}),(0,n.__)("Notification Log","formipay")),0===e.length?(0,a.createElement)("p",{className:"no-logs"},(0,n.__)("No notifications sent yet","formipay")):(0,a.createElement)("ul",{className:"notification-list"},e.map(e=>(0,a.createElement)("li",{key:e.id,className:`notification-item ${e.status}`},(0,a.createElement)("div",{className:"notification-icon"},(0,a.createElement)(l,{icon:t(e.type),size:20})),(0,a.createElement)("div",{className:"notification-content"},(0,a.createElement)("div",{className:"notification-header"},(0,a.createElement)("span",{className:"notification-type"},e.type.toUpperCase()),(0,a.createElement)("span",{className:"notification-status"},e.status)),(0,a.createElement)("div",{className:"notification-details"},(0,a.createElement)("strong",null,e.subject||e.type),(0,a.createElement)("span",{className:"notification-recipient"},(0,n.__)("To:","formipay")," ",e.recipient)),(0,a.createElement)("div",{className:"notification-date"},new Date(e.date).toLocaleString()))))))}const k=[{value:"on-hold",label:(0,n.__)("On Hold","formipay")},{value:"payment-confirm",label:(0,n.__)("Payment Confirmed","formipay")},{value:"in-progress",label:(0,n.__)("In Progress","formipay")},{value:"shipping",label:(0,n.__)("Shipping","formipay")},{value:"completed",label:(0,n.__)("Completed","formipay")},{value:"failed",label:(0,n.__)("Failed","formipay")},{value:"refunded",label:(0,n.__)("Refunded","formipay")},{value:"cancelled",label:(0,n.__)("Cancelled","formipay")}];function N({orderId:e,onBack:o}){const[i,c]=(0,t.useState)(null),[m,d]=(0,t.useState)(!0),[u,f]=(0,t.useState)(!1),[_,h]=(0,t.useState)(""),E=(0,t.useCallback)(()=>{d(!0),(e=>y("formipay-get-order",{order_id:e}))(e).then(e=>{e.data&&(c(e.data),h(e.data.status))}).catch(e=>{console.error("Load order error:",e)}).finally(()=>{d(!1)})},[e]);return(0,t.useEffect)(()=>{E()},[E]),m?(0,a.createElement)("div",{className:"formipay-order-detail"},(0,a.createElement)("div",{className:"formipay-loading"},(0,a.createElement)("span",{className:"spinner is-active"}))):i?(0,a.createElement)("div",{className:"formipay-order-detail"},(0,a.createElement)("div",{className:"formipay-detail-header"},(0,a.createElement)(r.Button,{variant:"secondary",onClick:o},(0,a.createElement)(l,{icon:s()(),size:16}),(0,n.__)("Back","formipay")),(0,a.createElement)("h1",null,(0,n.__)("Order","formipay")," #",i.id),(0,a.createElement)("div",{className:"header-actions"},(0,a.createElement)(r.Button,{variant:"secondary",isDestructive:!0,onClick:()=>{var a;confirm((0,n.__)("Are you sure you want to delete this order?","formipay"))&&(a=[e],y("formipay-bulk-delete-order",{ids:a})).then(e=>{e.success&&o?.()}).catch(e=>{console.error("Delete order error:",e)})}},(0,a.createElement)(l,{icon:p()(),size:16}),(0,n.__)("Delete","formipay")))),(0,a.createElement)("div",{className:"formipay-detail-content"},(0,a.createElement)("div",{className:"formipay-detail-main"},(0,a.createElement)("div",{className:"formipay-detail-card"},(0,a.createElement)("h3",null,(0,n.__)("Order Details","formipay")),(0,a.createElement)("dl",{className:"detail-list"},(0,a.createElement)("div",null,(0,a.createElement)("dt",null,(0,n.__)("Status","formipay")),(0,a.createElement)("dd",null,(0,a.createElement)(r.SelectControl,{value:_,options:k,onChange:h,disabled:u}),_!==i.status&&(0,a.createElement)(r.Button,{variant:"primary",size:"small",onClick:()=>{_&&_!==i.status&&(f(!0),((e,a)=>y("formipay-update-order-status",{order_id:e,status:a}))(e,_).then(e=>{(e.success||e.data?.valid)&&E()}).catch(e=>{console.error("Update status error:",e)}).finally(()=>{f(!1)}))},disabled:u,isBusy:u},u?(0,n.__)("Updating...","formipay"):(0,n.__)("Update Status","formipay")))),(0,a.createElement)("div",null,(0,a.createElement)("dt",null,(0,n.__)("Date Created","formipay")),(0,a.createElement)("dd",null,(b=i.created_date)?new Date(b).toLocaleString():"-")),(0,a.createElement)("div",null,(0,a.createElement)("dt",null,(0,n.__)("Form ID","formipay")),(0,a.createElement)("dd",null,i.form_id)),(0,a.createElement)("div",null,(0,a.createElement)("dt",null,(0,n.__)("Payment Gateway","formipay")),(0,a.createElement)("dd",null,i.payment_gateway||"-")))),(0,a.createElement)("div",{className:"formipay-detail-card"},(0,a.createElement)("h3",null,(0,n.__)("Items","formipay")),(0,a.createElement)("table",{className:"items-table"},(0,a.createElement)("thead",null,(0,a.createElement)("tr",null,(0,a.createElement)("th",null,(0,n.__)("Item","formipay")),(0,a.createElement)("th",null,(0,n.__)("Qty","formipay")),(0,a.createElement)("th",null,(0,n.__)("Subtotal","formipay")))),(0,a.createElement)("tbody",null,i.items?.map((e,t)=>(0,a.createElement)("tr",{key:t},(0,a.createElement)("td",null,(0,a.createElement)("strong",null,e.item),e.description&&(0,a.createElement)("small",null,e.description)),(0,a.createElement)("td",null,e.qty||1),(0,a.createElement)("td",null,e.subtotal_formatted||e.subtotal)))||(0,a.createElement)("tr",null,(0,a.createElement)("td",{colSpan:"3",className:"text-center"},(0,n.__)("No items","formipay")))),(0,a.createElement)("tfoot",null,(0,a.createElement)("tr",null,(0,a.createElement)("td",{colSpan:"2"},(0,a.createElement)("strong",null,(0,n.__)("Total","formipay"))),(0,a.createElement)("td",null,(0,a.createElement)("strong",null,i.total_formatted||i.total))))))),(0,a.createElement)("div",{className:"formipay-detail-sidebar"},(0,a.createElement)("div",{className:"formipay-detail-card"},(0,a.createElement)("h3",null,(0,n.__)("Customer Information","formipay")),i.form_data?(0,a.createElement)("dl",{className:"customer-info"},Object.entries(i.form_data).map(([e,t])=>["payment","payment_gateway","coupon_code","qty"].includes(e)?null:(0,a.createElement)("div",{key:e},(0,a.createElement)("dt",null,e.replace(/_/g," ")),(0,a.createElement)("dd",null,t?.value||t||"-")))):(0,a.createElement)("p",{className:"no-data"},(0,n.__)("No customer data available","formipay"))),(0,a.createElement)(w,{orderId:e}),(0,a.createElement)(v,null)))):(0,a.createElement)("div",{className:"formipay-order-detail"},(0,a.createElement)("div",{className:"formipay-error"},(0,a.createElement)("p",null,(0,n.__)("Order not found","formipay")),(0,a.createElement)(r.Button,{variant:"secondary",onClick:o},(0,a.createElement)(l,{icon:s()(),size:16}),(0,n.__)("Back to Orders","formipay"))));var b}const C=window.wp.primitives,S=(0,a.createElement)(C.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},(0,a.createElement)(C.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M12 5.5A2.25 2.25 0 0 0 9.878 7h4.244A2.251 2.251 0 0 0 12 5.5ZM12 4a3.751 3.751 0 0 0-3.675 3H5v1.5h1.27l.818 8.997a2.75 2.75 0 0 0 2.739 2.501h4.347a2.75 2.75 0 0 0 2.738-2.5L17.73 8.5H19V7h-3.325A3.751 3.751 0 0 0 12 4Zm4.224 4.5H7.776l.806 8.861a1.25 1.25 0 0 0 1.245 1.137h4.347a1.25 1.25 0 0 0 1.245-1.137l.805-8.861Z"}));function x({productId:e,productDetails:r}){const[o,i]=(0,t.useState)([]),[l,c]=(0,t.useState)([]),[s,m]=(0,t.useState)(!0),p=(0,t.useRef)(null),d=(0,t.useRef)(null),u=(0,t.useRef)(null),y=(0,t.useCallback)(()=>String(r?.default_currency||"").split(":::")[0]||r?.default_currency_code||"USD",[r]),f=(0,t.useCallback)(e=>{const a=r?.global_currencies||[],t=String(e).split(":::")[0],n=a.find(e=>String(e.currency).split(":::")[0]===t);return parseInt(n?.decimal_digits,10)||2},[r]),_=(0,t.useCallback)(()=>{const e=r?.global_selected_currencies||{};let a=Object.keys(e);if(!a.length){const e=r?.default_currency||"";e&&(a=[e])}return a.map(e=>{const a=String(e).split(":::")[0];return{currency:e,regular_price:"",sale_price:"",currency_decimal_digits:f(a)}})},[r,f]),w=(0,t.useCallback)(e=>{const a={...e};void 0===a.expanded&&(a.expanded=!1);const t=_(),n=e=>String(e).split(":::")[0];if(Array.isArray(a.prices)){const e=new Set(t.map(e=>n(e.currency)));a.prices=a.prices.filter(a=>a&&e.has(n(a.currency))),t.forEach(e=>{const t=n(e.currency);a.prices.some(e=>n(e.currency)===t)||a.prices.push(JSON.parse(JSON.stringify(e)))})}else a.prices=JSON.parse(JSON.stringify(t));Array.isArray(a.prices)&&0!==a.prices.length||(a.prices=JSON.parse(JSON.stringify(t))),a.prices.forEach(e=>{const a=n(e.currency);e.currency_decimal_digits=f(a),void 0!==e.regular_price&&null!==e.regular_price||(e.regular_price=""),void 0!==e.sale_price&&null!==e.sale_price||(e.sale_price="")});const r=y();return a.prices.sort((e,a)=>n(e.currency)===r?-1:n(a.currency)===r?1:0),delete a.price,delete a.sale,a},[_,f,y]),h=(0,t.useCallback)(()=>new Promise(e=>{let a=0;const t=setInterval(()=>{const n=document.querySelector('input[name="product_variation_attributes"]');if(n&&n.value)try{const a=JSON.parse(n.value);clearInterval(t),e(Array.isArray(a)?a:[])}catch(a){clearInterval(t),e([])}else++a>=100&&(clearInterval(t),e([]))},50)}),[]),E=(0,t.useCallback)(e=>{const a=e.map(e=>(e.attribute_variations||[]).map(e=>({label:e.variation_label}))).filter(e=>e.length>0);return a.length?a.reduce((e,a)=>e.flatMap(e=>a.map(a=>[].concat(e,a)))).map(e=>{const a=Array.isArray(e)?e.map(e=>e.label):[e.label];return{key:a.join("||"),label:a.join(" - ")}}):[]},[]),b=(0,t.useCallback)(async()=>{try{const e=await h();if(!e.length)return i([]),void g([]);const a=E(e).filter(e=>!l.includes(e.key)).map(e=>{const a=o.find(a=>a.key===e.key);return a?Object.assign(w(a),{name:e.label}):w({key:e.key,name:e.label,stock:"",weight:0,active:!0})});i(a),g(a)}catch(e){console.warn("Attributes not available; initializing empty variations."),i([]),g([])}},[h,E,l,o,w]),g=(0,t.useCallback)(e=>{p.current&&(p.current.value=JSON.stringify(e||[]))},[]),v=(0,t.useCallback)(async()=>{if(e)try{const a=new FormData;a.append("action","get_product_variables"),a.append("post_id",e),a.append("_wpnonce",window.formipayAdmin?.nonce||"");const t=await fetch(window.formipayAdmin?.ajaxUrl||"/wp-admin/admin-ajax.php",{method:"POST",credentials:"same-origin",body:a}),n=await t.json();if(n.success&&Array.isArray(n.data)&&n.data.length){const e=n.data.map(e=>w(e));i(e),c([]),g(e)}else await b()}catch{await b()}else await b()},[e,w,b,g]),k=(0,t.useCallback)(()=>{const e=()=>{setTimeout(()=>{b()},200)},a=document.querySelector('input[name="product_variation_attributes"]');if(a){a.addEventListener("input",e),a.addEventListener("change",e);const t=new MutationObserver(e);t.observe(a,{attributes:!0,attributeFilter:["value"]}),u.current=t,d.current=setInterval(()=>{const a=document.querySelector('input[name="product_variation_attributes"]');a&&a.value!==p.current?.value&&e()},300)}return()=>{u.current&&u.current.disconnect(),d.current&&clearInterval(d.current)}},[b]);(0,t.useEffect)(()=>{const e=r?.multicurrency,a=r?.global_selected_currencies||{},t=Object.keys(a).length;return m(!e||t<=1),v(),k()},[r,v,k]);const N=(0,t.useCallback)((e,a,t,n)=>{const r=[...o];r[e].prices[a][t]=n,i(r),g(r)},[o,g]),C=(0,t.useCallback)(e=>{const a=[...o];a[e].expanded=!a[e].expanded,i(a)},[o]),S=(0,t.useCallback)((e,a,t)=>{const n=[...o];n[e][a]=t,i(n),g(n)},[o,g]),x=(0,t.useCallback)(e=>{const a=o[e],t=[...l,a.key];c(t);const n=o.filter((a,t)=>t!==e);i(n),g(n)},[o,l,g]),D=(0,t.useCallback)(()=>{const e=y();for(const a of o){const t=a.prices?.find(a=>String(a.currency).split(":::")[0]===e);if(!t||!t.regular_price)return{currencyCode:e,rowLabel:a.name}}return null},[o,y]);return(0,t.useEffect)(()=>{const e=document.getElementById("post");if(!e)return;const a=e=>{const a=D();if(a){e.preventDefault(),e.stopImmediatePropagation();const t=(r?.variation_table?.error_missing_default_price||'Please fill Regular Price for default currency (%1$s) in variation "%2$s".').replace("%1$s",a.currencyCode).replace("%2$s",a.rowLabel);return alert(t),!1}};return e.addEventListener("submit",a,!0),()=>e.removeEventListener("submit",a,!0)},[D,r]),(0,a.createElement)(a.Fragment,null,(0,a.createElement)("input",{ref:p,type:"hidden",name:"product_variation_variables",value:JSON.stringify(o)}),(0,a.createElement)("table",{className:"formipay-variation-table",id:"product-variables-table"},(0,a.createElement)("thead",null,(0,a.createElement)("tr",null,(0,a.createElement)("th",null,(0,n.__)("Variation","formipay")),s?(0,a.createElement)(a.Fragment,null,(0,a.createElement)("th",null,(0,n.__)("Price","formipay")),(0,a.createElement)("th",null,(0,n.__)("Sale Price","formipay"))):null,(0,a.createElement)("th",null,(0,n.__)("Stock","formipay")),(0,a.createElement)("th",null,(0,n.__)("Weight","formipay")),(0,a.createElement)("th",null,(0,n.__)("Actions","formipay")))),(0,a.createElement)("tbody",null,o.map((e,t)=>(0,a.createElement)(A,{key:e.key,row:e,rowIndex:t,showFlatPricing:s,defaultCurrencyCode:y(),onToggleExpanded:()=>C(t),onUpdatePrice:(e,a,n)=>N(t,e,a,n),onUpdateField:(e,a)=>S(t,e,a),onDelete:()=>x(t)})))))}function A({row:e,rowIndex:t,showFlatPricing:o,defaultCurrencyCode:i,onToggleExpanded:l,onUpdatePrice:c,onUpdateField:s,onDelete:m}){return(0,a.createElement)(a.Fragment,null,(0,a.createElement)("tr",{className:"variation-row"},(0,a.createElement)("td",{className:"variation-name"},(0,a.createElement)("button",{type:"button",className:"toggle-expand",onClick:l},e.expanded?"▼":"▶"),(0,a.createElement)("strong",null,e.name)),o&&e.prices?.[0]?(0,a.createElement)(a.Fragment,null,(0,a.createElement)(D,{price:e.prices[0],field:"regular_price",onChange:(e,a)=>c(0,e,a)}),(0,a.createElement)(D,{price:e.prices[0],field:"sale_price",onChange:(e,a)=>c(0,e,a)})):null,(0,a.createElement)("td",{className:"variation-stock"},(0,a.createElement)(r.TextControl,{type:"number",value:e.stock,onChange:e=>s("stock",e),placeholder:"Unlimited"})),(0,a.createElement)("td",{className:"variation-weight"},(0,a.createElement)(r.TextControl,{type:"number",value:e.weight,onChange:e=>s("weight",e),step:"0.01"})),(0,a.createElement)("td",{className:"variation-actions"},(0,a.createElement)(r.Button,{variant:"secondary",size:"small",isDestructive:!0,onClick:m,icon:S},(0,n.__)("Delete","formipay")))),!o&&e.expanded&&(0,a.createElement)("tr",{className:"variation-details-row"},(0,a.createElement)("td",{colSpan:"5"},(0,a.createElement)("table",{className:"inner-table"},(0,a.createElement)("tbody",null,(e.prices||[]).map((e,t)=>{const n=String(e.currency).split(":::")[0]===i,r=e.currency_decimal_digits?1/Math.pow(10,e.currency_decimal_digits):.01;return(0,a.createElement)("tr",{key:t},(0,a.createElement)("td",{className:"currency-name"},e.currency,n&&(0,a.createElement)("span",{className:"required"},"*")),(0,a.createElement)("td",null,(0,a.createElement)("input",{type:"number",value:e.regular_price,onChange:e=>c(t,"regular_price",e.target.value),step:r,placeholder:"Regular Price",required:n})),(0,a.createElement)("td",null,(0,a.createElement)("input",{type:"number",value:e.sale_price,onChange:e=>c(t,"sale_price",e.target.value),step:r,placeholder:"Sale Price"})))}))))))}function D({price:e,field:t,onChange:n}){if(!e)return(0,a.createElement)("td",{className:"price-cell"},"-");const r=e.currency_decimal_digits?1/Math.pow(10,e.currency_decimal_digits):.01;return(0,a.createElement)("td",{className:"price-cell"},(0,a.createElement)("input",{type:"number",value:e[t],onChange:e=>n(t,e.target.value),step:r,placeholder:"Auto"}))}const T=window.Swal,P=window.Swal,I=window.Swal,$=window.Swal,U=window.Swal;function j({currentPage:e,onPageNavigate:t}){const r=[{key:"forms",label:(0,n.__)("Forms","formipay")},{key:"products",label:(0,n.__)("Products","formipay")},{key:"coupons",label:(0,n.__)("Coupons","formipay")},{key:"orders",label:(0,n.__)("Orders","formipay")},{key:"customers",label:(0,n.__)("Customers","formipay")},{key:"access",label:(0,n.__)("Access","formipay")},{key:"licenses",label:(0,n.__)("Licenses","formipay")}];return(0,a.createElement)("div",{className:"formipay-navigation-menu"},(0,a.createElement)("img",{src:`${window.formipayAdmin?.pluginUrl||""}/admin/assets/img/formipay-logo-circle-white_256.png`,alt:"Formipay",width:"48",height:"48"}),(0,a.createElement)("nav",{className:"navigation-links"},r.map(n=>(0,a.createElement)("a",{key:n.key,href:`#${n.key}`,className:"nav-link "+(e===n.key?"active":""),onClick:e=>((e,a)=>{e.preventDefault(),t&&t(a)})(e,n.key)},n.label))))}const O={orders:function(){const[e,r]=(0,t.useState)(null);if(e)return(0,a.createElement)(N,{orderId:e,onBack:()=>r(null)});const o=[{key:"ID",label:(0,n.__)("ID","formipay"),render:e=>(0,a.createElement)("strong",null,"#",e.id)},{key:"created_date",label:(0,n.__)("Date","formipay"),render:e=>{const a=e.created_date||e.date;return a?new Date(a).toLocaleDateString():"-"}},{key:"customer",label:(0,n.__)("Customer","formipay"),render:e=>{if(e.form_data&&Array.isArray(e.form_data)){const a=e.form_data.find(e=>"name"===e.name)?.value,t=e.form_data.find(e=>"email"===e.name)?.value;return a||t||"-"}return"-"}},{key:"total",label:(0,n.__)("Total","formipay"),render:e=>e.total_formatted||e.total||"-"},{key:"status",label:(0,n.__)("Status","formipay"),render:e=>{const t={"on-hold":(0,n.__)("On Hold","formipay"),"payment-confirm":(0,n.__)("Payment Confirmed","formipay"),"in-progress":(0,n.__)("In Progress","formipay"),shipping:(0,n.__)("Shipping","formipay"),completed:(0,n.__)("Completed","formipay"),failed:(0,n.__)("Failed","formipay"),refunded:(0,n.__)("Refunded","formipay"),cancelled:(0,n.__)("Cancelled","formipay")},r=e.status||"unknown";return(0,a.createElement)("span",{className:`status-label status-${r}`},t[r]||r)}},{key:"actions",label:(0,n.__)("Actions","formipay"),render:e=>(0,a.createElement)("button",{className:"button button-small",onClick:()=>r(e.id)},(0,n.__)("View","formipay"))}];return(0,a.createElement)(i,{columns:o,ajaxUrl:window.formipayAdmin?.ajaxUrl||"/wp-admin/admin-ajax.php",nonce:window.formipayAdmin?.nonce||"",tableAction:"formipay-tabledata-orders",selectable:!1,inline:!1,emptyMessage:(0,n.__)("No orders found","formipay")})},customers:function(){const e=[{key:"ID",label:(0,n.__)("ID","formipay"),render:e=>(0,a.createElement)("strong",null,"#",e.ID)},{key:"name",label:(0,n.__)("Name","formipay"),render:e=>(0,a.createElement)(a.Fragment,null,(0,a.createElement)("strong",null,e.name||e.full_name||"-"),(0,a.createElement)("span",{className:"row-actions"},(0,a.createElement)("a",{href:`${window.formipayAdmin?.siteUrl||""}/wp-admin/admin.php?page=formipay-customers&customer_id=${e.ID}`},(0,n.__)("view","formipay"))))},{key:"email",label:(0,n.__)("Email","formipay")},{key:"phone",label:(0,n.__)("Phone","formipay"),render:e=>e.phone||e.whatsapp||"-"},{key:"total_order",label:(0,n.__)("Total Orders","formipay"),render:e=>e.total_order||e.total_orders||0}];return(0,a.createElement)("div",{className:"formipay-page-customers"},(0,a.createElement)(i,{columns:e,ajaxUrl:window.formipayAdmin?.ajaxUrl||"/wp-admin/admin-ajax.php",nonce:window.formipayAdmin?.nonce||"",tableAction:"formipay-tabledata-customers",selectable:!1,inline:!1,emptyMessage:(0,n.__)("No customers found","formipay")}))},products:function(){const[e,r]=(0,t.useState)(!1),[o,l]=(0,t.useState)(null),c=window.formipayAdmin?.ajaxUrl||"/wp-admin/admin-ajax.php",s=window.formipayAdmin?.nonce||"";if(e&&o)return(0,a.createElement)("div",{className:"formipay-page-products"},(0,a.createElement)("div",{className:"formipay-page-header"},(0,a.createElement)("button",{type:"button",className:"button button-secondary",onClick:()=>r(!1)},"← ",(0,n.__)("Back to Products","formipay")),(0,a.createElement)("h1",null,(0,n.__)("Edit Product","formipay"))),(0,a.createElement)("div",{className:"formipay-product-editor"},(0,a.createElement)(x,{productId:o,productDetails:{}})));const m=[{key:"ID",label:(0,n.__)("ID","formipay"),render:e=>(0,a.createElement)("strong",null,"#",e.ID)},{key:"title",label:(0,n.__)("Title","formipay"),render:e=>(0,a.createElement)(a.Fragment,null,(0,a.createElement)("a",{href:`${window.formipayAdmin?.siteUrl||""}/wp-admin/post.php?post=${e.ID}&action=edit`},(0,a.createElement)("strong",null,e.post_title||e.title||(0,n.__)("Untitled","formipay"))),(0,a.createElement)("span",{className:"row-actions"},(0,a.createElement)("a",{href:`${window.formipayAdmin?.siteUrl||""}/wp-admin/post.php?post=${e.ID}&action=edit`},(0,n.__)("edit","formipay"))," | ",(0,a.createElement)("button",{className:"button-link",onClick:()=>{l(e.ID),r(!0)}},(0,n.__)("edit variations","formipay"))," | ",(0,a.createElement)("button",{className:"button-link delete",onClick:a=>{a.preventDefault(),a.stopPropagation(),(async e=>{(await T.fire({icon:"info",html:(0,n.__)("Do you want to delete this item?","formipay"),showCancelButton:!0,confirmButtonText:(0,n.__)("Delete Permanently","formipay"),cancelButtonText:(0,n.__)("Cancel","formipay")})).isConfirmed&&(await fetch(`${c}?action=formipay-delete-product`,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({id:e,_wpnonce:s})}),window.location.reload())})(e.ID)}},(0,n.__)("delete","formipay"))," | ",(0,a.createElement)("button",{className:"button-link duplicate",onClick:a=>{a.preventDefault(),a.stopPropagation(),(async e=>{(await T.fire({icon:"info",html:(0,n.__)("Do you want to duplicate this item?","formipay"),showCancelButton:!0,confirmButtonText:(0,n.__)("Confirm","formipay"),cancelButtonText:(0,n.__)("Cancel","formipay")})).isConfirmed&&(await fetch(`${c}?action=formipay-duplicate-product`,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({id:e,_wpnonce:s})}),window.location.reload())})(e.ID)}},(0,n.__)("duplicate","formipay"))))},{key:"price",label:(0,n.__)("Price","formipay"),render:e=>{const t=e.prices||e.price;return Array.isArray(t)&&t.length>0?t.map(e=>(0,a.createElement)("div",{key:e.currency,style:{display:"flex",alignItems:"center",gap:"4px",marginBottom:"2px"}},e.flag&&(0,a.createElement)("img",{src:e.flag,alt:"",height:"14",style:{verticalAlign:"middle"}}),e.has_sale?(0,a.createElement)(a.Fragment,null,(0,a.createElement)("span",{style:{fontSize:"12px",textDecoration:"line-through",opacity:"0.7",marginRight:"4px"}},e.regular_price),(0,a.createElement)("span",{style:{fontSize:"13px",fontWeight:"500"}},e.sale_price)):(0,a.createElement)("span",{style:{fontSize:"13px"}},e.regular_price))):"-"}},{key:"type",label:(0,n.__)("Type","formipay"),render:e=>"physical"===(e.product_type||e.type||"digital")?(0,n.__)("Physical","formipay"):(0,n.__)("Digital","formipay")},{key:"stock",label:(0,n.__)("Stock","formipay"),render:e=>{const a=e.stock;return null===a||""===a?(0,n.__)("Unlimited","formipay"):a}},{key:"status",label:(0,n.__)("Status","formipay"),render:e=>{const t=e.post_status||e.status||"unknown",r={publish:(0,n.__)("Published","formipay"),draft:(0,n.__)("Draft","formipay")};return(0,a.createElement)("span",{className:`status-label ${t}`},r[t]||t)}}];return(0,a.createElement)("div",{className:"formipay-page-products"},(0,a.createElement)(i,{columns:m,ajaxUrl:window.formipayAdmin?.ajaxUrl||"/wp-admin/admin-ajax.php",nonce:window.formipayAdmin?.nonce||"",tableAction:"formipay-tabledata-products",deleteAction:"formipay-delete-product",duplicateAction:"formipay-duplicate-product",filterOptions:{key:"post_status",options:[{value:"all",label:(0,n.__)("All","formipay")},{value:"publish",label:(0,n.__)("Published","formipay")},{value:"draft",label:(0,n.__)("Draft","formipay")}]},actions:{addNew:{label:(0,n.__)("+ Add New Product","formipay"),action:"formipay-create-product-post"},bulkDelete:{action:"formipay-bulk-delete-product"},inline:!0},emptyMessage:(0,n.__)("No products found","formipay")}))},forms:function(){const e=window.formipayAdmin?.ajaxUrl||"/wp-admin/admin-ajax.php",t=window.formipayAdmin?.nonce||"",r=[{key:"ID",label:(0,n.__)("ID","formipay"),render:e=>(0,a.createElement)("strong",null,"#",e.ID)},{key:"title",label:(0,n.__)("Title","formipay"),render:r=>(0,a.createElement)(a.Fragment,null,(0,a.createElement)("a",{href:`${window.formipayAdmin?.siteUrl||""}/wp-admin/post.php?post=${r.ID}&action=edit`},(0,a.createElement)("strong",null,r.title)),(0,a.createElement)("span",{className:"row-actions"},(0,a.createElement)("a",{href:`${window.formipayAdmin?.siteUrl||""}/wp-admin/post.php?post=${r.ID}&action=edit`},(0,n.__)("edit","formipay"))," | ",(0,a.createElement)("button",{className:"button-link delete",onClick:a=>{a.preventDefault(),a.stopPropagation(),(async a=>{(await P.fire({icon:"info",html:(0,n.__)("Do you want to delete this item?","formipay"),showCancelButton:!0,confirmButtonText:(0,n.__)("Delete Permanently","formipay"),cancelButtonText:(0,n.__)("Cancel","formipay")})).isConfirmed&&(await fetch(`${e}?action=formipay-delete-form`,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({id:a,_wpnonce:t})}),window.location.reload())})(r.ID)}},(0,n.__)("delete","formipay"))," | ",(0,a.createElement)("button",{className:"button-link duplicate",onClick:a=>{a.preventDefault(),a.stopPropagation(),(async a=>{(await P.fire({icon:"info",html:(0,n.__)("Do you want to duplicate this item?","formipay"),showCancelButton:!0,confirmButtonText:(0,n.__)("Confirm","formipay"),cancelButtonText:(0,n.__)("Cancel","formipay")})).isConfirmed&&(await fetch(`${e}?action=formipay-duplicate-form`,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({id:a,_wpnonce:t})}),window.location.reload())})(r.ID)}},(0,n.__)("duplicate","formipay"))))},{key:"date",label:(0,n.__)("Date","formipay"),render:e=>{const t=new Date(e.date);return(0,a.createElement)("span",{style:{whiteSpace:"nowrap"}},t.toLocaleDateString(),(0,a.createElement)("br",null),(0,a.createElement)("span",{style:{fontSize:"smaller",color:"#646970"}},t.toLocaleTimeString()))}},{key:"status",label:(0,n.__)("Status","formipay"),render:e=>{const t=e.post_status||e.status||"unknown",r={publish:(0,n.__)("Published","formipay"),draft:(0,n.__)("Draft","formipay"),pending:(0,n.__)("Pending","formipay")};return(0,a.createElement)("span",{className:`status-label ${t}`},r[t]||t)}},{key:"shortcode",label:(0,n.__)("Shortcode","formipay"),render:e=>(0,a.createElement)(a.Fragment,null,(0,a.createElement)("input",{className:"formipay-form-shortcode",value:`[formipay form=${e.ID}]`,disabled:!0}),(0,a.createElement)("button",{className:"copy-shortcode","data-copy":`[formipay form=${e.ID}]`,onClick:e=>{const a=e.currentTarget.dataset.copy;navigator.clipboard.writeText(a).then(()=>{const a=e.currentTarget.innerHTML;e.currentTarget.innerHTML="[Copied]",setTimeout(()=>{e.currentTarget.innerHTML=a},2e3),P.fire({icon:"success",title:(0,n.__)("Shortcode copied!","formipay"),toast:!0,position:"top-end",showConfirmButton:!1,timer:3e3,timerProgressBar:!0})})}},(0,n.__)("Copy","formipay")))}];return(0,a.createElement)(i,{columns:r,ajaxUrl:window.formipayAdmin?.ajaxUrl||"/wp-admin/admin-ajax.php",nonce:window.formipayAdmin?.nonce||"",tableAction:"formipay-tabledata-forms",deleteAction:"formipay-delete-form",duplicateAction:"formipay-duplicate-form",filterOptions:{key:"post_status",options:[{value:"all",label:(0,n.__)("All","formipay")},{value:"publish",label:(0,n.__)("Published","formipay")},{value:"draft",label:(0,n.__)("Draft","formipay")}]},actions:{addNew:{label:(0,n.__)("+ Add New Form","formipay"),action:"formipay-create-form-post"},bulkDelete:{action:"formipay-bulk-delete-form"},inline:!0},emptyMessage:(0,n.__)("No forms found","formipay")})},coupons:function(){const e=window.formipayAdmin?.ajaxUrl||"/wp-admin/admin-ajax.php",t=window.formipayAdmin?.nonce||"",r=[{key:"ID",label:(0,n.__)("ID","formipay"),render:e=>(0,a.createElement)("strong",null,"#",e.ID)},{key:"code",label:(0,n.__)("Coupon Code","formipay"),render:r=>(0,a.createElement)(a.Fragment,null,(0,a.createElement)("strong",null,r.code||r.post_title),(0,a.createElement)("span",{className:"row-actions"},(0,a.createElement)("button",{className:"button-link",onClick:e=>{var a;e.preventDefault(),a=r.ID,window.location.href=`/wp-admin/post.php?post=${a}&action=edit`}},(0,n.__)("edit","formipay"))," | ",(0,a.createElement)("button",{className:"button-link delete",onClick:a=>{a.preventDefault(),a.stopPropagation(),(async a=>{(await I.fire({icon:"info",html:(0,n.__)("Do you want to delete this item?","formipay"),showCancelButton:!0,confirmButtonText:(0,n.__)("Delete Permanently","formipay"),cancelButtonText:(0,n.__)("Cancel","formipay")})).isConfirmed&&(await fetch(`${e}?action=formipay-delete-coupon`,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({id:a,_wpnonce:t})}),window.location.reload())})(r.ID)}},(0,n.__)("delete","formipay"))," | ",(0,a.createElement)("button",{className:"button-link duplicate",onClick:a=>{a.preventDefault(),a.stopPropagation(),(async a=>{(await I.fire({icon:"info",html:(0,n.__)("Do you want to duplicate this item?","formipay"),showCancelButton:!0,confirmButtonText:(0,n.__)("Confirm","formipay"),cancelButtonText:(0,n.__)("Cancel","formipay")})).isConfirmed&&(await fetch(`${e}?action=formipay-duplicate-coupon`,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({id:a,_wpnonce:t})}),window.location.reload())})(r.ID)}},(0,n.__)("duplicate","formipay"))))},{key:"type",label:(0,n.__)("Type","formipay"),render:e=>"percentage"===(e.coupon_type||e.type||"percentage")?(0,n.__)("%","formipay"):(0,n.__)("Fixed","formipay")},{key:"amount",label:(0,n.__)("Amount","formipay"),render:e=>{const t=e.amount;return Array.isArray(t)?t.map(e=>(0,a.createElement)("div",{key:e.raw,style:{display:"flex",alignItems:"center",gap:"4px"}},e.flag&&(0,a.createElement)("img",{src:e.flag,alt:"",height:"14",style:{verticalAlign:"middle"}}),(0,a.createElement)("span",null,e.amount))):"number"==typeof t?t+"%":t||"-"}},{key:"usages",label:(0,n.__)("Usages","formipay"),render:e=>e.usage_count||e.usages||0},{key:"date_limit",label:(0,n.__)("Date Limit","formipay"),render:e=>{const a=e.date_limit;return a&&"none"!==a?new Date(a).toLocaleDateString():(0,n.__)("Unlimited","formipay")}},{key:"status",label:(0,n.__)("Status","formipay"),render:e=>{const t=e.post_status||e.status||"unknown",r="on"===e.active||"publish"===t;return(0,a.createElement)("span",{className:"status-label "+(r?"publish":"draft")},r?(0,n.__)("Active","formipay"):(0,n.__)("Inactive","formipay"))}}];return(0,a.createElement)("div",{className:"formipay-page-coupons"},(0,a.createElement)(i,{columns:r,ajaxUrl:window.formipayAdmin?.ajaxUrl||"/wp-admin/admin-ajax.php",nonce:window.formipayAdmin?.nonce||"",tableAction:"formipay-tabledata-coupons",deleteAction:"formipay-delete-coupon",duplicateAction:"formipay-duplicate-coupon",filterOptions:{key:"status",options:[{value:"all",label:(0,n.__)("All","formipay")},{value:"active",label:(0,n.__)("Active","formipay")},{value:"inactive",label:(0,n.__)("Inactive","formipay")}]},actions:{addNew:{label:(0,n.__)("+ Add New Coupon","formipay"),href:"/wp-admin/post-new.php?post_type=formipay_coupon"},bulkDelete:{action:"formipay-bulk-delete-coupon"},inline:!0},emptyMessage:(0,n.__)("No coupons found","formipay")}))},access:function(){const e=window.formipayAdmin?.ajaxUrl||"/wp-admin/admin-ajax.php",t=window.formipayAdmin?.nonce||"",r=[{key:"ID",label:(0,n.__)("ID","formipay"),render:e=>(0,a.createElement)("strong",null,"#",e.ID)},{key:"title",label:(0,n.__)("Title","formipay"),render:r=>(0,a.createElement)(a.Fragment,null,(0,a.createElement)("a",{href:`${window.formipayAdmin?.siteUrl||""}/wp-admin/post.php?post=${r.ID}&action=edit`},(0,a.createElement)("strong",null,r.title||r.post_title||(0,n.__)("Untitled","formipay"))),(0,a.createElement)("span",{className:"row-actions"},(0,a.createElement)("a",{href:`${window.formipayAdmin?.siteUrl||""}/wp-admin/post.php?post=${r.ID}&action=edit`},(0,n.__)("edit","formipay"))," | ",(0,a.createElement)("button",{className:"button-link delete",onClick:a=>{a.preventDefault(),a.stopPropagation(),(async a=>{(await $.fire({icon:"info",html:(0,n.__)("Do you want to delete this item?","formipay"),showCancelButton:!0,confirmButtonText:(0,n.__)("Delete Permanently","formipay"),cancelButtonText:(0,n.__)("Cancel","formipay")})).isConfirmed&&(await fetch(`${e}?action=formipay-delete-access-item`,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({id:a,_wpnonce:t})}),window.location.reload())})(r.ID)}},(0,n.__)("delete","formipay"))," | ",(0,a.createElement)("button",{className:"button-link duplicate",onClick:a=>{a.preventDefault(),a.stopPropagation(),(async a=>{(await $.fire({icon:"info",html:(0,n.__)("Do you want to duplicate this item?","formipay"),showCancelButton:!0,confirmButtonText:(0,n.__)("Confirm","formipay"),cancelButtonText:(0,n.__)("Cancel","formipay")})).isConfirmed&&(await fetch(`${e}?action=formipay-duplicate-access-item`,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({id:a,_wpnonce:t})}),window.location.reload())})(r.ID)}},(0,n.__)("duplicate","formipay"))))},{key:"product_name",label:(0,n.__)("Product","formipay")},{key:"status",label:(0,n.__)("Status","formipay"),render:e=>{const t=e.post_status||e.status||"unknown",r={publish:(0,n.__)("Published","formipay"),draft:(0,n.__)("Draft","formipay")}[t]||t;return(0,a.createElement)("span",{className:`status-label ${t}`},r)}},{key:"date",label:(0,n.__)("Date","formipay"),render:e=>{const a=e.post_date||e.date;return a?new Date(a).toLocaleDateString():"-"}}];return(0,a.createElement)("div",{className:"formipay-page-access"},(0,a.createElement)(i,{columns:r,ajaxUrl:window.formipayAdmin?.ajaxUrl||"/wp-admin/admin-ajax.php",nonce:window.formipayAdmin?.nonce||"",tableAction:"formipay-tabledata-access-items",deleteAction:"formipay-delete-access-item",duplicateAction:"formipay-duplicate-access-item",filterOptions:{key:"post_status",options:[{value:"all",label:(0,n.__)("All","formipay")},{value:"publish",label:(0,n.__)("Published","formipay")},{value:"draft",label:(0,n.__)("Draft","formipay")}]},actions:{addNew:{label:(0,n.__)("+ Add New Item","formipay"),action:"formipay-create-access-item-post"},bulkDelete:{action:"formipay-bulk-delete-access-item"},inline:!0},emptyMessage:(0,n.__)("No access items found","formipay")}))},licenses:function(){const e=window.formipayAdmin?.ajaxUrl||"/wp-admin/admin-ajax.php",t=window.formipayAdmin?.nonce||"",r=[{key:"id",label:(0,n.__)("ID","formipay"),render:e=>(0,a.createElement)("strong",null,"#",e.id)},{key:"license_key",label:(0,n.__)("License Key","formipay"),render:r=>(0,a.createElement)(a.Fragment,null,(0,a.createElement)("code",null,r.license_key||"-"),(0,a.createElement)("span",{className:"row-actions"},(0,a.createElement)("button",{className:"button-link delete",onClick:a=>{a.preventDefault(),a.stopPropagation(),(async a=>{(await U.fire({icon:"info",html:(0,n.__)("Do you want to delete this item?","formipay"),showCancelButton:!0,confirmButtonText:(0,n.__)("Delete Permanently","formipay"),cancelButtonText:(0,n.__)("Cancel","formipay")})).isConfirmed&&(await fetch(`${e}?action=formipay-delete-license`,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({id:a,_wpnonce:t})}),window.location.reload())})(r.id)}},(0,n.__)("delete","formipay"))))},{key:"product",label:(0,n.__)("Product","formipay"),render:e=>e.product_name||e.product||"-"},{key:"order",label:(0,n.__)("Order","formipay"),render:e=>e.order_id||`#${e.order}`||"-"},{key:"email",label:(0,n.__)("Email","formipay")},{key:"status",label:(0,n.__)("Status","formipay"),render:e=>{const t=e.status||"unknown",r={active:(0,n.__)("Active","formipay"),inactive:(0,n.__)("Inactive","formipay"),expired:(0,n.__)("Expired","formipay")},o="active"===t?"publish":"expired"===t?"pending":"draft";return(0,a.createElement)("span",{className:`status-label ${o}`},r[t]||t)}}];return(0,a.createElement)("div",{className:"formipay-page-licenses"},(0,a.createElement)(i,{columns:r,ajaxUrl:window.formipayAdmin?.ajaxUrl||"/wp-admin/admin-ajax.php",nonce:window.formipayAdmin?.nonce||"",tableAction:"formipay-tabledata-licenses",selectable:!1,inline:!1,emptyMessage:(0,n.__)("No licenses found","formipay")}))}};function L({page:e,initialData:n}){const[r,o]=(0,t.useState)(()=>{const a=window.location.hash.replace("#","");return O[a]?a:e});(0,t.useEffect)(()=>{document.querySelectorAll("li.wp-first-item.current, li.wp-first-item .current").forEach(e=>{e.classList.remove("current","wp-first-item")});const e={forms:"admin.php?page=formipay",products:"admin.php?page=formipay-products",coupons:"admin.php?page=formipay-coupons",orders:"admin.php?page=formipay-orders",customers:"admin.php?page=formipay-customers",access:"admin.php?page=formipay-access",licenses:"admin.php?page=formipay-licenses"}[r];e&&document.querySelectorAll("#toplevel_page_formipay .wp-submenu a").forEach(a=>{a.parentElement.classList.remove("current"),a.classList.remove("current"),a.getAttribute("href")?.includes(e)&&("forms"===r?document.querySelectorAll("#toplevel_page_formipay .wp-submenu li:nth-child(2) a").forEach(e=>{e.parentElement.classList.add("current"),e.classList.add("current")}):(a.parentElement.classList.add("current"),a.classList.add("current")))})},[r]),(0,t.useEffect)(()=>{const e=()=>{const e=window.location.hash.replace("#","");O[e]&&o(e)};return window.addEventListener("hashchange",e),()=>window.removeEventListener("hashchange",e)},[]);const i=O[r];return i?(0,a.createElement)("div",{className:"formipay-admin-wrap"},(0,a.createElement)(j,{currentPage:r,onPageNavigate:e=>{o(e),window.location.hash=e}}),(0,a.createElement)(i,{initialData:n})):(0,a.createElement)("div",{className:"formipay-error"},(0,a.createElement)("p",null,"Unknown page: ",r))}function B({tabs:e,activeTab:t,onTabChange:n,orientation:r="vertical"}){return e&&Array.isArray(e)?(0,a.createElement)("div",{className:"formipay-wpcfto-tab-nav "+("vertical"===r?"formipay-wpcfto-sidebar":"")},(0,a.createElement)("div",{className:"formipay-wpcfto-tab-nav-inner"},e.map(e=>(0,a.createElement)("div",{key:e.id,className:`formipay-wpcfto-nav ${t===e.id?"active":""} ${e.submenu?"has-submenu":""} ${e.icon?"":"no-icon"}`,onClick:()=>n(e.id)},(0,a.createElement)("div",{className:"formipay-wpcfto-nav-title"},e.icon&&(0,a.createElement)("i",{className:e.icon}),(0,a.createElement)("span",null,e.label)),e.submenu&&(0,a.createElement)("div",{className:"formipay-wpcfto-submenus"},e.submenu.map(r=>(0,a.createElement)("div",{key:`${e.id}_${r.id}`,className:"formipay-wpcfto-submenu-item "+(t===`${e.id}_${r.id}`?"active":""),onClick:a=>{a.stopPropagation(),n(`${e.id}_${r.id}`)}},r.label,(0,a.createElement)("i",{className:"fa fa-chevron-right"})))))))):(console.warn("[Formipay] TabNav: tabs is not an array",e),null)}function F({tabs:e,activeTab:t,children:n}){return e&&Array.isArray(e)?(0,a.createElement)("div",{className:"formipay-tabs"},e.map((e,r)=>(0,a.createElement)("div",{key:e.id,className:"formipay-tab "+(e.id===t?"active":"")},(0,a.createElement)("div",{className:"formipay-tab-content"},"function"==typeof n?n(e,r):n)))):(console.warn("[Formipay] TabPanel: tabs is not an array",e),null)}function R({label:e,description:t,required:n=!1,children:r,className:o="",...i}){return(0,a.createElement)("div",{className:`formipay-generic-field ${o}`,...i},(0,a.createElement)("div",{className:"formipay-field-aside"},e&&(0,a.createElement)("div",{className:"formipay-field-label "+(n?"required":"")},(0,a.createElement)("span",{className:"formipay-field-label-text"},e)),t&&(0,a.createElement)("div",{className:"formipay-field-description"},t)),(0,a.createElement)("div",{className:"formipay-field-content"},r))}function M({label:e,description:t,required:n=!1,className:r="",...o}){return(0,a.createElement)(R,{label:e,description:t,required:n},(0,a.createElement)("input",{className:`formipay-input ${r}`,...o}))}function q({label:e,checked:t,onChange:n,className:r="",isToggle:o=!0,...i}){return(0,a.createElement)("label",{className:`formipay-admin-checkbox ${t?"active":""} ${r}`},(0,a.createElement)("div",{className:"formipay-admin-checkbox-wrapper "+(o?"is_toggle":"")},(0,a.createElement)("div",{className:"formipay-checkbox-switcher"}),(0,a.createElement)("input",{type:"checkbox",checked:t,onChange:n,...i})),(0,a.createElement)("span",null,e))}function z({variant:e="primary",size:t="md",icon:n,children:r,className:o="",disabled:i=!1,onClick:l,...c}){const s="md"!==t?`formipay-btn-${t}`:"",m=`formipay-btn-${e}`;return(0,a.createElement)("button",{className:`formipay-btn ${m} ${s} ${o}`,disabled:i,onClick:l,...c},n&&(0,a.createElement)("span",{className:"formipay-btn-icon"},(0,a.createElement)(n,null)),r)}function J({type:e="info",title:t,children:n,onDismiss:r,className:o=""}){return(0,a.createElement)("div",{className:`formipay-notice formipay-notice-${e} ${o}`},(0,a.createElement)("div",{className:"formipay-notice-icon"},"success"===e&&"✓","warning"===e&&"⚠","error"===e&&"✕","info"===e&&"ℹ"),(0,a.createElement)("div",{className:"formipay-notice-content"},t&&(0,a.createElement)("div",{className:"formipay-notice-title"},t),(0,a.createElement)("div",null,n)),r&&(0,a.createElement)("button",{className:"formipay-notice-dismiss",onClick:r,"aria-label":"Dismiss"},"✕"))}function G({title:e,icon:t,className:n=""}){return(0,a.createElement)("div",{className:`formipay-group-title ${n}`},t&&(0,a.createElement)("i",{className:t}),e)}function H({tabs:e,activeTab:t,onTabChange:n,children:r}){return(0,a.createElement)("div",{className:"formipay-wpcfto-metabox"},(0,a.createElement)("div",{className:"formipay-wpcfto-metabox-inner"},(0,a.createElement)("div",{className:"formipay-wpcfto-container"},(0,a.createElement)(B,{tabs:e,activeTab:t,onTabChange:n}),(0,a.createElement)("div",{className:"formipay-wpcfto-tabs"},r))))}const Z=e=>e&&"string"==typeof e?e.split(":::")[1]||e:"",V=e=>e&&"string"==typeof e?e.split(":::")[0]||e:"",X=e=>e&&"string"==typeof e&&window.formipayGetFlag&&"function"==typeof window.formipayGetFlag?window.formipayGetFlag(e):"";function Q({postId:e}){const[r,o]=(0,t.useState)("rules"),[i,l]=(0,t.useState)(!0),[c,s]=(0,t.useState)(!1),[m,p]=(0,t.useState)(null),[d,u]=(0,t.useState)([]),[y,f]=(0,t.useState)({active:"on",type:"percentage",amount_percentage:"",case_sensitive:"",free_shipping:"",quantity_active:"",use_limit:"",date_limit:"",amounts_fixed:{},max_amounts:{},forms:[],products:[],customers:[]}),_=[{id:"rules",label:(0,n.__)("Rules","formipay"),icon:"fa fa-cog"},{id:"restriction",label:(0,n.__)("Restrictions","formipay"),icon:"fa fa-lock"}];(0,t.useEffect)(()=>{const a=window.formipayGlobalCurrencies&&Array.isArray(window.formipayGlobalCurrencies)?window.formipayGlobalCurrencies:(console.warn("[Formipay] Global currencies not available or not an array"),[]);console.log("[Formipay Coupon] Global currencies:",a),u(a),e>0?w():l(!1)},[e]);const w=async()=>{try{const a=await fetch(`${window.formipayAdmin?.ajaxUrl||"/wp-admin/admin-ajax.php"}?action=formipay-get-coupon`,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({id:e,_wpnonce:window.formipayAdmin?.nonce||""})}),t=await a.json();if(t.success){const e=t.data;f(a=>({...a,active:e.active||"on",type:e.type||"percentage",amount_percentage:e.amount_percentage||"",case_sensitive:e.case_sensitive||"",free_shipping:e.free_shipping||"",quantity_active:e.quantity_active||"",use_limit:e.use_limit||"",date_limit:e.date_limit||"",amounts_fixed:Array.isArray(e.amounts_fixed)?e.amounts_fixed.reduce((e,a)=>(a&&a.symbol&&(e[a.symbol]=a.amount),e),{}):{},max_amounts:Array.isArray(e.max_amounts)?e.max_amounts.reduce((e,a)=>(a&&a.symbol&&(e[a.symbol]=a.amount),e),{}):{},forms:Array.isArray(e.forms)?e.forms:[],products:Array.isArray(e.products)?e.products:[],customers:Array.isArray(e.customers)?e.customers:[]}))}}catch(e){console.error("Failed to load coupon:",e),p({type:"error",text:(0,n.__)("Failed to load coupon data.","formipay")})}finally{l(!1)}},h=(e,a)=>{f(t=>({...t,[e]:a}))},E="percentage"===y.type,b="fixed"===y.type;return i?(0,a.createElement)("div",{className:"formipay-loading"},(0,n.__)("Loading...","formipay")):(0,a.createElement)("div",{className:"formipay-coupon-metabox"},m&&(0,a.createElement)(J,{type:m.type,onDismiss:()=>p(null)},m.text),(0,a.createElement)(H,{tabs:_,activeTab:r,onTabChange:o},(0,a.createElement)(F,{tabs:_,activeTab:r},e=>"rules"===e.id?(0,a.createElement)("div",{className:"formipay-tab-content"},(0,a.createElement)(G,{title:(0,n.__)("General","formipay"),icon:"fa fa-cog"}),(0,a.createElement)(R,{label:(0,n.__)("Active","formipay"),description:(0,n.__)("Enable this coupon.","formipay")},(0,a.createElement)(q,{checked:"on"===y.active,onChange:e=>h("active",e.target.checked?"on":"")})),(0,a.createElement)(R,{label:(0,n.__)("Type","formipay"),description:(0,n.__)("Choose discount type.","formipay"),required:!0},(0,a.createElement)("div",{className:"formipay-radio-group"},(0,a.createElement)("label",{className:"formipay-radio "+(b?"active":"")},(0,a.createElement)("input",{type:"radio",name:"type",value:"fixed",checked:b,onChange:e=>h("type",e.target.value)}),(0,a.createElement)("span",null,(0,n.__)("Fixed","formipay"))),(0,a.createElement)("label",{className:"formipay-radio "+(E?"active":"")},(0,a.createElement)("input",{type:"radio",name:"type",value:"percentage",checked:E,onChange:e=>h("type",e.target.value)}),(0,a.createElement)("span",null,(0,n.__)("Percentage","formipay"))))),E&&(0,a.createElement)(R,{label:(0,n.__)("Amount","formipay"),description:(0,n.__)("Discount percentage.","formipay"),required:!0},(0,a.createElement)(M,{type:"number",min:"0",max:"100",step:"0.01",value:y.amount_percentage,onChange:e=>h("amount_percentage",e.target.value)})),b&&(0,a.createElement)(a.Fragment,null,(0,a.createElement)(G,{title:(0,n.__)("Discount Amount","formipay"),icon:"fa fa-money"}),d.map(e=>{if(!e||!e.currency)return null;const t=Z(e.currency),r=V(e.currency),o=X(e.currency),i=e.decimal_digits>0?1/(10*e.decimal_digits):1;return(0,a.createElement)("div",{key:r||t,className:"formipay-generic-field"},(0,a.createElement)("div",{className:"formipay-field-aside"},(0,a.createElement)("div",{className:"formipay-field-label required"},(0,a.createElement)("span",{className:"formipay-field-label-text"},o&&(0,a.createElement)("img",{src:o,alt:"",width:"18",style:{verticalAlign:"middle",marginRight:"4px"}}),(0,n.__)("Amount in","formipay")," ",t))),(0,a.createElement)("div",{className:"formipay-field-content"},(0,a.createElement)(M,{type:"number",min:"0",step:i,placeholder:(0,n.__)("Enter Amount...","formipay"),value:y.amounts_fixed[t]||"",onChange:e=>h("amounts_fixed",{...y.amounts_fixed,[t]:e.target.value})})))})),(0,a.createElement)(G,{title:(0,n.__)("Max Discount Amount","formipay"),icon:"fa fa-calculator"}),d.map(e=>{if(!e||!e.currency)return null;const t=Z(e.currency),r=V(e.currency),o=X(e.currency),i=e.decimal_digits>0?1/(10*e.decimal_digits):1;return(0,a.createElement)(R,{key:`max_${r||t}`,label:(0,a.createElement)("span",null,o&&(0,a.createElement)("img",{src:o,alt:"",width:"18",style:{verticalAlign:"middle",marginRight:"4px"}}),(0,n.__)("Max Amount in","formipay")," ",t),description:(0,n.__)("Leave empty to not limit the max discount amount.","formipay")},(0,a.createElement)(M,{type:"number",min:"0",step:i,placeholder:(0,n.__)("Enter Max Amount...","formipay"),value:y.max_amounts[t]||"",onChange:e=>h("max_amounts",{...y.max_amounts,[t]:e.target.value})}))}),(0,a.createElement)(G,{title:(0,n.__)("Rules","formipay"),icon:"fa fa-list"}),(0,a.createElement)(R,{label:(0,n.__)("Case Sensitive","formipay"),description:(0,n.__)("If activated, coupon codes must be entered with the exact capitalization.","formipay")},(0,a.createElement)(q,{checked:"on"===y.case_sensitive,onChange:e=>h("case_sensitive",e.target.checked?"on":"")})),(0,a.createElement)(R,{label:(0,n.__)("Free Shipping","formipay"),description:(0,n.__)("Shipping cost will be free when this coupon is applied.","formipay")},(0,a.createElement)(q,{checked:"on"===y.free_shipping,onChange:e=>h("free_shipping",e.target.checked?"on":"")})),b&&(0,a.createElement)(R,{label:(0,n.__)("Influenced by Quantity","formipay"),description:(0,n.__)("Example: when buyer buys 4 items, 4 × discount amount will be applied.","formipay")},(0,a.createElement)(q,{checked:"on"===y.quantity_active,onChange:e=>h("quantity_active",e.target.checked?"on":"")}))):"restriction"===e.id?(0,a.createElement)("div",{className:"formipay-tab-content"},(0,a.createElement)(G,{title:(0,n.__)("Restrictions","formipay"),icon:"fa fa-lock"}),(0,a.createElement)(R,{label:(0,n.__)("Usage Limit","formipay"),description:(0,n.__)("Leave empty or 0 (zero) for unlimited usage.","formipay")},(0,a.createElement)(M,{type:"number",min:"0",value:y.use_limit,onChange:e=>h("use_limit",e.target.value)})),(0,a.createElement)(R,{label:(0,n.__)("Date Limit","formipay"),description:(0,n.__)("Last day the coupon can be used. Leave empty for no limit.","formipay")},(0,a.createElement)(M,{type:"date",value:y.date_limit,onChange:e=>h("date_limit",e.target.value)})),(0,a.createElement)(R,{label:(0,n.__)("Forms","formipay"),description:(0,n.__)("Only selected form(s) can use the coupon. Leave empty to apply to all forms.","formipay")},(0,a.createElement)(W,{postType:"formipay-form",value:y.forms,onChange:e=>h("forms",e)})),(0,a.createElement)(R,{label:(0,n.__)("Products","formipay"),description:(0,n.__)("Only selected product(s) can use the coupon. Leave empty to apply to all products.","formipay")},(0,a.createElement)(W,{postType:"formipay-product",value:y.products,onChange:e=>h("products",e)})),(0,a.createElement)(R,{label:(0,n.__)("Customers","formipay"),description:(0,n.__)("Only selected customer(s) can use the coupon. Leave empty to apply to all customers.","formipay")},(0,a.createElement)(W,{postType:"formipay-customer",value:y.customers,onChange:e=>h("customers",e)}))):null),(0,a.createElement)("div",{className:"formipay-metabox-actions"},(0,a.createElement)(z,{variant:"primary",onClick:async()=>{s(!0),p(null);try{const a=new URLSearchParams({id:e,title:document.querySelector("#title input")?.value||"",_wpnonce:window.formipayAdmin?.nonce||"",...y});Object.entries(y.amounts_fixed).forEach(([e,t])=>{a.append(`amount_fixed_${e}`,t)}),Object.entries(y.max_amounts).forEach(([e,t])=>{a.append(`max_amount_${e}`,t)});const t=await fetch(`${window.formipayAdmin?.ajaxUrl||"/wp-admin/admin-ajax.php"}?action=formipay-save-coupon`,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:a}),r=await t.json();r.success?p({type:"success",text:r.data.message||(0,n.__)("Coupon saved successfully.","formipay")}):p({type:"error",text:r.data?.message||(0,n.__)("Failed to save coupon.","formipay")})}catch(e){console.error("Failed to save coupon:",e),p({type:"error",text:(0,n.__)("Failed to save coupon.","formipay")})}finally{s(!1)}},disabled:c},c?(0,n.__)("Saving...","formipay"):(0,n.__)("Save Coupon","formipay")))))}function W({postType:e,value:r,onChange:o}){const[i,l]=(0,t.useState)(""),[c,s]=(0,t.useState)([]),[m,p]=(0,t.useState)(!1),[d,u]=(0,t.useState)(!1),y=r||[];return(0,a.createElement)("div",{className:"formipay-autocomplete"},(0,a.createElement)("div",{className:"formipay-autocomplete-selected"},y.map(e=>(0,a.createElement)("span",{key:e,className:"formipay-autocomplete-tag"},e,(0,a.createElement)("button",{type:"button",className:"formipay-autocomplete-remove",onClick:()=>{return a=e,void o(y.filter(e=>e!==a));var a}},"×")))),(0,a.createElement)("div",{className:"formipay-autocomplete-input-wrapper"},(0,a.createElement)(M,{type:"text",value:i,onChange:a=>(async a=>{if(l(a),a.length<2)s([]);else{p(!0);try{const t=await fetch(`${window.formipayAdmin?.ajaxUrl||"/wp-admin/admin-ajax.php"}?action=formipay-autocomplete-search`,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/x-www-form-urlencoded"},body:new URLSearchParams({post_type:e,search:a,_wpnonce:window.formipayAdmin?.nonce||""})}),n=await t.json();n.success&&s(n.data||[])}catch(e){console.error("Autocomplete search failed:",e)}finally{p(!1)}}})(a.target.value),onFocus:()=>u(!0),placeholder:(0,n.__)("Search...","formipay")}),m&&(0,a.createElement)("span",{className:"formipay-autocomplete-loading"},"...")),d&&c.length>0&&(0,a.createElement)("div",{className:"formipay-autocomplete-results"},c.map(e=>(0,a.createElement)("div",{key:e.value,className:"formipay-autocomplete-result",onClick:()=>(e=>{y.includes(e.value)||o([...y,e.value]),l(""),s([])})(e)},e.label))))}const K=()=>{const e=document.querySelectorAll("[data-formipay-mount]");console.log("[Formipay] Mount points found:",e.length),console.log("[Formipay] formipayAdmin data:",window.formipayAdmin),e.forEach(e=>{const n=e.dataset.formipayMount,r=window.formipayAdmin?.[n]||{};console.log("[Formipay] Mounting page:",n,"with data:",r);try{(0,t.render)((0,a.createElement)(L,{page:n,initialData:r}),e),console.log("[Formipay] Successfully mounted:",n)}catch(e){console.error("[Formipay] Failed to mount:",n,e)}});const n=document.querySelectorAll("[data-formipay-metabox]");console.log("[Formipay] Metabox points found:",n.length),n.forEach(e=>{const n=e.dataset.formipayMetabox,r=parseInt(e.dataset.postId||"0");console.log("[Formipay] Mounting metabox:",n,"for post:",r);try{"coupon"===n&&((0,t.render)((0,a.createElement)(Q,{postId:r}),e),console.log("[Formipay] Successfully mounted coupon metabox"))}catch(e){console.error("[Formipay] Failed to mount metabox:",n,e)}})};"loading"===document.readyState?document.addEventListener("DOMContentLoaded",K):K()})(); \ No newline at end of file +(()=>{"use strict";var e,t,n={20(e,t,n){var r=n(609),a=Symbol.for("react.element"),o=Symbol.for("react.fragment"),i=Object.prototype.hasOwnProperty,s=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,l={key:!0,ref:!0,__self:!0,__source:!0};function c(e,t,n){var r,o={},c=null,d=null;for(r in void 0!==n&&(c=""+n),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(d=t.ref),t)i.call(t,r)&&!l.hasOwnProperty(r)&&(o[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps)void 0===o[r]&&(o[r]=t[r]);return{$$typeof:a,type:e,key:c,ref:d,props:o,_owner:s.current}}t.Fragment=o,t.jsx=c,t.jsxs=c},848(e,t,n){e.exports=n(20)},609(e){e.exports=window.React}},r={};function a(e){var t=r[e];if(void 0!==t)return t.exports;var o=r[e]={exports:{}};return n[e](o,o.exports,a),o.exports}a.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return a.d(t,{a:t}),t},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,a.t=function(n,r){if(1&r&&(n=this(n)),8&r)return n;if("object"==typeof n&&n){if(4&r&&n.__esModule)return n;if(16&r&&"function"==typeof n.then)return n}var o=Object.create(null);a.r(o);var i={};e=e||[null,t({}),t([]),t(t)];for(var s=2&r&&n;("object"==typeof s||"function"==typeof s)&&!~e.indexOf(s);s=t(s))Object.getOwnPropertyNames(s).forEach(e=>i[e]=()=>n[e]);return i.default=()=>n,a.d(o,i),o},a.d=(e,t)=>{for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.nc=void 0;var o=a(609),i=a.t(o,2);const s=window.wp.element,l=window.wp.i18n;function c(e){var t,n,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(t=0;t({nextPart:e,validators:t,classGroupId:n}),m="-",p=[],f=e=>{const t=g(e),{conflictingClassGroups:n,conflictingClassGroupModifiers:r}=e;return{getClassGroupId:e=>{if(e.startsWith("[")&&e.endsWith("]"))return h(e);const n=e.split(m),r=""===n[0]&&n.length>1?1:0;return y(n,r,t)},getConflictingClassGroupIds:(e,t)=>{if(t){const t=r[e],a=n[e];return t?a?((e,t)=>{const n=new Array(e.length+t.length);for(let t=0;t{if(0===e.length-t)return n.classGroupId;const r=e[t],a=n.nextPart.get(r);if(a){const n=y(e,t+1,a);if(n)return n}const o=n.validators;if(null===o)return;const i=0===t?e.join(m):e.slice(t).join(m),s=o.length;for(let e=0;e-1===e.slice(1,-1).indexOf(":")?void 0:(()=>{const t=e.slice(1,-1),n=t.indexOf(":"),r=t.slice(0,n);return r?"arbitrary.."+r:void 0})(),g=e=>{const{theme:t,classGroups:n}=e;return b(n,t)},b=(e,t)=>{const n=u();for(const r in e){const a=e[r];v(a,n,r,t)}return n},v=(e,t,n,r)=>{const a=e.length;for(let o=0;o{"string"!=typeof e?"function"!=typeof e?E(e,t,n,r):_(e,t,n,r):x(e,t,n)},x=(e,t,n)=>{(""===e?t:k(t,e)).classGroupId=n},_=(e,t,n,r)=>{C(e)?v(e(r),t,n,r):(null===t.validators&&(t.validators=[]),t.validators.push(((e,t)=>({classGroupId:e,validator:t}))(n,e)))},E=(e,t,n,r)=>{const a=Object.entries(e),o=a.length;for(let e=0;e{let n=e;const r=t.split(m),a=r.length;for(let e=0;e"isThemeGetter"in e&&!0===e.isThemeGetter,N=e=>{if(e<1)return{get:()=>{},set:()=>{}};let t=0,n=Object.create(null),r=Object.create(null);const a=(a,o)=>{n[a]=o,t++,t>e&&(t=0,r=n,n=Object.create(null))};return{get(e){let t=n[e];return void 0!==t?t:void 0!==(t=r[e])?(a(e,t),t):void 0},set(e,t){e in n?n[e]=t:a(e,t)}}},S=[],D=(e,t,n,r,a)=>({modifiers:e,hasImportantModifier:t,baseClassName:n,maybePostfixModifierPosition:r,isExternal:a}),A=e=>{const{prefix:t,experimentalParseClassName:n}=e;let r=e=>{const t=[];let n,r=0,a=0,o=0;const i=e.length;for(let s=0;so?n-o:void 0)};if(t){const e=t+":",n=r;r=t=>t.startsWith(e)?n(t.slice(e.length)):D(S,!1,t,void 0,!0)}if(n){const e=r;r=t=>n({className:t,parseClassName:e})}return r},R=e=>{const t=new Map;return e.orderSensitiveModifiers.forEach((e,n)=>{t.set(e,1e6+n)}),e=>{const n=[];let r=[];for(let a=0;a0&&(r.sort(),n.push(...r),r=[]),n.push(o)):r.push(o)}return r.length>0&&(r.sort(),n.push(...r)),n}},T=/\s+/,P=e=>{if("string"==typeof e)return e;let t,n="";for(let r=0;r{let n,r,a,o;const i=e=>{const t=r(e);if(t)return t;const o=((e,t)=>{const{parseClassName:n,getClassGroupId:r,getConflictingClassGroupIds:a,sortModifiers:o}=t,i=[],s=e.trim().split(T);let l="";for(let e=s.length-1;e>=0;e-=1){const t=s[e],{isExternal:c,modifiers:d,hasImportantModifier:u,baseClassName:m,maybePostfixModifierPosition:p}=n(t);if(c){l=t+(l.length>0?" "+l:l);continue}let f=!!p,y=r(f?m.substring(0,p):m);if(!y){if(!f){l=t+(l.length>0?" "+l:l);continue}if(y=r(m),!y){l=t+(l.length>0?" "+l:l);continue}f=!1}const h=0===d.length?"":1===d.length?d[0]:o(d).join(":"),g=u?h+"!":h,b=g+y;if(i.indexOf(b)>-1)continue;i.push(b);const v=a(y,f);for(let e=0;e0?" "+l:l)}return l})(e,n);return a(e,o),o};return o=s=>{const l=t.reduce((e,t)=>t(e),e());return n=(e=>({cache:N(e.cacheSize),parseClassName:A(e),sortModifiers:R(e),...f(e)}))(l),r=n.cache.get,a=n.cache.set,o=i,i(s)},(...e)=>o(((...e)=>{let t,n,r=0,a="";for(;r{const t=t=>t[e]||I;return t.isThemeGetter=!0,t},M=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,L=/^\((?:(\w[\w-]*):)?(.+)\)$/i,F=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,z=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,$=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,B=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,U=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,W=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,H=e=>F.test(e),V=e=>!!e&&!Number.isNaN(Number(e)),q=e=>!!e&&Number.isInteger(Number(e)),K=e=>e.endsWith("%")&&V(e.slice(0,-1)),Y=e=>z.test(e),G=()=>!0,X=e=>$.test(e)&&!B.test(e),J=()=>!1,Z=e=>U.test(e),Q=e=>W.test(e),ee=e=>!ne(e)&&!de(e),te=e=>be(e,_e,J),ne=e=>M.test(e),re=e=>be(e,Ee,X),ae=e=>be(e,ke,V),oe=e=>be(e,Ne,G),ie=e=>be(e,Ce,J),se=e=>be(e,we,J),le=e=>be(e,xe,Q),ce=e=>be(e,Se,Z),de=e=>L.test(e),ue=e=>ve(e,Ee),me=e=>ve(e,Ce),pe=e=>ve(e,we),fe=e=>ve(e,_e),ye=e=>ve(e,xe),he=e=>ve(e,Se,!0),ge=e=>ve(e,Ne,!0),be=(e,t,n)=>{const r=M.exec(e);return!!r&&(r[1]?t(r[1]):n(r[2]))},ve=(e,t,n=!1)=>{const r=L.exec(e);return!!r&&(r[1]?t(r[1]):n)},we=e=>"position"===e||"percentage"===e,xe=e=>"image"===e||"url"===e,_e=e=>"length"===e||"size"===e||"bg-size"===e,Ee=e=>"length"===e,ke=e=>"number"===e,Ce=e=>"family-name"===e,Ne=e=>"number"===e||"weight"===e,Se=e=>"shadow"===e,De=j((Symbol.toStringTag,()=>{const e=O("color"),t=O("font"),n=O("text"),r=O("font-weight"),a=O("tracking"),o=O("leading"),i=O("breakpoint"),s=O("container"),l=O("spacing"),c=O("radius"),d=O("shadow"),u=O("inset-shadow"),m=O("text-shadow"),p=O("drop-shadow"),f=O("blur"),y=O("perspective"),h=O("aspect"),g=O("ease"),b=O("animate"),v=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom",de,ne],w=()=>[de,ne,l],x=()=>[H,"full","auto",...w()],_=()=>[q,"none","subgrid",de,ne],E=()=>["auto",{span:["full",q,de,ne]},q,de,ne],k=()=>[q,"auto",de,ne],C=()=>["auto","min","max","fr",de,ne],N=()=>["auto",...w()],S=()=>[H,"auto","full","dvw","dvh","lvw","lvh","svw","svh","min","max","fit",...w()],D=()=>[H,"screen","full","dvw","lvw","svw","min","max","fit",...w()],A=()=>[H,"screen","full","lh","dvh","lvh","svh","min","max","fit",...w()],R=()=>[e,de,ne],T=()=>["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom",pe,se,{position:[de,ne]}],P=()=>["auto","cover","contain",fe,te,{size:[de,ne]}],j=()=>[K,ue,re],I=()=>["","none","full",c,de,ne],M=()=>["",V,ue,re],L=()=>[V,K,pe,se],F=()=>["","none",f,de,ne],z=()=>["none",V,de,ne],$=()=>["none",V,de,ne],B=()=>[V,de,ne],U=()=>[H,"full",...w()];return{cacheSize:500,theme:{animate:["spin","ping","pulse","bounce"],aspect:["video"],blur:[Y],breakpoint:[Y],color:[G],container:[Y],"drop-shadow":[Y],ease:["in","out","in-out"],font:[ee],"font-weight":["thin","extralight","light","normal","medium","semibold","bold","extrabold","black"],"inset-shadow":[Y],leading:["none","tight","snug","normal","relaxed","loose"],perspective:["dramatic","near","normal","midrange","distant","none"],radius:[Y],shadow:[Y],spacing:["px",V],text:[Y],"text-shadow":[Y],tracking:["tighter","tight","normal","wide","wider","widest"]},classGroups:{aspect:[{aspect:["auto","square",H,ne,de,h]}],container:["container"],columns:[{columns:[V,ne,de,s]}],"break-after":[{"break-after":["auto","avoid","all","avoid-page","page","left","right","column"]}],"break-before":[{"break-before":["auto","avoid","all","avoid-page","page","left","right","column"]}],"break-inside":[{"break-inside":["auto","avoid","avoid-page","avoid-column"]}],"box-decoration":[{"box-decoration":["slice","clone"]}],box:[{box:["border","content"]}],display:["block","inline-block","inline","flex","inline-flex","table","inline-table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row-group","table-row","flow-root","grid","inline-grid","contents","list-item","hidden"],sr:["sr-only","not-sr-only"],float:[{float:["right","left","none","start","end"]}],clear:[{clear:["left","right","both","none","start","end"]}],isolation:["isolate","isolation-auto"],"object-fit":[{object:["contain","cover","fill","none","scale-down"]}],"object-position":[{object:v()}],overflow:[{overflow:["auto","hidden","clip","visible","scroll"]}],"overflow-x":[{"overflow-x":["auto","hidden","clip","visible","scroll"]}],"overflow-y":[{"overflow-y":["auto","hidden","clip","visible","scroll"]}],overscroll:[{overscroll:["auto","contain","none"]}],"overscroll-x":[{"overscroll-x":["auto","contain","none"]}],"overscroll-y":[{"overscroll-y":["auto","contain","none"]}],position:["static","fixed","absolute","relative","sticky"],inset:[{inset:x()}],"inset-x":[{"inset-x":x()}],"inset-y":[{"inset-y":x()}],start:[{"inset-s":x(),start:x()}],end:[{"inset-e":x(),end:x()}],"inset-bs":[{"inset-bs":x()}],"inset-be":[{"inset-be":x()}],top:[{top:x()}],right:[{right:x()}],bottom:[{bottom:x()}],left:[{left:x()}],visibility:["visible","invisible","collapse"],z:[{z:[q,"auto",de,ne]}],basis:[{basis:[H,"full","auto",s,...w()]}],"flex-direction":[{flex:["row","row-reverse","col","col-reverse"]}],"flex-wrap":[{flex:["nowrap","wrap","wrap-reverse"]}],flex:[{flex:[V,H,"auto","initial","none",ne]}],grow:[{grow:["",V,de,ne]}],shrink:[{shrink:["",V,de,ne]}],order:[{order:[q,"first","last","none",de,ne]}],"grid-cols":[{"grid-cols":_()}],"col-start-end":[{col:E()}],"col-start":[{"col-start":k()}],"col-end":[{"col-end":k()}],"grid-rows":[{"grid-rows":_()}],"row-start-end":[{row:E()}],"row-start":[{"row-start":k()}],"row-end":[{"row-end":k()}],"grid-flow":[{"grid-flow":["row","col","dense","row-dense","col-dense"]}],"auto-cols":[{"auto-cols":C()}],"auto-rows":[{"auto-rows":C()}],gap:[{gap:w()}],"gap-x":[{"gap-x":w()}],"gap-y":[{"gap-y":w()}],"justify-content":[{justify:["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe","normal"]}],"justify-items":[{"justify-items":["start","end","center","stretch","center-safe","end-safe","normal"]}],"justify-self":[{"justify-self":["auto","start","end","center","stretch","center-safe","end-safe"]}],"align-content":[{content:["normal","start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"]}],"align-items":[{items:["start","end","center","stretch","center-safe","end-safe",{baseline:["","last"]}]}],"align-self":[{self:["auto","start","end","center","stretch","center-safe","end-safe",{baseline:["","last"]}]}],"place-content":[{"place-content":["start","end","center","between","around","evenly","stretch","baseline","center-safe","end-safe"]}],"place-items":[{"place-items":["start","end","center","stretch","center-safe","end-safe","baseline"]}],"place-self":[{"place-self":["auto","start","end","center","stretch","center-safe","end-safe"]}],p:[{p:w()}],px:[{px:w()}],py:[{py:w()}],ps:[{ps:w()}],pe:[{pe:w()}],pbs:[{pbs:w()}],pbe:[{pbe:w()}],pt:[{pt:w()}],pr:[{pr:w()}],pb:[{pb:w()}],pl:[{pl:w()}],m:[{m:N()}],mx:[{mx:N()}],my:[{my:N()}],ms:[{ms:N()}],me:[{me:N()}],mbs:[{mbs:N()}],mbe:[{mbe:N()}],mt:[{mt:N()}],mr:[{mr:N()}],mb:[{mb:N()}],ml:[{ml:N()}],"space-x":[{"space-x":w()}],"space-x-reverse":["space-x-reverse"],"space-y":[{"space-y":w()}],"space-y-reverse":["space-y-reverse"],size:[{size:S()}],"inline-size":[{inline:["auto",...D()]}],"min-inline-size":[{"min-inline":["auto",...D()]}],"max-inline-size":[{"max-inline":["none",...D()]}],"block-size":[{block:["auto",...A()]}],"min-block-size":[{"min-block":["auto",...A()]}],"max-block-size":[{"max-block":["none",...A()]}],w:[{w:[s,"screen",...S()]}],"min-w":[{"min-w":[s,"screen","none",...S()]}],"max-w":[{"max-w":[s,"screen","none","prose",{screen:[i]},...S()]}],h:[{h:["screen","lh",...S()]}],"min-h":[{"min-h":["screen","lh","none",...S()]}],"max-h":[{"max-h":["screen","lh",...S()]}],"font-size":[{text:["base",n,ue,re]}],"font-smoothing":["antialiased","subpixel-antialiased"],"font-style":["italic","not-italic"],"font-weight":[{font:[r,ge,oe]}],"font-stretch":[{"font-stretch":["ultra-condensed","extra-condensed","condensed","semi-condensed","normal","semi-expanded","expanded","extra-expanded","ultra-expanded",K,ne]}],"font-family":[{font:[me,ie,t]}],"font-features":[{"font-features":[ne]}],"fvn-normal":["normal-nums"],"fvn-ordinal":["ordinal"],"fvn-slashed-zero":["slashed-zero"],"fvn-figure":["lining-nums","oldstyle-nums"],"fvn-spacing":["proportional-nums","tabular-nums"],"fvn-fraction":["diagonal-fractions","stacked-fractions"],tracking:[{tracking:[a,de,ne]}],"line-clamp":[{"line-clamp":[V,"none",de,ae]}],leading:[{leading:[o,...w()]}],"list-image":[{"list-image":["none",de,ne]}],"list-style-position":[{list:["inside","outside"]}],"list-style-type":[{list:["disc","decimal","none",de,ne]}],"text-alignment":[{text:["left","center","right","justify","start","end"]}],"placeholder-color":[{placeholder:R()}],"text-color":[{text:R()}],"text-decoration":["underline","overline","line-through","no-underline"],"text-decoration-style":[{decoration:["solid","dashed","dotted","double","wavy"]}],"text-decoration-thickness":[{decoration:[V,"from-font","auto",de,re]}],"text-decoration-color":[{decoration:R()}],"underline-offset":[{"underline-offset":[V,"auto",de,ne]}],"text-transform":["uppercase","lowercase","capitalize","normal-case"],"text-overflow":["truncate","text-ellipsis","text-clip"],"text-wrap":[{text:["wrap","nowrap","balance","pretty"]}],indent:[{indent:w()}],"vertical-align":[{align:["baseline","top","middle","bottom","text-top","text-bottom","sub","super",de,ne]}],whitespace:[{whitespace:["normal","nowrap","pre","pre-line","pre-wrap","break-spaces"]}],break:[{break:["normal","words","all","keep"]}],wrap:[{wrap:["break-word","anywhere","normal"]}],hyphens:[{hyphens:["none","manual","auto"]}],content:[{content:["none",de,ne]}],"bg-attachment":[{bg:["fixed","local","scroll"]}],"bg-clip":[{"bg-clip":["border","padding","content","text"]}],"bg-origin":[{"bg-origin":["border","padding","content"]}],"bg-position":[{bg:T()}],"bg-repeat":[{bg:["no-repeat",{repeat:["","x","y","space","round"]}]}],"bg-size":[{bg:P()}],"bg-image":[{bg:["none",{linear:[{to:["t","tr","r","br","b","bl","l","tl"]},q,de,ne],radial:["",de,ne],conic:[q,de,ne]},ye,le]}],"bg-color":[{bg:R()}],"gradient-from-pos":[{from:j()}],"gradient-via-pos":[{via:j()}],"gradient-to-pos":[{to:j()}],"gradient-from":[{from:R()}],"gradient-via":[{via:R()}],"gradient-to":[{to:R()}],rounded:[{rounded:I()}],"rounded-s":[{"rounded-s":I()}],"rounded-e":[{"rounded-e":I()}],"rounded-t":[{"rounded-t":I()}],"rounded-r":[{"rounded-r":I()}],"rounded-b":[{"rounded-b":I()}],"rounded-l":[{"rounded-l":I()}],"rounded-ss":[{"rounded-ss":I()}],"rounded-se":[{"rounded-se":I()}],"rounded-ee":[{"rounded-ee":I()}],"rounded-es":[{"rounded-es":I()}],"rounded-tl":[{"rounded-tl":I()}],"rounded-tr":[{"rounded-tr":I()}],"rounded-br":[{"rounded-br":I()}],"rounded-bl":[{"rounded-bl":I()}],"border-w":[{border:M()}],"border-w-x":[{"border-x":M()}],"border-w-y":[{"border-y":M()}],"border-w-s":[{"border-s":M()}],"border-w-e":[{"border-e":M()}],"border-w-bs":[{"border-bs":M()}],"border-w-be":[{"border-be":M()}],"border-w-t":[{"border-t":M()}],"border-w-r":[{"border-r":M()}],"border-w-b":[{"border-b":M()}],"border-w-l":[{"border-l":M()}],"divide-x":[{"divide-x":M()}],"divide-x-reverse":["divide-x-reverse"],"divide-y":[{"divide-y":M()}],"divide-y-reverse":["divide-y-reverse"],"border-style":[{border:["solid","dashed","dotted","double","hidden","none"]}],"divide-style":[{divide:["solid","dashed","dotted","double","hidden","none"]}],"border-color":[{border:R()}],"border-color-x":[{"border-x":R()}],"border-color-y":[{"border-y":R()}],"border-color-s":[{"border-s":R()}],"border-color-e":[{"border-e":R()}],"border-color-bs":[{"border-bs":R()}],"border-color-be":[{"border-be":R()}],"border-color-t":[{"border-t":R()}],"border-color-r":[{"border-r":R()}],"border-color-b":[{"border-b":R()}],"border-color-l":[{"border-l":R()}],"divide-color":[{divide:R()}],"outline-style":[{outline:["solid","dashed","dotted","double","none","hidden"]}],"outline-offset":[{"outline-offset":[V,de,ne]}],"outline-w":[{outline:["",V,ue,re]}],"outline-color":[{outline:R()}],shadow:[{shadow:["","none",d,he,ce]}],"shadow-color":[{shadow:R()}],"inset-shadow":[{"inset-shadow":["none",u,he,ce]}],"inset-shadow-color":[{"inset-shadow":R()}],"ring-w":[{ring:M()}],"ring-w-inset":["ring-inset"],"ring-color":[{ring:R()}],"ring-offset-w":[{"ring-offset":[V,re]}],"ring-offset-color":[{"ring-offset":R()}],"inset-ring-w":[{"inset-ring":M()}],"inset-ring-color":[{"inset-ring":R()}],"text-shadow":[{"text-shadow":["none",m,he,ce]}],"text-shadow-color":[{"text-shadow":R()}],opacity:[{opacity:[V,de,ne]}],"mix-blend":[{"mix-blend":["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity","plus-darker","plus-lighter"]}],"bg-blend":[{"bg-blend":["normal","multiply","screen","overlay","darken","lighten","color-dodge","color-burn","hard-light","soft-light","difference","exclusion","hue","saturation","color","luminosity"]}],"mask-clip":[{"mask-clip":["border","padding","content","fill","stroke","view"]},"mask-no-clip"],"mask-composite":[{mask:["add","subtract","intersect","exclude"]}],"mask-image-linear-pos":[{"mask-linear":[V]}],"mask-image-linear-from-pos":[{"mask-linear-from":L()}],"mask-image-linear-to-pos":[{"mask-linear-to":L()}],"mask-image-linear-from-color":[{"mask-linear-from":R()}],"mask-image-linear-to-color":[{"mask-linear-to":R()}],"mask-image-t-from-pos":[{"mask-t-from":L()}],"mask-image-t-to-pos":[{"mask-t-to":L()}],"mask-image-t-from-color":[{"mask-t-from":R()}],"mask-image-t-to-color":[{"mask-t-to":R()}],"mask-image-r-from-pos":[{"mask-r-from":L()}],"mask-image-r-to-pos":[{"mask-r-to":L()}],"mask-image-r-from-color":[{"mask-r-from":R()}],"mask-image-r-to-color":[{"mask-r-to":R()}],"mask-image-b-from-pos":[{"mask-b-from":L()}],"mask-image-b-to-pos":[{"mask-b-to":L()}],"mask-image-b-from-color":[{"mask-b-from":R()}],"mask-image-b-to-color":[{"mask-b-to":R()}],"mask-image-l-from-pos":[{"mask-l-from":L()}],"mask-image-l-to-pos":[{"mask-l-to":L()}],"mask-image-l-from-color":[{"mask-l-from":R()}],"mask-image-l-to-color":[{"mask-l-to":R()}],"mask-image-x-from-pos":[{"mask-x-from":L()}],"mask-image-x-to-pos":[{"mask-x-to":L()}],"mask-image-x-from-color":[{"mask-x-from":R()}],"mask-image-x-to-color":[{"mask-x-to":R()}],"mask-image-y-from-pos":[{"mask-y-from":L()}],"mask-image-y-to-pos":[{"mask-y-to":L()}],"mask-image-y-from-color":[{"mask-y-from":R()}],"mask-image-y-to-color":[{"mask-y-to":R()}],"mask-image-radial":[{"mask-radial":[de,ne]}],"mask-image-radial-from-pos":[{"mask-radial-from":L()}],"mask-image-radial-to-pos":[{"mask-radial-to":L()}],"mask-image-radial-from-color":[{"mask-radial-from":R()}],"mask-image-radial-to-color":[{"mask-radial-to":R()}],"mask-image-radial-shape":[{"mask-radial":["circle","ellipse"]}],"mask-image-radial-size":[{"mask-radial":[{closest:["side","corner"],farthest:["side","corner"]}]}],"mask-image-radial-pos":[{"mask-radial-at":["center","top","bottom","left","right","top-left","left-top","top-right","right-top","bottom-right","right-bottom","bottom-left","left-bottom"]}],"mask-image-conic-pos":[{"mask-conic":[V]}],"mask-image-conic-from-pos":[{"mask-conic-from":L()}],"mask-image-conic-to-pos":[{"mask-conic-to":L()}],"mask-image-conic-from-color":[{"mask-conic-from":R()}],"mask-image-conic-to-color":[{"mask-conic-to":R()}],"mask-mode":[{mask:["alpha","luminance","match"]}],"mask-origin":[{"mask-origin":["border","padding","content","fill","stroke","view"]}],"mask-position":[{mask:T()}],"mask-repeat":[{mask:["no-repeat",{repeat:["","x","y","space","round"]}]}],"mask-size":[{mask:P()}],"mask-type":[{"mask-type":["alpha","luminance"]}],"mask-image":[{mask:["none",de,ne]}],filter:[{filter:["","none",de,ne]}],blur:[{blur:F()}],brightness:[{brightness:[V,de,ne]}],contrast:[{contrast:[V,de,ne]}],"drop-shadow":[{"drop-shadow":["","none",p,he,ce]}],"drop-shadow-color":[{"drop-shadow":R()}],grayscale:[{grayscale:["",V,de,ne]}],"hue-rotate":[{"hue-rotate":[V,de,ne]}],invert:[{invert:["",V,de,ne]}],saturate:[{saturate:[V,de,ne]}],sepia:[{sepia:["",V,de,ne]}],"backdrop-filter":[{"backdrop-filter":["","none",de,ne]}],"backdrop-blur":[{"backdrop-blur":F()}],"backdrop-brightness":[{"backdrop-brightness":[V,de,ne]}],"backdrop-contrast":[{"backdrop-contrast":[V,de,ne]}],"backdrop-grayscale":[{"backdrop-grayscale":["",V,de,ne]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[V,de,ne]}],"backdrop-invert":[{"backdrop-invert":["",V,de,ne]}],"backdrop-opacity":[{"backdrop-opacity":[V,de,ne]}],"backdrop-saturate":[{"backdrop-saturate":[V,de,ne]}],"backdrop-sepia":[{"backdrop-sepia":["",V,de,ne]}],"border-collapse":[{border:["collapse","separate"]}],"border-spacing":[{"border-spacing":w()}],"border-spacing-x":[{"border-spacing-x":w()}],"border-spacing-y":[{"border-spacing-y":w()}],"table-layout":[{table:["auto","fixed"]}],caption:[{caption:["top","bottom"]}],transition:[{transition:["","all","colors","opacity","shadow","transform","none",de,ne]}],"transition-behavior":[{transition:["normal","discrete"]}],duration:[{duration:[V,"initial",de,ne]}],ease:[{ease:["linear","initial",g,de,ne]}],delay:[{delay:[V,de,ne]}],animate:[{animate:["none",b,de,ne]}],backface:[{backface:["hidden","visible"]}],perspective:[{perspective:[y,de,ne]}],"perspective-origin":[{"perspective-origin":v()}],rotate:[{rotate:z()}],"rotate-x":[{"rotate-x":z()}],"rotate-y":[{"rotate-y":z()}],"rotate-z":[{"rotate-z":z()}],scale:[{scale:$()}],"scale-x":[{"scale-x":$()}],"scale-y":[{"scale-y":$()}],"scale-z":[{"scale-z":$()}],"scale-3d":["scale-3d"],skew:[{skew:B()}],"skew-x":[{"skew-x":B()}],"skew-y":[{"skew-y":B()}],transform:[{transform:[de,ne,"","none","gpu","cpu"]}],"transform-origin":[{origin:v()}],"transform-style":[{transform:["3d","flat"]}],translate:[{translate:U()}],"translate-x":[{"translate-x":U()}],"translate-y":[{"translate-y":U()}],"translate-z":[{"translate-z":U()}],"translate-none":["translate-none"],accent:[{accent:R()}],appearance:[{appearance:["none","auto"]}],"caret-color":[{caret:R()}],"color-scheme":[{scheme:["normal","dark","light","light-dark","only-dark","only-light"]}],cursor:[{cursor:["auto","default","pointer","wait","text","move","help","not-allowed","none","context-menu","progress","cell","crosshair","vertical-text","alias","copy","no-drop","grab","grabbing","all-scroll","col-resize","row-resize","n-resize","e-resize","s-resize","w-resize","ne-resize","nw-resize","se-resize","sw-resize","ew-resize","ns-resize","nesw-resize","nwse-resize","zoom-in","zoom-out",de,ne]}],"field-sizing":[{"field-sizing":["fixed","content"]}],"pointer-events":[{"pointer-events":["auto","none"]}],resize:[{resize:["none","","y","x"]}],"scroll-behavior":[{scroll:["auto","smooth"]}],"scroll-m":[{"scroll-m":w()}],"scroll-mx":[{"scroll-mx":w()}],"scroll-my":[{"scroll-my":w()}],"scroll-ms":[{"scroll-ms":w()}],"scroll-me":[{"scroll-me":w()}],"scroll-mbs":[{"scroll-mbs":w()}],"scroll-mbe":[{"scroll-mbe":w()}],"scroll-mt":[{"scroll-mt":w()}],"scroll-mr":[{"scroll-mr":w()}],"scroll-mb":[{"scroll-mb":w()}],"scroll-ml":[{"scroll-ml":w()}],"scroll-p":[{"scroll-p":w()}],"scroll-px":[{"scroll-px":w()}],"scroll-py":[{"scroll-py":w()}],"scroll-ps":[{"scroll-ps":w()}],"scroll-pe":[{"scroll-pe":w()}],"scroll-pbs":[{"scroll-pbs":w()}],"scroll-pbe":[{"scroll-pbe":w()}],"scroll-pt":[{"scroll-pt":w()}],"scroll-pr":[{"scroll-pr":w()}],"scroll-pb":[{"scroll-pb":w()}],"scroll-pl":[{"scroll-pl":w()}],"snap-align":[{snap:["start","end","center","align-none"]}],"snap-stop":[{snap:["normal","always"]}],"snap-type":[{snap:["none","x","y","both"]}],"snap-strictness":[{snap:["mandatory","proximity"]}],touch:[{touch:["auto","none","manipulation"]}],"touch-x":[{"touch-pan":["x","left","right"]}],"touch-y":[{"touch-pan":["y","up","down"]}],"touch-pz":["touch-pinch-zoom"],select:[{select:["none","text","all","auto"]}],"will-change":[{"will-change":["auto","scroll","contents","transform",de,ne]}],fill:[{fill:["none",...R()]}],"stroke-w":[{stroke:[V,ue,re,ae]}],stroke:[{stroke:["none",...R()]}],"forced-color-adjust":[{"forced-color-adjust":["auto","none"]}]},conflictingClassGroups:{overflow:["overflow-x","overflow-y"],overscroll:["overscroll-x","overscroll-y"],inset:["inset-x","inset-y","inset-bs","inset-be","start","end","top","right","bottom","left"],"inset-x":["right","left"],"inset-y":["top","bottom"],flex:["basis","grow","shrink"],gap:["gap-x","gap-y"],p:["px","py","ps","pe","pbs","pbe","pt","pr","pb","pl"],px:["pr","pl"],py:["pt","pb"],m:["mx","my","ms","me","mbs","mbe","mt","mr","mb","ml"],mx:["mr","ml"],my:["mt","mb"],size:["w","h"],"font-size":["leading"],"fvn-normal":["fvn-ordinal","fvn-slashed-zero","fvn-figure","fvn-spacing","fvn-fraction"],"fvn-ordinal":["fvn-normal"],"fvn-slashed-zero":["fvn-normal"],"fvn-figure":["fvn-normal"],"fvn-spacing":["fvn-normal"],"fvn-fraction":["fvn-normal"],"line-clamp":["display","overflow"],rounded:["rounded-s","rounded-e","rounded-t","rounded-r","rounded-b","rounded-l","rounded-ss","rounded-se","rounded-ee","rounded-es","rounded-tl","rounded-tr","rounded-br","rounded-bl"],"rounded-s":["rounded-ss","rounded-es"],"rounded-e":["rounded-se","rounded-ee"],"rounded-t":["rounded-tl","rounded-tr"],"rounded-r":["rounded-tr","rounded-br"],"rounded-b":["rounded-br","rounded-bl"],"rounded-l":["rounded-tl","rounded-bl"],"border-spacing":["border-spacing-x","border-spacing-y"],"border-w":["border-w-x","border-w-y","border-w-s","border-w-e","border-w-bs","border-w-be","border-w-t","border-w-r","border-w-b","border-w-l"],"border-w-x":["border-w-r","border-w-l"],"border-w-y":["border-w-t","border-w-b"],"border-color":["border-color-x","border-color-y","border-color-s","border-color-e","border-color-bs","border-color-be","border-color-t","border-color-r","border-color-b","border-color-l"],"border-color-x":["border-color-r","border-color-l"],"border-color-y":["border-color-t","border-color-b"],translate:["translate-x","translate-y","translate-none"],"translate-none":["translate","translate-x","translate-y","translate-z"],"scroll-m":["scroll-mx","scroll-my","scroll-ms","scroll-me","scroll-mbs","scroll-mbe","scroll-mt","scroll-mr","scroll-mb","scroll-ml"],"scroll-mx":["scroll-mr","scroll-ml"],"scroll-my":["scroll-mt","scroll-mb"],"scroll-p":["scroll-px","scroll-py","scroll-ps","scroll-pe","scroll-pbs","scroll-pbe","scroll-pt","scroll-pr","scroll-pb","scroll-pl"],"scroll-px":["scroll-pr","scroll-pl"],"scroll-py":["scroll-pt","scroll-pb"],touch:["touch-x","touch-y","touch-pz"],"touch-x":["touch"],"touch-y":["touch"],"touch-pz":["touch"]},conflictingClassGroupModifiers:{"font-size":["leading"]},orderSensitiveModifiers:["*","**","after","backdrop","before","details-content","file","first-letter","first-line","marker","placeholder","selection"]}}));function Ae(...e){return De(d(e))}function Re(e,t,{checkForDefaultPrevented:n=!0}={}){return function(r){if(e?.(r),!1===n||!r.defaultPrevented)return t?.(r)}}function Te(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}function Pe(...e){return t=>{let n=!1;const r=e.map(e=>{const r=Te(e,t);return n||"function"!=typeof r||(n=!0),r});if(n)return()=>{for(let t=0;t{const t=n.map(e=>o.createContext(e));return function(n){const r=n?.[e]||t;return o.useMemo(()=>({[`__scope${e}`]:{...n,[e]:r}}),[n,r])}};return r.scopeName=e,[function(t,r){const a=o.createContext(r),i=n.length;n=[...n,r];const s=t=>{const{scope:n,children:r,...s}=t,l=n?.[e]?.[i]||a,c=o.useMemo(()=>s,Object.values(s));return(0,Ie.jsx)(l.Provider,{value:c,children:r})};return s.displayName=t+"Provider",[s,function(n,s){const l=s?.[e]?.[i]||a,c=o.useContext(l);if(c)return c;if(void 0!==r)return r;throw new Error(`\`${n}\` must be used within \`${t}\``)}]},Me(r,...t)]}function Me(...e){const t=e[0];if(1===e.length)return t;const n=()=>{const n=e.map(e=>({useScope:e(),scopeName:e.scopeName}));return function(e){const r=n.reduce((t,{useScope:n,scopeName:r})=>({...t,...n(e)[`__scope${r}`]}),{});return o.useMemo(()=>({[`__scope${t.scopeName}`]:r}),[r])}};return n.scopeName=t.scopeName,n}var Le=globalThis?.document?o.useLayoutEffect:()=>{},Fe=i[" useId ".trim().toString()]||(()=>{}),ze=0;function $e(e){const[t,n]=o.useState(Fe());return Le(()=>{e||n(e=>e??String(ze++))},[e]),e||(t?`radix-${t}`:"")}var Be=i[" useInsertionEffect ".trim().toString()]||Le;function Ue({prop:e,defaultProp:t,onChange:n=()=>{},caller:r}){const[a,i,s]=function({defaultProp:e,onChange:t}){const[n,r]=o.useState(e),a=o.useRef(n),i=o.useRef(t);return Be(()=>{i.current=t},[t]),o.useEffect(()=>{a.current!==n&&(i.current?.(n),a.current=n)},[n,a]),[n,r,i]}({defaultProp:t,onChange:n}),l=void 0!==e,c=l?e:a;{const t=o.useRef(void 0!==e);o.useEffect(()=>{const e=t.current;if(e!==l){const t=e?"controlled":"uncontrolled",n=l?"controlled":"uncontrolled";console.warn(`${r} is changing from ${t} to ${n}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`)}t.current=l},[l,r])}const d=o.useCallback(t=>{if(l){const n=function(e){return"function"==typeof e}(t)?t(e):t;n!==e&&s.current?.(n)}else i(t)},[l,e,i,s]);return[c,d]}Symbol("RADIX:SYNC_STATE");const We=window.ReactDOM;function He(e){const t=Ve(e),n=o.forwardRef((e,n)=>{const{children:r,...a}=e,i=o.Children.toArray(r),s=i.find(Ke);if(s){const e=s.props.children,r=i.map(t=>t===s?o.Children.count(e)>1?o.Children.only(null):o.isValidElement(e)?e.props.children:null:t);return(0,Ie.jsx)(t,{...a,ref:n,children:o.isValidElement(e)?o.cloneElement(e,void 0,r):null})}return(0,Ie.jsx)(t,{...a,ref:n,children:r})});return n.displayName=`${e}.Slot`,n}function Ve(e){const t=o.forwardRef((e,t)=>{const{children:n,...r}=e;if(o.isValidElement(n)){const e=function(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}(n),a=function(e,t){const n={...t};for(const r in t){const a=e[r],o=t[r];/^on[A-Z]/.test(r)?a&&o?n[r]=(...e)=>{const t=o(...e);return a(...e),t}:a&&(n[r]=a):"style"===r?n[r]={...a,...o}:"className"===r&&(n[r]=[a,o].filter(Boolean).join(" "))}return{...e,...n}}(r,n.props);return n.type!==o.Fragment&&(a.ref=t?Pe(t,e):e),o.cloneElement(n,a)}return o.Children.count(n)>1?o.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var qe=Symbol("radix.slottable");function Ke(e){return o.isValidElement(e)&&"function"==typeof e.type&&"__radixId"in e.type&&e.type.__radixId===qe}var Ye=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"].reduce((e,t)=>{const n=He(`Primitive.${t}`),r=o.forwardRef((e,r)=>{const{asChild:a,...o}=e,i=a?n:t;return"undefined"!=typeof window&&(window[Symbol.for("radix-ui")]=!0),(0,Ie.jsx)(i,{...o,ref:r})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{});function Ge(e){const t=o.useRef(e);return o.useEffect(()=>{t.current=e}),o.useMemo(()=>(...e)=>t.current?.(...e),[])}var Xe,Je="dismissableLayer.update",Ze=o.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),Qe=o.forwardRef((e,t)=>{const{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:r,onPointerDownOutside:a,onFocusOutside:i,onInteractOutside:s,onDismiss:l,...c}=e,d=o.useContext(Ze),[u,m]=o.useState(null),p=u?.ownerDocument??globalThis?.document,[,f]=o.useState({}),y=je(t,e=>m(e)),h=Array.from(d.layers),[g]=[...d.layersWithOutsidePointerEventsDisabled].slice(-1),b=h.indexOf(g),v=u?h.indexOf(u):-1,w=d.layersWithOutsidePointerEventsDisabled.size>0,x=v>=b,_=function(e,t=globalThis?.document){const n=Ge(e),r=o.useRef(!1),a=o.useRef(()=>{});return o.useEffect(()=>{const e=e=>{if(e.target&&!r.current){let r=function(){tt("dismissableLayer.pointerDownOutside",n,o,{discrete:!0})};const o={originalEvent:e};"touch"===e.pointerType?(t.removeEventListener("click",a.current),a.current=r,t.addEventListener("click",a.current,{once:!0})):r()}else t.removeEventListener("click",a.current);r.current=!1},o=window.setTimeout(()=>{t.addEventListener("pointerdown",e)},0);return()=>{window.clearTimeout(o),t.removeEventListener("pointerdown",e),t.removeEventListener("click",a.current)}},[t,n]),{onPointerDownCapture:()=>r.current=!0}}(e=>{const t=e.target,n=[...d.branches].some(e=>e.contains(t));x&&!n&&(a?.(e),s?.(e),e.defaultPrevented||l?.())},p),E=function(e,t=globalThis?.document){const n=Ge(e),r=o.useRef(!1);return o.useEffect(()=>{const e=e=>{e.target&&!r.current&&tt("dismissableLayer.focusOutside",n,{originalEvent:e},{discrete:!1})};return t.addEventListener("focusin",e),()=>t.removeEventListener("focusin",e)},[t,n]),{onFocusCapture:()=>r.current=!0,onBlurCapture:()=>r.current=!1}}(e=>{const t=e.target;[...d.branches].some(e=>e.contains(t))||(i?.(e),s?.(e),e.defaultPrevented||l?.())},p);return function(e,t=globalThis?.document){const n=Ge(e);o.useEffect(()=>{const e=e=>{"Escape"===e.key&&n(e)};return t.addEventListener("keydown",e,{capture:!0}),()=>t.removeEventListener("keydown",e,{capture:!0})},[n,t])}(e=>{v===d.layers.size-1&&(r?.(e),!e.defaultPrevented&&l&&(e.preventDefault(),l()))},p),o.useEffect(()=>{if(u)return n&&(0===d.layersWithOutsidePointerEventsDisabled.size&&(Xe=p.body.style.pointerEvents,p.body.style.pointerEvents="none"),d.layersWithOutsidePointerEventsDisabled.add(u)),d.layers.add(u),et(),()=>{n&&1===d.layersWithOutsidePointerEventsDisabled.size&&(p.body.style.pointerEvents=Xe)}},[u,p,n,d]),o.useEffect(()=>()=>{u&&(d.layers.delete(u),d.layersWithOutsidePointerEventsDisabled.delete(u),et())},[u,d]),o.useEffect(()=>{const e=()=>f({});return document.addEventListener(Je,e),()=>document.removeEventListener(Je,e)},[]),(0,Ie.jsx)(Ye.div,{...c,ref:y,style:{pointerEvents:w?x?"auto":"none":void 0,...e.style},onFocusCapture:Re(e.onFocusCapture,E.onFocusCapture),onBlurCapture:Re(e.onBlurCapture,E.onBlurCapture),onPointerDownCapture:Re(e.onPointerDownCapture,_.onPointerDownCapture)})});function et(){const e=new CustomEvent(Je);document.dispatchEvent(e)}function tt(e,t,n,{discrete:r}){const a=n.originalEvent.target,o=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&a.addEventListener(e,t,{once:!0}),r?function(e,t){e&&We.flushSync(()=>e.dispatchEvent(t))}(a,o):a.dispatchEvent(o)}Qe.displayName="DismissableLayer",o.forwardRef((e,t)=>{const n=o.useContext(Ze),r=o.useRef(null),a=je(t,r);return o.useEffect(()=>{const e=r.current;if(e)return n.branches.add(e),()=>{n.branches.delete(e)}},[n.branches]),(0,Ie.jsx)(Ye.div,{...e,ref:a})}).displayName="DismissableLayerBranch";var nt="focusScope.autoFocusOnMount",rt="focusScope.autoFocusOnUnmount",at={bubbles:!1,cancelable:!0},ot=o.forwardRef((e,t)=>{const{loop:n=!1,trapped:r=!1,onMountAutoFocus:a,onUnmountAutoFocus:i,...s}=e,[l,c]=o.useState(null),d=Ge(a),u=Ge(i),m=o.useRef(null),p=je(t,e=>c(e)),f=o.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;o.useEffect(()=>{if(r){let e=function(e){if(f.paused||!l)return;const t=e.target;l.contains(t)?m.current=t:ct(m.current,{select:!0})},t=function(e){if(f.paused||!l)return;const t=e.relatedTarget;null!==t&&(l.contains(t)||ct(m.current,{select:!0}))},n=function(e){if(document.activeElement===document.body)for(const t of e)t.removedNodes.length>0&&ct(l)};document.addEventListener("focusin",e),document.addEventListener("focusout",t);const r=new MutationObserver(n);return l&&r.observe(l,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",e),document.removeEventListener("focusout",t),r.disconnect()}}},[r,l,f.paused]),o.useEffect(()=>{if(l){dt.add(f);const e=document.activeElement;if(!l.contains(e)){const t=new CustomEvent(nt,at);l.addEventListener(nt,d),l.dispatchEvent(t),t.defaultPrevented||(function(e,{select:t=!1}={}){const n=document.activeElement;for(const r of e)if(ct(r,{select:t}),document.activeElement!==n)return}(it(l).filter(e=>"A"!==e.tagName),{select:!0}),document.activeElement===e&&ct(l))}return()=>{l.removeEventListener(nt,d),setTimeout(()=>{const t=new CustomEvent(rt,at);l.addEventListener(rt,u),l.dispatchEvent(t),t.defaultPrevented||ct(e??document.body,{select:!0}),l.removeEventListener(rt,u),dt.remove(f)},0)}}},[l,d,u,f]);const y=o.useCallback(e=>{if(!n&&!r)return;if(f.paused)return;const t="Tab"===e.key&&!e.altKey&&!e.ctrlKey&&!e.metaKey,a=document.activeElement;if(t&&a){const t=e.currentTarget,[r,o]=function(e){const t=it(e);return[st(t,e),st(t.reverse(),e)]}(t);r&&o?e.shiftKey||a!==o?e.shiftKey&&a===r&&(e.preventDefault(),n&&ct(o,{select:!0})):(e.preventDefault(),n&&ct(r,{select:!0})):a===t&&e.preventDefault()}},[n,r,f.paused]);return(0,Ie.jsx)(Ye.div,{tabIndex:-1,...s,ref:p,onKeyDown:y})});function it(e){const t=[],n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{const t="INPUT"===e.tagName&&"hidden"===e.type;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;n.nextNode();)t.push(n.currentNode);return t}function st(e,t){for(const n of e)if(!lt(n,{upTo:t}))return n}function lt(e,{upTo:t}){if("hidden"===getComputedStyle(e).visibility)return!0;for(;e;){if(void 0!==t&&e===t)return!1;if("none"===getComputedStyle(e).display)return!0;e=e.parentElement}return!1}function ct(e,{select:t=!1}={}){if(e&&e.focus){const n=document.activeElement;e.focus({preventScroll:!0}),e!==n&&function(e){return e instanceof HTMLInputElement&&"select"in e}(e)&&t&&e.select()}}ot.displayName="FocusScope";var dt=function(){let e=[];return{add(t){const n=e[0];t!==n&&n?.pause(),e=ut(e,t),e.unshift(t)},remove(t){e=ut(e,t),e[0]?.resume()}}}();function ut(e,t){const n=[...e],r=n.indexOf(t);return-1!==r&&n.splice(r,1),n}var mt=o.forwardRef((e,t)=>{const{container:n,...r}=e,[a,i]=o.useState(!1);Le(()=>i(!0),[]);const s=n||a&&globalThis?.document?.body;return s?We.createPortal((0,Ie.jsx)(Ye.div,{...r,ref:t}),s):null});mt.displayName="Portal";var pt=e=>{const{present:t,children:n}=e,r=function(e){const[t,n]=o.useState(),r=o.useRef(null),a=o.useRef(e),i=o.useRef("none"),s=e?"mounted":"unmounted",[l,c]=function(e,t){return o.useReducer((e,n)=>t[e][n]??e,e)}(s,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return o.useEffect(()=>{const e=ft(r.current);i.current="mounted"===l?e:"none"},[l]),Le(()=>{const t=r.current,n=a.current;if(n!==e){const r=i.current,o=ft(t);c(e?"MOUNT":"none"===o||"none"===t?.display?"UNMOUNT":n&&r!==o?"ANIMATION_OUT":"UNMOUNT"),a.current=e}},[e,c]),Le(()=>{if(t){let e;const n=t.ownerDocument.defaultView??window,o=o=>{const i=ft(r.current).includes(CSS.escape(o.animationName));if(o.target===t&&i&&(c("ANIMATION_END"),!a.current)){const r=t.style.animationFillMode;t.style.animationFillMode="forwards",e=n.setTimeout(()=>{"forwards"===t.style.animationFillMode&&(t.style.animationFillMode=r)})}},s=e=>{e.target===t&&(i.current=ft(r.current))};return t.addEventListener("animationstart",s),t.addEventListener("animationcancel",o),t.addEventListener("animationend",o),()=>{n.clearTimeout(e),t.removeEventListener("animationstart",s),t.removeEventListener("animationcancel",o),t.removeEventListener("animationend",o)}}c("ANIMATION_END")},[t,c]),{isPresent:["mounted","unmountSuspended"].includes(l),ref:o.useCallback(e=>{r.current=e?getComputedStyle(e):null,n(e)},[])}}(t),a="function"==typeof n?n({present:r.isPresent}):o.Children.only(n),i=je(r.ref,function(e){let t=Object.getOwnPropertyDescriptor(e.props,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=Object.getOwnPropertyDescriptor(e,"ref")?.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}(a));return"function"==typeof n||r.isPresent?o.cloneElement(a,{ref:i}):null};function ft(e){return e?.animationName||"none"}pt.displayName="Presence";var yt=0;function ht(){o.useEffect(()=>{const e=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",e[0]??gt()),document.body.insertAdjacentElement("beforeend",e[1]??gt()),yt++,()=>{1===yt&&document.querySelectorAll("[data-radix-focus-guard]").forEach(e=>e.remove()),yt--}},[])}function gt(){const e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.outline="none",e.style.opacity="0",e.style.position="fixed",e.style.pointerEvents="none",e}var bt=function(){return bt=Object.assign||function(e){for(var t,n=1,r=arguments.length;n