/*! tailwindcss v4.3.3 | 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)))){:root,:host{--shimmer-angle:20deg}*,: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-border-style:solid;--tw-leading:initial;--tw-font-weight: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-duration:initial;--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;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:"Geist Variable", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-xs:20rem;--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: 1.5 ;--font-weight-medium:500;--radius-sm:calc(var(--radius) * .6);--radius-md:calc(var(--radius) * .8);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) * 1.4);--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Geist Variable", sans-serif;--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;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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;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:where(:not(iframe)){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}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::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}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring) 50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}html{font-family:Geist Variable,sans-serif}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.right-2{right:calc(var(--spacing) * 2)}.z-10{z-index:10}.z-50{z-index:50}.z-\[1100\]{z-index:1100}.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)}.my-1{margin-block:var(--spacing)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-px{height:1px}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:0}.min-w-36{min-width:calc(var(--spacing) * 36)}.shrink-0{flex-shrink:0}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.scroll-my-1{scroll-margin-block:var(--spacing)}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-\[2px\]{border-radius:2px}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md),10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md),12px)}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) * .8)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-border{background-color:var(--border)}.bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive) 10%,transparent)}}.bg-foreground{background-color:var(--foreground)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-clip-padding{background-clip:padding-box}.fill-foreground{fill:var(--foreground)}.p-1{padding:var(--spacing)}.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)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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-\[0\.8rem\]{font-size:.8rem}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-background{color:var(--background)}.text-destructive{color:var(--destructive)}.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-foreground{color:var(--secondary-foreground)}.underline-offset-4{text-underline-offset:4px}.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)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-foreground\/10{--tw-ring-color:var(--foreground)}@supports (color:color-mix(in lab,red,red)){.ring-foreground\/10{--tw-ring-color:color-mix(in oklab, var(--foreground) 10%, transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.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))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-6::file-selector-button{height:calc(var(--spacing) * 6)}.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::placeholder{color:var(--muted-foreground)}@media(hover:hover){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.hover\:bg-destructive\/20:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.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\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus,:is(.not-data-\[variant\=destructive\]\:focus\:\*\*\:text-accent-foreground:not([data-variant=destructive]):focus *){color:var(--accent-foreground)}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab,var(--destructive) 40%,transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-input\/50:disabled{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.disabled\:bg-input\/50:disabled{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[slot\=kbd\]\:pr-1\.5:has([data-slot=kbd]){padding-right:calc(var(--spacing) * 1.5)}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 20%, transparent)}}.data-placeholder\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[align-trigger\=true\]\:animate-none[data-align-trigger=true]{animation:none}.data-\[position\=popper\]\:h-\(--radix-select-trigger-height\)[data-position=popper]{height:var(--radix-select-trigger-height)}.data-\[position\=popper\]\:w-full[data-position=popper]{width:100%}.data-\[position\=popper\]\:min-w-\(--radix-select-trigger-width\)[data-position=popper]{min-width:var(--radix-select-trigger-width)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing);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:var(--spacing);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-\[size\=default\]\:h-8[data-size=default]{height:calc(var(--spacing) * 8)}.data-\[size\=sm\]\:h-7[data-size=sm]{height:calc(var(--spacing) * 7)}.data-\[size\=sm\]\:rounded-\[min\(var\(--radius-md\)\,10px\)\][data-size=sm]{border-radius:min(var(--radius-md),10px)}:is(.\*\*\:data-\[slot\=kbd\]\:relative *)[data-slot=kbd]{position:relative}:is(.\*\*\:data-\[slot\=kbd\]\:isolate *)[data-slot=kbd]{isolation:isolate}:is(.\*\*\:data-\[slot\=kbd\]\:z-50 *)[data-slot=kbd]{z-index:50}:is(.\*\*\:data-\[slot\=kbd\]\:rounded-sm *)[data-slot=kbd]{border-radius:calc(var(--radius) * .6)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-1\.5>*)[data-slot=select-value]{gap:calc(var(--spacing) * 1.5)}.data-\[state\=delayed-open\]\:animate-in[data-state=delayed-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\=delayed-open\]\:fade-in-0[data-state=delayed-open]{--tw-enter-opacity:0}.data-\[state\=delayed-open\]\:zoom-in-95[data-state=delayed-open]{--tw-enter-scale:.95}@media(min-width:48rem){.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab,var(--destructive) 20%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input) 30%,transparent)}}@media(hover:hover){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab,var(--destructive) 30%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input) 50%,transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--muted) 50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.dark\:disabled\:bg-input\/80:is(.dark *):disabled{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:disabled\:bg-input\/80:is(.dark *):disabled{background-color:color-mix(in oklab,var(--input) 80%,transparent)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab,var(--destructive) 50%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--destructive) 40%, transparent)}}.data-open\:animate-in:where([data-state=open]),.data-open\:animate-in:where([data-open]:not([data-open=false])){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-open\:fade-in-0:where([data-state=open]),.data-open\:fade-in-0:where([data-open]:not([data-open=false])){--tw-enter-opacity:0}.data-open\:zoom-in-95:where([data-state=open]),.data-open\:zoom-in-95:where([data-open]:not([data-open=false])){--tw-enter-scale:.95}.data-closed\:animate-out:where([data-state=closed]),.data-closed\:animate-out:where([data-closed]:not([data-closed=false])){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-closed\:fade-out-0:where([data-state=closed]),.data-closed\:fade-out-0:where([data-closed]:not([data-closed=false])){--tw-exit-opacity:0}.data-closed\:zoom-out-95:where([data-state=closed]),.data-closed\:zoom-out-95:where([data-closed]:not([data-closed=false])){--tw-exit-scale:.95}.data-disabled\:pointer-events-none:where([data-disabled=true]),.data-disabled\:pointer-events-none:where([data-disabled]:not([data-disabled=false])){pointer-events:none}.data-disabled\:opacity-50:where([data-disabled=true]),.data-disabled\:opacity-50:where([data-disabled]:not([data-disabled=false])){opacity:.5}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing) * 2)}}@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}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media(prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-black-rgb:30, 41, 59;--color-white-rgb:255, 255, 255;--background-start-rgb:241, 245, 249;--background-end-rgb:255, 255, 255;--input-display:250 250 249 / 80%;--colorBotton:30, 58, 108;--colorBottonBorder:14, 165, 190;--fontColorOption:71, 85, 105;--border-table:66, 123, 136;--color-green-valid-input:16, 185, 129;--color-white-invalid-input:255, 255, 255;--color-red-error-input:220, 38, 38;--color-background:20, 184, 166;--highlight-segment:248, 250, 252;--highlight-color:226, 232, 240;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--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(31% .09 264);--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);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(31% .09 264);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--radius:.625rem;--sidebar:oklch(31% .09 264);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(71% .13 215);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(37% .09 264);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(40% .08 264);--sidebar-ring:oklch(71% .13 215)}@media(prefers-color-scheme:dark){:root{--color-black-rgb:226, 232, 240;--background-start-rgb:30, 41, 59;--background-end-rgb:51, 65, 85;--colorBotton:30, 58, 108;--colorBottonBorder:34, 211, 238;--border-table:66, 123, 136;--color-green-valid-input:52, 211, 153;--color-white-invalid-input:255, 255, 255;--color-red-error-input:248, 113, 113;--color-background:45, 212, 191;--highlight-segment:51, 65, 85;--highlight-color:100, 116, 139;--fontColorOption:203, 213, 225}}*,:before,:after{box-sizing:border-box}html,body{max-width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}#root{height:100%}body{color:rgb(var(--color-black-rgb));background:rgb(var(--background-start-rgb));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}.text-balance{text-wrap:balance}.field{margin-bottom:var(--spacing-sm);flex-direction:column;gap:.375rem;display:flex}.field>[data-slot=select-trigger]{width:100%}.linkBtn{color:rgb(var(--colorBottonBorder));transition:color var(--transition-fast);text-decoration:none}.linkBtn:hover{color:rgb(var(--colorBotton))}button{border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:500}.btn{letter-spacing:.025em;justify-content:center;align-items:center;gap:.5rem;margin-top:4px;margin-bottom:4px;padding:.625rem 1.25rem;font-size:.875rem;display:inline-flex}.go-btn{color:#ecfeff;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#256396,#0e7490)}.go-btn:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#0e7490,#0694a2);transform:translateY(-1px)}.go-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.cancel-btn{color:#fffffff7;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#dc2626,#ef4444)}.cancel-btn:hover{box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#ef4444,#f87171);transform:translateY(-1px)}.cancel-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.add-btn{color:#fffffff7;box-shadow:var(--shadow-md);background:linear-gradient(135deg,#64748b,#475569)}.add-btn:hover{color:#09090b;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#475569,#334155);transform:translateY(-1px)}.add-btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}input:invalid:not(.pristine){border-color:rgb(var(--color-red-error-input))!important}input:invalid:not(.pristine)~label,input:invalid:not(.pristine)~span{color:rgb(var(--color-red-error-input))!important}@keyframes loader{0%{background:#e0e6eb}to{background:#c2ccd6}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.contentInternal{width:100%;max-width:100%;animation:.3s fadeIn}.contentInternal>h1{text-align:center;color:#0f172a;letter-spacing:-.025em;margin-bottom:var(--spacing-sm);font-size:clamp(1.25rem,3.5vw,1.75rem);font-weight:700}@media(max-width:768px){.contentInternal>h1{font-size:1.25rem}}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(87% 0 0);--chart-2:oklch(55.6% 0 0);--chart-3:oklch(43.9% 0 0);--chart-4:oklch(37.1% 0 0);--chart-5:oklch(26.9% 0 0);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-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:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@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))}}nav{padding-top:var(--spacing-md);display:grid;grid-template-areas:"span amburgesa" "option option" "logout logout";grid-template-rows:auto 1fr auto;height:100%}nav #hiddenMenu{grid-area:amburgesa;width:40px;height:40px;border:none;border-radius:var(--radius-md);cursor:pointer;display:grid;place-items:center;background:transparent;color:var(--sidebar-foreground);transition:background var(--transition-fast)}nav #hiddenMenu:hover{background:#ffffff1a}nav #hiddenMenu>svg{grid-area:1 / 1;width:22px;height:22px;transition:opacity var(--transition-normal),transform var(--transition-normal)}nav #hiddenMenu .iconBase{opacity:1;transform:rotate(0) scale(1)}nav #hiddenMenu .iconHover{opacity:0;transform:rotate(-90deg) scale(.6)}nav #hiddenMenu:hover .iconBase{opacity:0;transform:rotate(90deg) scale(.6)}nav #hiddenMenu:hover .iconHover{opacity:1;transform:rotate(0) scale(1)}nav #contextMenu{grid-area:option;margin-top:var(--spacing-xl);display:flex;flex-direction:column}nav #contextMenu>div{color:var(--sidebar-foreground);text-align:center;font-weight:600;font-size:1rem;line-height:1.75;margin-bottom:var(--spacing-md)}nav #contextMenu>nav>ul{display:flex;flex-direction:column;gap:var(--spacing-xs);list-style:none;margin:0;padding:0}nav #contextMenu>nav>ul li{display:block}nav #contextMenu .menuItem{width:100%;height:auto;justify-content:flex-start;gap:var(--spacing-sm);padding:.625rem .875rem;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:var(--sidebar-foreground);font-size:.875rem;background:transparent;transition:all var(--transition-fast)}nav #contextMenu .menuItem:hover{background:#ffffff1a;color:var(--sidebar-foreground);border-color:rgb(var(--colorBottonBorder));transform:translate(4px)}nav #contextMenu .menuItem>span{padding-left:.25rem}nav #contextMenu .btnClassActivity{background:var(--sidebar-accent);border-color:rgb(var(--colorBottonBorder))}nav #contextMenu .menuLogout{margin-top:var(--spacing-lg);padding:.75rem 1rem}nav #contextMenu .menuLogout:hover{background:#ef444433;border-color:#ef444480;transform:none}nav:has(.checkBox:checked) #contextMenu>div{display:none}nav:has(.checkBox:checked) #contextMenu .menuItem>span,nav:has(.checkBox:checked) #contextMenu .menuLogout>span{display:none}nav #formatMenu{display:none}@media(min-width:769px){nav:has(.checkBox:checked) #contextMenu .menuItem{justify-content:center}nav:has(.checkBox:checked) #contextMenu .menuItem>span{display:none}nav:has(.checkBox:checked) #contextMenu .menuItem:hover{transform:none}nav:has(.checkBox:checked) .menuLogout{justify-content:center}}@media(min-width:769px)and (max-width:1024px){nav #hiddenMenu{display:none}nav #contextMenu{margin-top:var(--spacing-md)}nav #contextMenu>div{display:none}nav #contextMenu .menuItem{justify-content:center;padding:.625rem}nav #contextMenu .menuItem>span{display:none}nav #contextMenu .menuItem:hover{transform:none}nav #contextMenu .menuLogout{justify-content:center}nav #contextMenu .menuLogout>span{display:none}}@media(max-width:768px){nav{grid-template-columns:1fr;width:100%}nav #hiddenMenu{display:none}nav #contextMenu{display:block;margin-top:var(--spacing-md)}nav #contextMenu>div{display:block;margin-bottom:var(--spacing-md)}nav #contextMenu>nav{display:block}nav #contextMenu>nav .menuItem{padding:.875rem 1rem}nav #contextMenu>nav .menuItem>span{display:block}nav #contextMenu>.menuLogout{width:100%;position:relative;margin-top:var(--spacing-xl)}nav #contextMenu>.menuLogout>span{display:block}}.menuTooltip{position:fixed;transform:translateY(-50%);background:var(--sidebar-foreground, #ffffff);color:rgb(var(--colorBotton));border:1px solid rgba(var(--colorBotton),.15);border-radius:var(--radius-md);padding:.35rem .75rem;font-size:.8rem;font-weight:500;white-space:nowrap;box-shadow:var(--shadow-md);z-index:1000;pointer-events:none;animation:fadeIn .12s ease}.containerAccountFamily{display:grid;grid-template-areas:"sidebar header" "sidebar content" "sidebar footer";grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;height:100vh;overflow:hidden;transition:grid-template-columns var(--transition-normal)}.containerAccountFamily .header{grid-area:header;background:var(--sidebar);padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;justify-content:center;color:var(--sidebar-foreground);font-weight:600;font-size:.95rem}.containerAccountFamily .header .mobile-menu-btn{display:none}.containerAccountFamily .sidebar{grid-area:sidebar;background:var(--sidebar);padding:var(--spacing-lg);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;transition:width var(--transition-normal),padding var(--transition-normal)}.containerAccountFamily .sidebar::-webkit-scrollbar{display:none}.containerAccountFamily .contenido{grid-area:content;color:#1e293b;background:#f8fafc;padding:var(--spacing-xl);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;animation:fadeIn .3s ease}.containerAccountFamily .footer{grid-area:footer;background:var(--sidebar);text-align:center;padding:var(--spacing-sm) var(--spacing-xl);color:color-mix(in oklch,var(--sidebar-foreground) 80%,transparent);font-size:.75rem}@media(max-width:1024px){.containerAccountFamily{grid-template-columns:60px 1fr}.containerAccountFamily .sidebar{padding:var(--spacing-sm)}.containerAccountFamily .contenido{padding:var(--spacing-lg)}}@media(max-width:768px){.containerAccountFamily{grid-template-areas:"header header" "content content" "footer footer";grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.containerAccountFamily .header{justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.containerAccountFamily .header .mobile-menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:36px;height:36px;border:none;border-radius:var(--radius-md);cursor:pointer;background:#ffffff1a}.containerAccountFamily .header .mobile-menu-btn>div{background-color:#fff;width:20px;height:2.5px;border-radius:2px;transition:all var(--transition-fast)}.containerAccountFamily .header .mobile-menu-btn:hover{background:#fff3}.containerAccountFamily .sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;height:100dvh;z-index:100;padding:var(--spacing-lg);box-shadow:var(--shadow-xl);transform:translate(-100%);transition:transform var(--transition-normal);overflow-y:hidden}.containerAccountFamily .sidebar-open{transform:translate(0)}.containerAccountFamily .contenido{padding:var(--spacing-md)}.containerAccountFamily .footer{padding:var(--spacing-xs) var(--spacing-md);font-size:.7rem}.containerAccountFamily .footer div{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}}.sidebar-overlay{display:none}@media(max-width:768px){.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:99;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.sidebar-overlay.visible{opacity:1;pointer-events:all}}.dashboard-page{@keyframes spin-dashboard{to{transform:rotate(360deg)}}}.dashboard-page .contentInternal{position:relative}.dashboard-page .dashboard-period{position:absolute;top:var(--spacing-xl);right:0;width:auto;min-width:170px;max-width:220px;cursor:pointer;z-index:1;background:#fff;border-color:#cbd5e1;box-shadow:var(--shadow-sm)}.dashboard-page .dashboard-period::-webkit-calendar-picker-indicator{cursor:pointer}.dashboard-page .dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:var(--spacing-md);color:#64748b}.dashboard-page .loading-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:rgb(var(--colorBottonBorder));border-radius:50%;animation:spin-dashboard .7s linear infinite}.dashboard-page .dashboard-empty{text-align:center;color:#94a3b8;padding:2rem}.dashboard-page .progress-section{margin-top:var(--spacing-2xl);background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:var(--spacing-xl);box-shadow:0 1px 3px #0000000d;animation:fadeInUp .4s ease}.dashboard-page .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.dashboard-page .progress-label{font-size:.85rem;font-weight:600;color:#334155}.dashboard-page .progress-percent{font-size:.85rem;font-weight:700;color:rgb(var(--colorBottonBorder))}.dashboard-page .progress-bar-track{width:100%;height:10px;background:#e2e8f0;border-radius:var(--radius-full);overflow:hidden}.dashboard-page .progress-bar-fill{height:100%;background:linear-gradient(90deg,rgb(var(--colorBottonBorder)),#22c55e);border-radius:var(--radius-full);transition:width 1s ease}.dashboard-page .progress-detail{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-sm)}.dashboard-page .progress-detail span{font-size:.75rem;color:#64748b}.dashboard-page .progress-action{font-size:.75rem;font-weight:600;color:rgb(var(--colorBottonBorder));background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.dashboard-page .progress-action:hover{background:#f1f5f9}.dashboard-page .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.dashboard-page .summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;gap:var(--spacing-md);box-shadow:0 1px 3px #0000000d;transition:box-shadow var(--transition-fast),transform var(--transition-fast);cursor:pointer}.dashboard-page .summary-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-3px)}.dashboard-page .summary-card:active{transform:translateY(0)}.dashboard-page .card-animate{animation:fadeInUp .4s ease backwards}.dashboard-page .card-animate:nth-child(1){animation-delay:.05s}.dashboard-page .card-animate:nth-child(2){animation-delay:.1s}.dashboard-page .card-animate:nth-child(3){animation-delay:.15s}.dashboard-page .card-animate:nth-child(4){animation-delay:.2s}.dashboard-page .card-animate:nth-child(5){animation-delay:.25s}.dashboard-page .card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);font-size:1.4rem;flex-shrink:0}.dashboard-page .icon-blue{background:#dbeafe;color:#1d4ed8}.dashboard-page .icon-green{background:#dcfce7;color:#16a34a}.dashboard-page .icon-orange{background:#ffedd5;color:#ea580c}.dashboard-page .icon-purple{background:#ede9fe;color:#7c3aed}.dashboard-page .icon-teal{background:#ccfbf1;color:#0d9488}.dashboard-page .card-content{display:flex;flex-direction:column;gap:2px;min-width:0}.dashboard-page .card-value{font-size:1.25rem;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-page .card-label{font-size:.75rem;color:#64748b;font-weight:500}.dashboard-page .dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.dashboard-page .charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.dashboard-page .dashboard-section{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-lg);padding:1.25rem;box-shadow:0 1px 3px #0000000d;animation:fadeInUp .4s ease backwards;animation-delay:.3s}.dashboard-page .section-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;padding-bottom:var(--spacing-sm);border-bottom:1px solid #f1f5f9;margin-bottom:var(--spacing-md);transition:color var(--transition-fast)}.dashboard-page .section-header:hover h2{color:rgb(var(--colorBottonBorder))}.dashboard-page .section-header h2{font-size:.95rem;font-weight:600;color:#1e293b;margin:0;transition:color var(--transition-fast)}.dashboard-page .section-toggle{font-size:1.3rem;color:#94a3b8;display:flex;align-items:center;transition:color var(--transition-fast)}.dashboard-page .full-width{margin-bottom:var(--spacing-xl)}.dashboard-page .no-data{color:#94a3b8;font-size:.85rem;text-align:center;padding:var(--spacing-md)}.dashboard-page .breakdown-list{display:flex;flex-direction:column;gap:var(--spacing-sm);animation:fadeIn .3s ease}.dashboard-page .breakdown-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-radius:var(--radius-md);background:#f8fafc;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast);border:2px solid transparent}.dashboard-page .breakdown-item:hover{background:#f1f5f9;transform:translate(4px)}.dashboard-page .breakdown-active{background:#ede9fe!important;border-color:#7c3aed!important}.dashboard-page .breakdown-active .breakdown-name{color:#7c3aed;font-weight:600}.dashboard-page .breakdown-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0;margin-right:var(--spacing-md)}.dashboard-page .breakdown-name{font-size:.85rem;font-weight:500;color:#334155}.dashboard-page .breakdown-count{font-size:.72rem;color:#94a3b8}.dashboard-page .breakdown-bar-track{width:100%;height:4px;background:#e2e8f0;border-radius:var(--radius-full);overflow:hidden;margin-top:2px}.dashboard-page .breakdown-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .8s ease}.dashboard-page .type-fill{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.dashboard-page .business-fill{background:linear-gradient(90deg,#0d9488,#5eead4)}.dashboard-page .breakdown-amount{font-size:.9rem;font-weight:600;color:#0f172a;white-space:nowrap}.dashboard-page .chart-filter-badge{font-size:.7rem;font-weight:500;color:#7c3aed;background:#ede9fe;padding:.15rem .5rem;border-radius:var(--radius-full);margin-left:var(--spacing-sm)}.dashboard-page .chart-filter-info{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;margin-bottom:var(--spacing-sm);background:#ede9fe;border-radius:var(--radius-md);font-size:.8rem;color:#5b21b6;animation:fadeIn .2s ease}.dashboard-page .chart-filter-clear{font-size:.75rem;font-weight:600;color:#7c3aed;background:#fff;border:1px solid #c4b5fd;cursor:pointer;padding:.2rem .6rem;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.dashboard-page .chart-filter-clear:hover{background:#f5f3ff}.dashboard-page .monthly-chart{display:flex;align-items:flex-end;justify-content:space-around;height:200px;gap:var(--spacing-sm);padding:var(--spacing-md) 0;animation:fadeIn .3s ease}.dashboard-page .chart-bar-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;flex:1;gap:var(--spacing-xs);cursor:pointer;transition:opacity var(--transition-fast)}.dashboard-page .chart-bar-container:hover .chart-bar{opacity:.8;transform:scaleX(1.1)}.dashboard-page .bar-selected .chart-bar{background:linear-gradient(180deg,#7c3aed,#a78bfa)!important;box-shadow:0 2px 8px #7c3aed4d}.dashboard-page .bar-selected .chart-label,.dashboard-page .bar-selected .chart-amount{color:#7c3aed;font-weight:700}.dashboard-page .chart-amount{font-size:.65rem;color:#64748b;font-weight:500;white-space:nowrap;transition:color var(--transition-fast)}.dashboard-page .chart-bar{width:100%;max-width:48px;background:linear-gradient(180deg,rgb(var(--colorBottonBorder)),rgba(var(--colorBottonBorder),.6));border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:height .5s ease,opacity var(--transition-fast),transform var(--transition-fast);min-height:4px}.dashboard-page .chart-label{font-size:.7rem;color:#64748b;font-weight:500;margin-top:var(--spacing-xs);transition:color var(--transition-fast)}.dashboard-page .chart-detail{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:.75rem;margin-top:var(--spacing-sm);background:#f8fafc;border-radius:var(--radius-md);border:1px solid #e2e8f0;animation:fadeIn .2s ease}.dashboard-page .chart-detail-label{font-size:.85rem;font-weight:600;color:#334155}.dashboard-page .chart-detail-amount{font-size:1rem;font-weight:700;color:#7c3aed}.dashboard-page .filtered-payments{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #e2e8f0;animation:fadeInUp .3s ease}.dashboard-page .filtered-payments h3{font-size:.85rem;font-weight:600;color:#5b21b6;margin-bottom:var(--spacing-sm)}.dashboard-page .filtered-payments-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dashboard-page .filtered-payment-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;border-radius:var(--radius-md);background:#f8fafc;border-left:3px solid #7c3aed;transition:background var(--transition-fast),transform var(--transition-fast)}.dashboard-page .filtered-payment-item:hover{background:#f5f3ff;transform:translate(3px)}.dashboard-page .fp-info{display:flex;flex-direction:column;gap:2px;min-width:0}.dashboard-page .fp-name{font-size:.82rem;font-weight:500;color:#334155}.dashboard-page .fp-date{font-size:.7rem;color:#94a3b8}.dashboard-page .fp-amount{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.dashboard-page .fp-amount span:first-child{font-size:.85rem;font-weight:600;color:#0f172a}.dashboard-page .fp-uf{font-size:.7rem;color:#94a3b8}.dashboard-page .pie-chart-section{display:flex;align-items:flex-start;gap:var(--spacing-xl);padding:var(--spacing-md) 0;animation:fadeIn .4s ease}.dashboard-page .pie-chart-container{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center}.dashboard-page .pie-chart{width:200px;height:200px;border-radius:50%;position:relative;transition:transform .3s ease;box-shadow:0 4px 12px #00000014;mask:radial-gradient(circle,transparent 54%,#000 55%);-webkit-mask:radial-gradient(circle,transparent 54%,#000 55%)}.dashboard-page .pie-chart:hover{transform:scale(1.03)}.dashboard-page .pie-chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:108px;height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none}.dashboard-page .pie-center-value{font-size:.95rem;font-weight:700;color:#0f172a;text-align:center;line-height:1.2;max-width:100px;overflow:hidden;text-overflow:ellipsis}.dashboard-page .pie-center-label{font-size:.65rem;color:#64748b;text-align:center;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-page .pie-legend{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0;max-height:320px;overflow-y:auto;padding-right:var(--spacing-xs)}.dashboard-page .pie-legend-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:.5rem .6rem;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.dashboard-page .pie-legend-item:hover{background:#f1f5f9;transform:translate(3px)}.dashboard-page .legend-active{background:#f5f3ff!important;transform:translate(3px)}.dashboard-page .legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.dashboard-page .legend-info{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.dashboard-page .legend-name{font-size:.8rem;font-weight:500;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-page .legend-detail{font-size:.68rem;color:#94a3b8}.dashboard-page .legend-amount{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.dashboard-page .legend-amount span:first-child{font-size:.82rem;font-weight:600;color:#0f172a;white-space:nowrap}.dashboard-page .legend-uf{font-size:.68rem;color:#94a3b8}.dashboard-page .recent-payments-table{width:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid #e2e8f0;animation:fadeIn .3s ease}.dashboard-page .rp-header,.dashboard-page .rp-row{display:grid;grid-template-columns:2.5fr 2fr 1.2fr 1.5fr}.dashboard-page .rp-header{background:#f1f5f9;font-weight:600;font-size:.8rem}.dashboard-page .rp-header .rp-cell{padding:.7rem .75rem;color:#0f172a}.dashboard-page .rp-row{border-top:1px solid #f1f5f9;transition:background var(--transition-fast),transform var(--transition-fast)}.dashboard-page .rp-row:hover{background:#f0fdf4;transform:translate(2px)}.dashboard-page .rp-row .rp-cell{padding:.6rem .75rem;font-size:.8rem;color:#334155;display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-page .rp-uf{font-size:.7rem;color:#94a3b8;margin-left:4px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.dashboard-page .summary-cards{grid-template-columns:repeat(2,1fr)}.dashboard-page .dashboard-grid,.dashboard-page .charts-grid{grid-template-columns:1fr}.dashboard-page .monthly-chart{height:160px}.dashboard-page .chart-amount{font-size:.6rem}.dashboard-page .rp-header,.dashboard-page .rp-row{grid-template-columns:2fr 1.5fr 1fr 1.2fr;font-size:.72rem}.dashboard-page .pie-chart-section{flex-direction:column;align-items:center}}@media(max-width:480px){.dashboard-page .summary-cards{grid-template-columns:1fr}.dashboard-page .summary-card{padding:1rem}.dashboard-page .card-value{font-size:1.1rem}.dashboard-page .rp-header,.dashboard-page .rp-row{grid-template-columns:2fr 1.5fr 1.5fr}.dashboard-page .rp-header .rp-cell:nth-child(4),.dashboard-page .rp-row .rp-cell:nth-child(4){display:none}.dashboard-page .monthly-chart{height:140px}}.fromRegisterAccount{background:#fff;border:1px solid #e2e8f0;margin:var(--spacing-2xl) auto 0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:min(90%,900px);color:#1e293b;padding:clamp(1.5rem,4vw,2.5rem);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);gap:var(--spacing-md);animation:fadeIn .3s ease}.fromRegisterAccount>div>div>input{width:100%}.fromRegisterAccount .field{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem)}.fromRegisterAccount .field input,.fromRegisterAccount .field [data-slot=select-trigger]{width:100%}.optionGroup{display:flex;flex-wrap:wrap;gap:var(--spacing-sm, .5rem);align-items:center;height:100%}.optionGroup>button{flex:1 1 auto}.botonera{width:100%;display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-xl);grid-column:1 / -1}.botonera>button{min-width:140px}@media(max-width:768px){.fromRegisterAccount{width:100%;grid-template-columns:1fr;padding:var(--spacing-xl);margin-top:var(--spacing-lg);border-radius:var(--radius-lg)}.botonera{flex-direction:column;padding-top:var(--spacing-lg)}.botonera>button{width:100%;min-width:unset;padding:.75rem}}.gridListRegisterAccount{width:100%;max-width:800px;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);max-height:320px;overflow-y:auto;overflow-x:hidden;background:#fff;border:1px solid #e2e8f0;margin-top:var(--spacing-lg);scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.gridListRegisterAccount::-webkit-scrollbar{width:4px}.gridListRegisterAccount::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-full)}.headerGridRegister,.bodyGridRegister{display:flex;background:#fff}.headerGridRegister{font-weight:600;font-size:.8rem;color:#0f172a;border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:sticky;top:0;z-index:1;background:#fff;border-bottom:2px solid #e2e8f0;padding:.75rem 0}.bodyGridRegister{border-top:1px solid #f1f5f9;padding:.5rem 0;transition:background var(--transition-fast);font-size:.85rem;color:#334155}.bodyGridRegister:hover{cursor:pointer;background:#ecfeff}.bodyGridRegister:nth-child(2n){background:#f8fafc}.bodyGridRegister:nth-child(2n):hover{background:#ecfeff}.headerGriditemRegister,.bodyGridItemRegister{width:100%;display:flex;justify-content:center;align-items:center;padding:0 var(--spacing-sm)}.headerGriditemRegister:not(:last-child),.bodyGridItemRegister:not(:last-child){border-right:1px solid #e2e8f0}.xCalendar{color:#dc2626;font-size:1.1rem}.checkCalendar{color:#16a34a;font-size:1.1rem}.status-pill{display:inline-block;padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:500}.pill-active{background:#dcfce7;color:#166534}.pill-inactive{background:#fee2e2;color:#991b1b}@media(max-width:640px){.gridListRegisterAccount{border-radius:var(--radius-md);max-height:250px}.headerGridRegister{font-size:.7rem;padding:.5rem 0}.bodyGridRegister{font-size:.75rem}.headerGriditemRegister,.bodyGridItemRegister{padding:0 var(--spacing-xs)}}.content{background:rgba(var(--background-end-rgb),.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.notData{display:flex;align-items:center;justify-content:center;height:8rem;color:rgb(var(--fontColorOption));font-size:.9rem;opacity:.7}.contentInternal{margin-top:var(--spacing-md);padding:0 var(--spacing-md);animation:fadeIn .3s ease;color:#1e293b}.contentInternal>h1{margin-top:var(--spacing-xl);text-align:center;color:#0f172a;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:-.025em;position:relative;padding-bottom:var(--spacing-sm)}.contentInternal>h1:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,rgb(var(--colorBottonBorder)),rgb(var(--color-green-valid-input)));border-radius:var(--radius-full)}.contentInternal .contentOption{background:#fff;border:1px solid #e2e8f0;margin:var(--spacing-2xl) auto 0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:stretch;width:min(90%,900px);justify-content:center;padding:clamp(1.5rem,4vw,3rem);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);gap:var(--spacing-lg)}.contentInternal .contentOption>.option{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;height:100%;padding:var(--spacing-xl) var(--spacing-lg);gap:var(--spacing-sm);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);cursor:pointer}.contentInternal .contentOption>.option>svg{width:2.5rem;height:2.5rem;color:rgb(var(--colorBottonBorder));transition:transform var(--transition-normal)}.contentInternal .contentOption>.option>h2{font-weight:600;font-size:1rem;color:#1e293b;text-align:center;margin:0}.contentInternal .contentOption>.option>span{width:40px;height:2px;background:#cbd5e1;border:none;flex-shrink:0}.contentInternal .contentOption>.option>label{text-align:center;font-size:.8rem;color:#475569;line-height:1.5;cursor:pointer;flex:1}.contentInternal .contentOption>.option:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:rgba(var(--colorBottonBorder),.4)}.contentInternal .contentOption>.option:hover>svg{transform:scale(1.1)}.contentInternal .contentOption>.option:active{transform:translateY(-2px)}@media(max-width:1024px){.contentInternal .contentOption{width:95%;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:640px){.contentInternal .contentOption{width:100%;padding:var(--spacing-lg);margin-top:var(--spacing-lg);border-radius:var(--radius-lg);grid-template-columns:1fr;gap:var(--spacing-md)}.contentInternal .contentOption>.option{flex-direction:row;padding:var(--spacing-md);gap:var(--spacing-md);text-align:left}.contentInternal .contentOption>.option>svg{width:2rem;height:2rem;flex-shrink:0}.contentInternal .contentOption>.option>h2{text-align:left;font-size:.9rem}.contentInternal .contentOption>.option>span{display:none}.contentInternal .contentOption>.option>label{text-align:left;font-size:.75rem}}.contentInternal{justify-content:center}.contentInternal .fromDataUser{background:#fff;border:1px solid #e2e8f0;margin:var(--spacing-2xl) auto 0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:min(90%,800px);justify-content:center;padding:clamp(1.5rem,4vw,2.5rem);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);gap:var(--spacing-md);animation:fadeIn .3s ease}.contentInternal .fromDataUser .botonera{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-md);grid-column:1 / -1}.contentInternal .fromDataUser .botonera>button{min-width:140px}@media(max-width:1024px){.contentInternal .fromDataUser{width:95%;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:640px){.contentInternal .fromDataUser{width:100%;grid-template-columns:1fr;padding:var(--spacing-xl);margin-top:var(--spacing-lg);border-radius:var(--radius-lg)}.contentInternal .fromDataUser .radioGroup{margin-top:var(--spacing-md)}.contentInternal .fromDataUser .botonera{flex-direction:column;padding:var(--spacing-lg) 0 0 0}.contentInternal .fromDataUser .botonera>button{width:100%;min-width:unset;padding:.75rem}}#ErrorMsj{position:fixed;top:var(--spacing-lg);left:50%;transform:translate(-50%);z-index:1000;border:1px solid #fca5a5;background:#fef2f2;width:min(90vw,400px);padding:.875rem 1.25rem;align-items:center;justify-content:space-between;gap:var(--spacing-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:none;color:#dc2626;font-size:.875rem}#ErrorMsj.showing{display:flex;animation:slideUp .3s ease}#ErrorMsj.hidenMsj{display:none}.fromDataFamily{background:#fff;border:1px solid #e2e8f0;margin:var(--spacing-lg) auto 0 auto;display:flex;width:min(90%,800px);flex-direction:column;align-items:stretch;color:#1e293b;padding:clamp(1.5rem,4vw,2.5rem);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);gap:var(--spacing-md);animation:fadeIn .3s ease}.fromDataFamily>.field{width:100%;align-items:stretch;text-align:left}.fromDataFamily .divListFamily{width:100%;margin-top:var(--spacing-md);background:#f8fafc;border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid #e2e8f0}.fromDataFamily .divListFamily .titleDivListFamily{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);border-bottom:2px dashed #cbd5e1;padding-bottom:var(--spacing-md)}.fromDataFamily .divListFamily .titleDivListFamily h2{font-weight:700;font-size:1.1rem;color:#0f172a}.fromDataFamily .divListFamily ul{padding-top:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.fromDataFamily .divListFamily ul .itemMemberFamily{display:flex;align-items:center;padding:.625rem var(--spacing-md);border-radius:var(--radius-md);transition:background var(--transition-fast)}.fromDataFamily .divListFamily ul .itemMemberFamily:hover{background:#f1f5f9}.fromDataFamily .divListFamily ul .itemMemberFamily .memberStatusIcon{width:1.1rem;height:1.1rem;flex-shrink:0;margin:0 var(--spacing-sm)}.fromDataFamily .divListFamily ul .itemMemberFamily .memberStatusIcon.active{color:rgb(var(--color-green-valid-input))}.fromDataFamily .divListFamily ul .itemMemberFamily .memberStatusIcon.inactive{color:rgb(var(--color-red-error-input))}.fromDataFamily .divListFamily ul .itemMemberFamily>label{flex:1;text-align:left;font-size:.9rem;color:#334155}.fromDataFamily .divListFamily ul .itemMemberFamily>span{width:1px;height:1.5rem;background:#cbd5e1;margin:0 var(--spacing-sm)}.fromDataFamily .divListFamily ul .skeletonLoading:after,.fromDataFamily .divListFamily ul .skeletonLoading:before{content:"";display:block;height:20px;width:80%;border-radius:var(--radius-sm);animation:loader 1.5s ease infinite alternate;margin-bottom:var(--spacing-xs)}@media(max-width:768px){.fromDataFamily{width:100%;flex-direction:column;padding:var(--spacing-xl);border-radius:var(--radius-lg)}.fromDataFamily .divListFamily{padding:var(--spacing-md)}.fromDataFamily .divListFamily ul .skeletonLoading:after,.fromDataFamily .divListFamily ul .skeletonLoading:before{width:100%}.fromDataFamily .botonera{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-lg);width:100%}.fromDataFamily .botonera>button{width:100%;padding:.75rem;margin:0!important}}@keyframes loaderFamily{0%{background:#fef3c7}to{background:#fde68a}}.modalAddMember{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:1000;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease;padding:var(--spacing-md)}.modalAddMember .addEditMemberComponent{position:relative;width:min(100%,480px);max-height:85vh;background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid #e2e8f0;overflow-y:auto;padding:var(--spacing-2xl) var(--spacing-xl) var(--spacing-xl);animation:scaleIn .25s ease;color:#1e293b}.modalAddMember .addEditMemberComponent .closeModal{position:absolute;top:var(--spacing-md);right:var(--spacing-md);border-radius:50%;z-index:1}.modalAddMember .addEditMemberComponent h1{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:var(--spacing-md)}.modalAddMember .addEditMemberComponent .botonera{display:flex;flex-direction:row;gap:var(--spacing-sm);padding-top:var(--spacing-xl);width:100%}.modalAddMember .addEditMemberComponent .botonera>button{flex:1}.modalAddMember .addEditMemberComponent .statusType{margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.modalAddMember .addEditMemberComponent .statusType .labelstatus{font-size:.8rem;color:rgb(var(--color-green-valid-input))}.modalAddMember .addEditMemberComponent .statusType .status-wrapper{display:inline-block;width:56px;height:30px;position:relative;margin-top:4px}.modalAddMember .addEditMemberComponent .statusType .status-wrapper #radioStatusMember{display:none}.modalAddMember .addEditMemberComponent .statusType .status-wrapper .btnStatus{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;border-radius:var(--radius-full);background:#94a3b8;transition:background var(--transition-fast);cursor:pointer}.modalAddMember .addEditMemberComponent .statusType .status-wrapper .btnStatus:before{content:"";width:22px;height:22px;position:absolute;left:4px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:left var(--transition-fast)}.modalAddMember .addEditMemberComponent .statusType .status-wrapper input:checked+.btnStatus{background:#22c55e}.modalAddMember .addEditMemberComponent .statusType .status-wrapper input:checked+.btnStatus:before{left:30px}@media(max-width:640px){.modalAddMember{align-items:flex-end;padding:0}.modalAddMember .addEditMemberComponent{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90vh;animation:slideUp .3s ease}.modalAddMember .addEditMemberComponent .botonera{flex-direction:column}.modalAddMember .addEditMemberComponent .botonera button{width:100%}}.account-page .fromDataTypeAccount{background:#fff;border:1px solid #e2e8f0;margin:var(--spacing-xl) auto 0 auto;width:100%;max-width:100%;color:#1e293b;padding:clamp(1rem,3vw,1.5rem);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:fadeIn .3s ease;overflow-x:hidden}.account-page .fromDataTypeAccount .addBtnStyle{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.account-page .fromDataTypeAccount .addBtnStyle button{font-size:.85rem}.account-page .fromDataTypeAccount .filters-row{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.account-page .fromDataTypeAccount .filter-input,.account-page .fromDataTypeAccount .filter-select{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:var(--radius-md);font-size:.8rem;color:#334155;background:#f8fafc;transition:border-color var(--transition-fast)}.account-page .fromDataTypeAccount .filter-input:focus,.account-page .fromDataTypeAccount .filter-select:focus{outline:none;border-color:rgb(var(--colorBottonBorder));background:#fff}.account-page .fromDataTypeAccount .filter-input::placeholder,.account-page .fromDataTypeAccount .filter-select::placeholder{color:#94a3b8}.account-page .fromDataTypeAccount .grid{width:100%;border-radius:var(--radius-lg);overflow:hidden;border:1px solid #e2e8f0}.account-page .fromDataTypeAccount .grid .headerGrid,.account-page .fromDataTypeAccount .grid .contentGrid{display:grid;grid-template-columns:35px 3fr 2fr 2fr 2fr 80px}.account-page .fromDataTypeAccount .grid .headerGrid{background:#f1f5f9;font-weight:600;font-size:.85rem}.account-page .fromDataTypeAccount .grid .headerGrid .itemGridHeader{width:100%;text-align:center;padding:.75rem var(--spacing-sm);color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-page .fromDataTypeAccount .grid .contentGrid{width:100%;transition:background var(--transition-fast)}.account-page .fromDataTypeAccount .grid .contentGrid .itemGridBody{cursor:pointer;padding:.625rem var(--spacing-sm);display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-page .fromDataTypeAccount .grid .contentGrid:nth-child(2n){background:#f8fafc}.account-page .fromDataTypeAccount .grid .contentGrid:nth-child(odd){background:#fff}.account-page .fromDataTypeAccount .grid .contentGrid:hover{background:#ecfeff}.account-page .fromDataTypeAccount .grid .contentGridLoader:after,.account-page .fromDataTypeAccount .grid .contentGridLoader:before{display:none}.account-page .fromDataTypeAccount .grid .contentGridLoader .skeleton-line{display:block;height:14px;width:80%;margin:0 auto;border-radius:var(--radius-sm);background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer-account 1.5s ease infinite}.account-page .fromDataTypeAccount .grid .contentGridLoader:nth-child(odd) .skeleton-line{width:60%}.account-page .fromDataTypeAccount .grid .contentGridLoader:nth-child(2n) .skeleton-line{width:75%}.account-page .fromDataTypeAccount .pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-sm) 0}.account-page .fromDataTypeAccount .pagination-btn{padding:.5rem 1rem;font-size:.8rem;font-weight:500;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.account-page .fromDataTypeAccount .pagination-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.account-page .fromDataTypeAccount .pagination-btn:disabled{opacity:.4;cursor:not-allowed}.account-page .fromDataTypeAccount .pagination-info{font-size:.85rem;color:#64748b;font-weight:500}.account-page .status-badge{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;text-align:center}.account-page .status-active{background:#dcfce7;color:#166534}.account-page .status-inactive{background:#fee2e2;color:#991b1b}.account-page .modalView{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn .2s ease}.account-page .modalView .contentModal{background:#fff;width:min(100%,480px);max-height:95vh;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid #e2e8f0;overflow-y:auto;scrollbar-width:none;padding:var(--spacing-lg) var(--spacing-xl);animation:scaleIn .25s ease;color:#1e293b}.account-page .modalView .contentModal::-webkit-scrollbar{display:none}.account-page .modalView .contentModal .btn-Closed-x{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-md)}.account-page .modalView .contentModal .btn-Closed-x>svg{font-size:1.5rem;cursor:pointer;color:#64748b;padding:var(--spacing-xs);border-radius:50%;transition:all var(--transition-fast)}.account-page .modalView .contentModal .btn-Closed-x>svg:hover{color:#dc2626;background:#fef2f2}.account-page .modalView .contentModal .title{text-align:center;font-weight:700;font-size:1.15rem;color:#0f172a;margin-bottom:var(--spacing-md)}.account-page .modalView .contentModal .modal-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.8rem;margin-bottom:var(--spacing-md);text-align:center}.account-page .modalView .contentModal .inputFrom{display:grid;grid-template-columns:1fr;gap:0}.account-page .modalView .contentModal .inputFrom .installment-row{display:flex;gap:var(--spacing-md)}.account-page .modalView .contentModal .inputFrom .installment-row .field{flex:1;min-width:0}.account-page .modalView .contentModal .statusType{margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.account-page .modalView .contentModal .statusType .labelstatus{font-size:.8rem;color:rgb(var(--color-green-valid-input))}.account-page .modalView .contentModal .statusType .status-wrapper{display:inline-block;width:56px;height:30px;position:relative;margin-top:4px}.account-page .modalView .contentModal .statusType .status-wrapper #radioStatusTrue{display:none}.account-page .modalView .contentModal .statusType .status-wrapper .btnStatus{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;border-radius:var(--radius-full);background:#94a3b8;transition:background var(--transition-fast);cursor:pointer}.account-page .modalView .contentModal .statusType .status-wrapper .btnStatus:before{content:"";width:22px;height:22px;position:absolute;left:4px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:left var(--transition-fast)}.account-page .modalView .contentModal .statusType .status-wrapper input:checked+.btnStatus{background:#22c55e}.account-page .modalView .contentModal .statusType .status-wrapper input:checked+.btnStatus:before{left:30px}.account-page .modalView .contentModal .btnDiv{display:flex;flex-direction:row;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.account-page .modalView .contentModal .btnDiv>button{flex:1;padding:.75rem}@keyframes shimmer-account{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:640px){.account-page .fromDataTypeAccount{margin-top:var(--spacing-lg);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.account-page .modalView .contentModal .btnDiv{flex-direction:column}.account-page .modalView .contentModal .btnDiv>button{width:100%}.account-page .modalView .contentModal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:fixed;bottom:0;left:0;right:0;width:100%;max-height:90vh;animation:slideUp .3s ease}}@media(max-width:768px){.account-page .fromDataTypeAccount .filters-row{flex-direction:column}.account-page .fromDataTypeAccount .grid .headerGrid,.account-page .fromDataTypeAccount .grid .contentGrid{grid-template-columns:30px 1.5fr 1.5fr 1fr 1fr 70px;font-size:.75rem}.account-page .fromDataTypeAccount .grid .headerGrid .itemGridHeader,.account-page .fromDataTypeAccount .grid .contentGrid .itemGridBody{padding:.5rem .25rem;font-size:.75rem}}@media(max-width:480px){.account-page .fromDataTypeAccount .grid .headerGrid,.account-page .fromDataTypeAccount .grid .contentGrid{grid-template-columns:25px 1fr 1fr 1fr 60px}.account-page .fromDataTypeAccount .grid .headerGrid .itemGridHeader:nth-child(4),.account-page .fromDataTypeAccount .grid .contentGrid .itemGridBody:nth-child(4){display:none}.account-page .fromDataTypeAccount .grid .headerGrid .itemGridHeader,.account-page .fromDataTypeAccount .grid .contentGrid .itemGridBody{font-size:.7rem;padding:.4rem .15rem}.account-page .fromDataTypeAccount .grid .status-badge{font-size:.65rem;padding:.15rem .4rem}}.payforbook-page .contentInternal{position:relative}.payforbook-page .periodInput{position:absolute;top:var(--spacing-xl);right:0;width:auto;min-width:170px;max-width:220px;cursor:pointer;background:#fff;border-color:#cbd5e1;box-shadow:var(--shadow-sm)}.payforbook-page .periodInput::-webkit-calendar-picker-indicator{cursor:pointer}.payforbook-page .fromDataTypeAccount{background:#fff;border:1px solid #e2e8f0;margin:var(--spacing-xl) auto 0 auto;width:100%;max-width:100%;color:#1e293b;padding:clamp(1rem,3vw,1.5rem);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:fadeIn .3s ease;overflow-x:hidden}.payforbook-page .fromDataTypeAccount .addBtnStyle{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.payforbook-page .fromDataTypeAccount .addBtnStyle button{font-size:.85rem}.payforbook-page .fromDataTypeAccount .period-label{font-size:.9rem;font-weight:600;color:#475569;text-transform:capitalize}.payforbook-page .fromDataTypeAccount .filters-row{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.payforbook-page .fromDataTypeAccount .filter-input,.payforbook-page .fromDataTypeAccount .filter-select{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:var(--radius-md);font-size:.8rem;color:#334155;background:#f8fafc;transition:border-color var(--transition-fast)}.payforbook-page .fromDataTypeAccount .filter-input:focus,.payforbook-page .fromDataTypeAccount .filter-select:focus{outline:none;border-color:rgb(var(--colorBottonBorder));background:#fff}.payforbook-page .fromDataTypeAccount .filter-input::placeholder,.payforbook-page .fromDataTypeAccount .filter-select::placeholder{color:#94a3b8}.payforbook-page .fromDataTypeAccount .grid{width:100%;border-radius:var(--radius-lg);overflow:hidden;border:1px solid #e2e8f0}.payforbook-page .fromDataTypeAccount .grid .headerGrid,.payforbook-page .fromDataTypeAccount .grid .contentGrid{display:grid;grid-template-columns:35px 2.5fr 2fr 2fr 2fr 1.5fr 90px}.payforbook-page .fromDataTypeAccount .grid .headerGrid{background:#f1f5f9;font-weight:600;font-size:.85rem}.payforbook-page .fromDataTypeAccount .grid .headerGrid .itemGridHeader{width:100%;text-align:center;padding:.75rem var(--spacing-sm);color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payforbook-page .fromDataTypeAccount .grid .contentGrid{width:100%;transition:background var(--transition-fast)}.payforbook-page .fromDataTypeAccount .grid .contentGrid .itemGridBody{cursor:default;padding:.625rem var(--spacing-sm);display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payforbook-page .fromDataTypeAccount .grid .contentGrid .editable-amount-input{width:100%;max-width:90px;padding:.25rem .4rem;border:1px solid #cbd5e1;border-radius:var(--radius-md);font-size:.8rem;color:#334155;background:#fff;text-align:right;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-moz-appearance:textfield}.payforbook-page .fromDataTypeAccount .grid .contentGrid .editable-amount-input:focus{outline:none;border-color:rgb(var(--colorBottonBorder));box-shadow:0 0 0 2px rgba(var(--colorBottonBorder),.15)}.payforbook-page .fromDataTypeAccount .grid .contentGrid .editable-amount-input::-webkit-outer-spin-button,.payforbook-page .fromDataTypeAccount .grid .contentGrid .editable-amount-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.payforbook-page .fromDataTypeAccount .grid .contentGrid .inline-edit-amount{display:flex;align-items:center;gap:4px;width:100%;justify-content:center}.payforbook-page .fromDataTypeAccount .grid .contentGrid .btn-inline-confirm,.payforbook-page .fromDataTypeAccount .grid .contentGrid .btn-inline-cancel{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:.9rem;border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.payforbook-page .fromDataTypeAccount .grid .contentGrid .btn-inline-confirm{background:#dcfce7;color:#166534}.payforbook-page .fromDataTypeAccount .grid .contentGrid .btn-inline-confirm:hover{background:#22c55e;color:#fff}.payforbook-page .fromDataTypeAccount .grid .contentGrid .btn-inline-cancel{background:#fee2e2;color:#991b1b}.payforbook-page .fromDataTypeAccount .grid .contentGrid .btn-inline-cancel:hover{background:#ef4444;color:#fff}.payforbook-page .fromDataTypeAccount .grid .contentGrid .amount-display{display:flex;align-items:center;gap:6px;justify-content:center}.payforbook-page .fromDataTypeAccount .grid .contentGrid .btn-edit-amount{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;font-size:.85rem;border:1px solid #e2e8f0;border-radius:50%;cursor:pointer;background:#f8fafc;color:#64748b;transition:all var(--transition-fast);flex-shrink:0}.payforbook-page .fromDataTypeAccount .grid .contentGrid .btn-edit-amount:hover{background:#e0f2fe;color:#0284c7;border-color:#7dd3fc}.payforbook-page .fromDataTypeAccount .grid .contentGrid:nth-child(2n){background:#f8fafc}.payforbook-page .fromDataTypeAccount .grid .contentGrid:nth-child(odd){background:#fff}.payforbook-page .fromDataTypeAccount .grid .contentGrid:hover{background:#ecfeff}.payforbook-page .fromDataTypeAccount .grid .contentGridLoader:after,.payforbook-page .fromDataTypeAccount .grid .contentGridLoader:before{display:none}.payforbook-page .fromDataTypeAccount .grid .contentGridLoader .skeleton-line{display:block;height:14px;width:80%;margin:0 auto;border-radius:var(--radius-sm);background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer-payforbook 1.5s ease infinite}.payforbook-page .fromDataTypeAccount .grid .contentGridLoader:nth-child(odd) .skeleton-line{width:60%}.payforbook-page .fromDataTypeAccount .grid .contentGridLoader:nth-child(2n) .skeleton-line{width:75%}.payforbook-page .fromDataTypeAccount .pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-sm) 0}.payforbook-page .fromDataTypeAccount .pagination-btn{padding:.5rem 1rem;font-size:.8rem;font-weight:500;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.payforbook-page .fromDataTypeAccount .pagination-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.payforbook-page .fromDataTypeAccount .pagination-btn:disabled{opacity:.4;cursor:not-allowed}.payforbook-page .fromDataTypeAccount .pagination-info{font-size:.85rem;color:#64748b;font-weight:500}.payforbook-page .status-badge{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;text-align:center}.payforbook-page .status-active{background:#dcfce7;color:#166534}.payforbook-page .status-inactive{background:#fee2e2;color:#991b1b}.payforbook-page .btn-pay{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1.15rem;border:1px solid #e2e8f0;border-radius:50%;cursor:pointer;background:#f0fdf4;color:#166534;transition:all var(--transition-fast)}.payforbook-page .btn-pay:hover{background:#22c55e;color:#fff;border-color:#22c55e;transform:scale(1.1)}.payforbook-page .btn-paid{background:#dcfce7;color:#166534;border-color:#86efac}.payforbook-page .btn-paid:hover{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.payforbook-page .row-paid{opacity:.6}.payforbook-page .row-paid .itemGridBody{text-decoration:line-through;color:#94a3b8}.payforbook-page .row-paid .itemGridBody:last-child{text-decoration:none}@keyframes shimmer-payforbook{0%{background-position:200% 0}to{background-position:-200% 0}}.payforbook-page .fromDataTypeAccount .payment-result-message{padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;margin-bottom:var(--spacing-md);animation:slideDown .3s ease}.payforbook-page .fromDataTypeAccount .payment-result-message.success{background:#dcfce7;color:#166534;border:1px solid #86efac}.payforbook-page .fromDataTypeAccount .payment-result-message.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.btn-pay-loading{display:inline-block;width:14px;height:14px;border:2px solid #86efac;border-top-color:#166534;border-radius:50%;animation:spin-pay .6s linear infinite}@keyframes spin-pay{to{transform:rotate(360deg)}}.btn-pay:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media(max-width:768px){.payforbook-page .fromDataTypeAccount{padding:var(--spacing-md);border-radius:var(--radius-lg)}.payforbook-page .fromDataTypeAccount .addBtnStyle{flex-direction:column;align-items:stretch}.payforbook-page .fromDataTypeAccount .addBtnStyle .period-label{text-align:center}.payforbook-page .fromDataTypeAccount .addBtnStyle button{width:100%}.payforbook-page .fromDataTypeAccount .filters-row{flex-direction:column}.payforbook-page .fromDataTypeAccount .grid{overflow-x:auto;-webkit-overflow-scrolling:touch}.payforbook-page .fromDataTypeAccount .grid .headerGrid,.payforbook-page .fromDataTypeAccount .grid .contentGrid{grid-template-columns:30px 2fr 1.5fr 1fr 70px;min-width:0}.payforbook-page .fromDataTypeAccount .grid .headerGrid .itemGridHeader:nth-child(4),.payforbook-page .fromDataTypeAccount .grid .contentGrid .itemGridBody:nth-child(4),.payforbook-page .fromDataTypeAccount .grid .headerGrid .itemGridHeader:nth-child(5),.payforbook-page .fromDataTypeAccount .grid .contentGrid .itemGridBody:nth-child(5){display:none}.payforbook-page .fromDataTypeAccount .grid .headerGrid .itemGridHeader,.payforbook-page .fromDataTypeAccount .grid .contentGrid .itemGridBody{padding:.5rem .25rem;font-size:.75rem}.payforbook-page .fromDataTypeAccount .pagination{flex-wrap:wrap}}@media(max-width:480px){.payforbook-page .fromDataTypeAccount{padding:var(--spacing-sm)}.payforbook-page .fromDataTypeAccount .grid .headerGrid,.payforbook-page .fromDataTypeAccount .grid .contentGrid{grid-template-columns:25px 1.5fr 1fr 60px}.payforbook-page .fromDataTypeAccount .grid .headerGrid .itemGridHeader:nth-child(3),.payforbook-page .fromDataTypeAccount .grid .contentGrid .itemGridBody:nth-child(3),.payforbook-page .fromDataTypeAccount .grid .headerGrid .itemGridHeader:nth-child(4),.payforbook-page .fromDataTypeAccount .grid .contentGrid .itemGridBody:nth-child(4),.payforbook-page .fromDataTypeAccount .grid .headerGrid .itemGridHeader:nth-child(5),.payforbook-page .fromDataTypeAccount .grid .contentGrid .itemGridBody:nth-child(5){display:none}.payforbook-page .fromDataTypeAccount .grid .headerGrid .itemGridHeader,.payforbook-page .fromDataTypeAccount .grid .contentGrid .itemGridBody{font-size:.7rem;padding:.4rem .15rem}}.loginTitle{text-align:center;font-weight:700;font-size:1.25rem;line-height:1.75rem;padding:1rem 4rem}.loginField{display:flex;flex-direction:column;gap:.375rem}.loginForm{display:flex;flex-direction:column;gap:var(--spacing-md)}.loginError{color:#dc2626;font-size:.75rem}#loginFrom{width:clamp(18rem,90vw,24rem);background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid #e2e8f0;display:grid;gap:var(--spacing-md);animation:scaleIn .3s ease;color:#1e293b}#loginFrom#loginFrom #errorLogin{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;padding:.75rem 1rem;text-align:center;position:fixed;top:var(--spacing-lg);left:50%;transform:translate(-50%);border-radius:var(--radius-md);font-size:.875rem;box-shadow:var(--shadow-md);animation:slideUp .3s ease;min-width:280px}@media(max-width:480px){#loginFrom{width:92vw;padding:var(--spacing-xl);border-radius:var(--radius-lg)}}@media(max-height:600px){#loginFrom{position:relative;top:auto;left:auto;transform:none;margin:var(--spacing-xl) auto}}.business-account-page .fromDataTypeAccount{background:#fff;border:1px solid #e2e8f0;margin:var(--spacing-xl) auto 0 auto;width:100%;max-width:100%;color:#1e293b;padding:clamp(1rem,3vw,1.5rem);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);animation:fadeIn .3s ease;overflow-x:hidden}.business-account-page .fromDataTypeAccount .addBtnStyle{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.business-account-page .fromDataTypeAccount .addBtnStyle button{font-size:.85rem}.business-account-page .fromDataTypeAccount .filters-row{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.business-account-page .fromDataTypeAccount .filter-input,.business-account-page .fromDataTypeAccount .filter-select{flex:1;min-width:0;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:var(--radius-md);font-size:.8rem;color:#334155;background:#f8fafc;transition:border-color var(--transition-fast)}.business-account-page .fromDataTypeAccount .filter-input:focus,.business-account-page .fromDataTypeAccount .filter-select:focus{outline:none;border-color:rgb(var(--colorBottonBorder));background:#fff}.business-account-page .fromDataTypeAccount .filter-input::placeholder,.business-account-page .fromDataTypeAccount .filter-select::placeholder{color:#94a3b8}.business-account-page .fromDataTypeAccount .grid{width:100%;border-radius:var(--radius-lg);overflow:hidden;border:1px solid #e2e8f0}.business-account-page .fromDataTypeAccount .grid .headerGrid,.business-account-page .fromDataTypeAccount .grid .contentGrid{display:grid;grid-template-columns:35px 3fr 2fr 80px}.business-account-page .fromDataTypeAccount .grid .headerGrid{background:#f1f5f9;font-weight:600;font-size:.85rem}.business-account-page .fromDataTypeAccount .grid .headerGrid .itemGridHeader{width:100%;text-align:center;padding:.75rem var(--spacing-sm);color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.business-account-page .fromDataTypeAccount .grid .contentGrid{width:100%;transition:background var(--transition-fast)}.business-account-page .fromDataTypeAccount .grid .contentGrid .itemGridBody{cursor:pointer;padding:.625rem var(--spacing-sm);display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#334155}.business-account-page .fromDataTypeAccount .grid .contentGrid:nth-child(2n){background:#f8fafc}.business-account-page .fromDataTypeAccount .grid .contentGrid:nth-child(odd){background:#fff}.business-account-page .fromDataTypeAccount .grid .contentGrid:hover{background:#ecfeff}.business-account-page .fromDataTypeAccount .grid .contentGridLoader:after,.business-account-page .fromDataTypeAccount .grid .contentGridLoader:before{display:none}.business-account-page .fromDataTypeAccount .grid .contentGridLoader .skeleton-line{display:block;height:14px;width:80%;margin:0 auto;border-radius:var(--radius-sm);background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200% 100%;animation:shimmer-business 1.5s ease infinite}.business-account-page .fromDataTypeAccount .grid .contentGridLoader:nth-child(odd) .skeleton-line{width:60%}.business-account-page .fromDataTypeAccount .grid .contentGridLoader:nth-child(2n) .skeleton-line{width:75%}.business-account-page .fromDataTypeAccount .pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-md);padding:var(--spacing-sm) 0}.business-account-page .fromDataTypeAccount .pagination-btn{padding:.5rem 1rem;font-size:.8rem;font-weight:500;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.business-account-page .fromDataTypeAccount .pagination-btn:hover:not(:disabled){background:#e2e8f0;color:#1e293b}.business-account-page .fromDataTypeAccount .pagination-btn:disabled{opacity:.4;cursor:not-allowed}.business-account-page .fromDataTypeAccount .pagination-info{font-size:.85rem;color:#64748b;font-weight:500}.business-account-page .error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.8rem;margin-bottom:var(--spacing-md)}.business-account-page .status-badge{display:inline-block;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:500;text-align:center}.business-account-page .status-active{background:#dcfce7;color:#166534}.business-account-page .status-inactive{background:#fee2e2;color:#991b1b}.business-account-page .types-cell{flex-wrap:wrap;gap:4px}.business-account-page .type-tag{display:inline-block;padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:500;background:#e0f2fe;color:#0369a1}.business-account-page .modalView{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn .2s ease}.business-account-page .modalView .contentModal{position:relative;background:#fff;width:min(100%,480px);max-height:95vh;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid #e2e8f0;overflow-y:auto;scrollbar-width:none;padding:var(--spacing-lg) var(--spacing-xl);animation:scaleIn .25s ease;color:#1e293b}.business-account-page .modalView .contentModal::-webkit-scrollbar{display:none}.business-account-page .modalView .contentModal .btn-Closed-x{position:absolute;top:var(--spacing-md);right:var(--spacing-md);border-radius:50%;z-index:1}.business-account-page .modalView .contentModal .title{text-align:center;font-weight:700;font-size:1.15rem;color:#0f172a;margin-bottom:var(--spacing-md)}.business-account-page .modalView .contentModal .inputFrom{display:flex;flex-direction:column;gap:var(--spacing-md)}.business-account-page .modalView .contentModal .inputFrom .statusType{margin-top:var(--spacing-md);display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.business-account-page .modalView .contentModal .inputFrom .statusType .labelstatus{font-size:.8rem;color:rgb(var(--color-green-valid-input))}.business-account-page .modalView .contentModal .inputFrom .statusType .status-wrapper{display:inline-block;width:56px;height:30px;position:relative;margin-top:4px}.business-account-page .modalView .contentModal .inputFrom .statusType .status-wrapper #radioStatusTrue{display:none}.business-account-page .modalView .contentModal .inputFrom .statusType .status-wrapper .btnStatus{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;border-radius:var(--radius-full);background:#94a3b8;transition:background var(--transition-fast);cursor:pointer}.business-account-page .modalView .contentModal .inputFrom .statusType .status-wrapper .btnStatus:before{content:"";width:22px;height:22px;position:absolute;left:4px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:left var(--transition-fast)}.business-account-page .modalView .contentModal .inputFrom .statusType .status-wrapper input:checked+.btnStatus{background:#22c55e}.business-account-page .modalView .contentModal .inputFrom .statusType .status-wrapper input:checked+.btnStatus:before{left:30px}.business-account-page .modalView .contentModal .contentBtnModal{display:flex;flex-direction:row;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.business-account-page .modalView .contentModal .contentBtnModal>button{flex:1;padding:.75rem}.business-account-page .selected-types{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--spacing-sm)}.business-account-page .type-chip{display:inline-flex;align-items:center;gap:4px;padding:.3rem .6rem;border-radius:var(--radius-full);font-size:.78rem;font-weight:500;background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;animation:fadeIn .2s ease}.business-account-page .chip-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;color:#0369a1;font-size:1rem;line-height:1;cursor:pointer;border-radius:50%;padding:0;transition:all var(--transition-fast)}.business-account-page .chip-remove:hover{background:#0369a1;color:#fff}@keyframes shimmer-business{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:640px){.business-account-page .modalView .contentModal .contentBtnModal{flex-direction:column}.business-account-page .modalView .contentModal .contentBtnModal>button{width:100%}.business-account-page .modalView .contentModal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:fixed;bottom:0;left:0;right:0;width:100%;max-height:90vh;animation:slideUp .3s ease}}@media(max-width:768px){.business-account-page .fromDataTypeAccount .filters-row{flex-direction:column}.business-account-page .fromDataTypeAccount .grid .headerGrid,.business-account-page .fromDataTypeAccount .grid .contentGrid{grid-template-columns:30px 2fr 1fr 70px;font-size:.75rem}.business-account-page .fromDataTypeAccount .grid .headerGrid .itemGridHeader,.business-account-page .fromDataTypeAccount .grid .contentGrid .itemGridBody{padding:.5rem .25rem;font-size:.75rem}}@media(max-width:480px){.business-account-page .fromDataTypeAccount .grid .headerGrid,.business-account-page .fromDataTypeAccount .grid .contentGrid{grid-template-columns:25px 1.5fr 1fr 60px}.business-account-page .fromDataTypeAccount .grid .headerGrid .itemGridHeader,.business-account-page .fromDataTypeAccount .grid .contentGrid .itemGridBody{font-size:.7rem;padding:.4rem .15rem}.business-account-page .fromDataTypeAccount .grid .status-badge{font-size:.65rem;padding:.15rem .4rem}}