:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--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-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-serif:var(--font-serif);--font-mono:var(--font-mono);--color-white:#fff;--spacing:.25rem;--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 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--shadow-2xs:var(--shadow-2xs);--shadow-xs:var(--shadow-xs);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--shadow-2xl:var(--shadow-2xl);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--shadow:var(--shadow)}}@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%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::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]){appearance:button}::file-selector-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)}}@layer components;@layer utilities{.invisible{visibility:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.m-8{margin:calc(var(--spacing)*8)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-24\!{margin-top:calc(var(--spacing)*24)!important}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.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-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-fit{height:fit-content}.h-full{height:100%}.min-h-\[200px\]{min-height:200px}.min-h-\[400px\]{min-height:400px}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.shrink-0{flex-shrink:0}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.bg-background{background-color:var(--background)}.bg-destructive{background-color:var(--destructive)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.text-center{text-align:center}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.shadow-xs{--tw-shadow:var(--shadow-xs);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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))}.outline-none{--tw-outline-style:none;outline-style:none}.running{animation-play-state:running}@media(hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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)}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.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)}}@media(min-width:40rem){.sm\:mt-2{margin-top:calc(var(--spacing)*2)}.sm\:mb-3{margin-bottom:calc(var(--spacing)*3)}.sm\:min-h-\[250px\]{min-height:250px}.sm\:gap-6{gap:calc(var(--spacing)*6)}:where(.sm\:space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.sm\:space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:64rem){.lg\:mb-4{margin-bottom:calc(var(--spacing)*4)}.lg\:h-full{height:100%}.lg\:min-h-\[200px\]{min-height:200px}.lg\:flex-row{flex-direction:row}.lg\:gap-8{gap:calc(var(--spacing)*8)}:where(.lg\:space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.lg\:p-4{padding:calc(var(--spacing)*4)}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:p-12{padding:calc(var(--spacing)*12)}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,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-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,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\: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\: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)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:oklch(100% 0 0);--foreground:oklch(14% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14% 0 0);--primary:oklch(70% .18 54.05);--primary-foreground:oklch(99% 0 0);--secondary:oklch(33% .07 286.45);--secondary-foreground:oklch(33% .07 286.45);--muted:oklch(97% 0 0);--muted-foreground:oklch(56% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20% 0 0);--destructive:oklch(58% .24 28.48);--border:oklch(92% 0 0);--input:oklch(92% 0 0);--ring:oklch(71% 0 0);--chart-1:oklch(65% .22 36.85);--chart-2:oklch(60% .11 184.15);--chart-3:oklch(40% .07 227.18);--chart-4:oklch(83% .17 81.03);--chart-5:oklch(77% .17 65.36);--sidebar:oklch(99% 0 0);--sidebar-foreground:oklch(14% 0 0);--sidebar-primary:oklch(20% 0 0);--sidebar-primary-foreground:oklch(99% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20% 0 0);--sidebar-border:oklch(92% 0 0);--sidebar-ring:oklch(70.8% 0 0);--font-sans:"Geist","Geist Fallback",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:"Geist","Geist Fallback",ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:"Geist Mono","Geist Mono Fallback",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--radius:.625rem;--shadow-2xs:0 1px 3px 0px oklch(0% 0 0/.05);--shadow-xs:0 1px 3px 0px oklch(0% 0 0/.05);--shadow-sm:0 1px 3px 0px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1);--shadow:0 1px 3px 0px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1);--shadow-md:0 1px 3px 0px oklch(0% 0 0/.1),0 2px 4px -1px oklch(0% 0 0/.1);--shadow-lg:0 1px 3px 0px oklch(0% 0 0/.1),0 4px 6px -1px oklch(0% 0 0/.1);--shadow-xl:0 1px 3px 0px oklch(0% 0 0/.1),0 8px 10px -1px oklch(0% 0 0/.1);--shadow-2xl:0 1px 3px 0px oklch(0% 0 0/.25)}.dark{--background:oklch(14% 0 0);--foreground:oklch(99% 0 0);--card:oklch(20% 0 0);--card-foreground:oklch(99% 0 0);--popover:oklch(20% 0 0);--popover-foreground:oklch(99% 0 0);--primary:oklch(92% 0 0);--primary-foreground:oklch(20% 0 0);--secondary:oklch(27% 0 0);--secondary-foreground:oklch(99% 0 0);--muted:oklch(27% 0 0);--muted-foreground:oklch(71% 0 0);--accent:oklch(27% 0 0);--accent-foreground:oklch(99% 0 0);--destructive:oklch(70% .19 22.23);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(56% 0 0);--chart-1:oklch(49% .24 264.4);--chart-2:oklch(70% .16 160.43);--chart-3:oklch(77% .17 65.36);--chart-4:oklch(62% .26 305.32);--chart-5:oklch(64% .25 16.51);--sidebar:oklch(20% 0 0);--sidebar-foreground:oklch(99% 0 0);--sidebar-primary:oklch(49% .24 264.4);--sidebar-primary-foreground:oklch(99% 0 0);--sidebar-accent:oklch(27% 0 0);--sidebar-accent-foreground:oklch(99% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(56% 0 0);--shadow-2xs:0 1px 3px 0px oklch(0% 0 0/.05);--shadow-xs:0 1px 3px 0px oklch(0% 0 0/.05);--shadow-sm:0 1px 3px 0px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1);--shadow:0 1px 3px 0px oklch(0% 0 0/.1),0 1px 2px -1px oklch(0% 0 0/.1);--shadow-md:0 1px 3px 0px oklch(0% 0 0/.1),0 2px 4px -1px oklch(0% 0 0/.1);--shadow-lg:0 1px 3px 0px oklch(0% 0 0/.1),0 4px 6px -1px oklch(0% 0 0/.1);--shadow-xl:0 1px 3px 0px oklch(0% 0 0/.1),0 8px 10px -1px oklch(0% 0 0/.1);--shadow-2xl:0 1px 3px 0px oklch(0% 0 0/.25)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}@keyframes spin{to{transform:rotate(360deg)}}body{background:#fff;font-family:Arial,Helvetica,sans-serif}.header-container{width:100vw;height:auto;background-color:#fff;border-bottom:2px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:20px 60px;position:relative;left:0;right:0;top:0}.logo-section{display:flex;align-items:center}.logo-image{height:100px;width:auto;display:block}.info-section{display:flex;align-items:center;justify-content:flex-end;width:auto}.info-box{background-color:#fff3e6;border:1px solid #f5c6a5;border-radius:8px;padding:15px 25px;margin-left:20px;font-size:36px;font-weight:700;color:#2c2142;text-align:center;white-space:nowrap}.info-label{margin-right:10px}@media screen and (min-width:1920px){.header-container{padding:40px 100px}.logo-image{height:150px}.info-box{font-size:48px;padding:20px 40px;min-width:400px}}.info-section>div:first-child{margin-right:20px}.dashboard-container{width:100%;min-height:100vh;background-color:#f8f9fb;padding:32px 40px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.dashboard-title{font-size:40px;font-weight:700;color:#2d2753;margin:0 0 8px}.dashboard-date{font-size:20px;color:#6b7280;margin-bottom:32px}.top-cards{display:flex;justify-content:space-between;align-items:stretch;width:100%;margin-bottom:36px;gap:20px}.top-cards>*{margin-right:20px}.top-cards>*:last-child{margin-right:0}.top-card{flex:1 1 0;background-color:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:32px 24px;text-align:left;box-sizing:border-box;box-shadow:0 2px 5px #0000000d;display:flex;flex-direction:column;justify-content:center;height:140px;min-width:0}.top-card.dark{background-color:#2d2753;color:#fff;border:none}.card-label{font-size:22px;opacity:.85;margin-bottom:12px}.card-value{font-size:36px;font-weight:600;line-height:1.1;word-wrap:break-word}.grid-section{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:16px}.grid-card{width:23%;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:26px 20px;margin:10px 1%;text-align:center;box-shadow:0 2px 4px #00000008;box-sizing:border-box;height:160px;display:flex;flex-direction:column;justify-content:center}.grid-label{font-size:20px;color:#2d2753;font-weight:500;margin-bottom:14px;line-height:1.4}.grid-value{font-size:34px;font-weight:700;color:#f97316}.dashboard-container>div{font-size:22px;color:#444;text-align:center;margin-top:40px}.dashboard-container>div:only-child{background-color:#fff3f3;color:#b91c1c;border:1px solid #fca5a5;border-radius:8px;padding:20px 30px;display:inline-block;font-weight:600}@media screen and (max-width:1280px){.grid-card{width:31%}}@media screen and (max-width:768px){.dashboard-container{padding:20px}.dashboard-title{font-size:30px}.dashboard-date{font-size:18px}.card-value{font-size:28px}.grid-card{width:48%;height:auto}}@media screen and (max-width:480px){.grid-card{width:100%}.top-cards{flex-direction:column}.top-card{height:auto}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background-color:#f8f9fb;overflow-x:hidden}.client-table-container{width:100%;min-height:100vh;background-color:#f8f9fb;padding:0}.table-wrapper{padding:40px 50px}.table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px 16px 0 0;overflow:hidden;box-shadow:0 2px 5px #0000000d}.client-table{width:100%;border-collapse:collapse;border-spacing:0}.client-table thead{background-color:#2d2753;color:#fff}.client-table thead th{padding:28px 24px;text-align:left;font-size:24px;font-weight:600;border:none;white-space:nowrap}.client-table tbody tr{border-bottom:1px solid #e5e7eb;background-color:#fff}.client-table tbody tr:last-child{border-bottom:none}.client-table tbody tr:hover{background-color:#f8f9fb}.client-table tbody td{padding:24px;font-size:22px;color:#2d2753;vertical-align:middle}.client-name-cell{display:table;width:100%}.avatar{width:50px;height:50px;background-color:#f97316;border-radius:50%;display:table-cell;vertical-align:middle;text-align:center;float:left;margin-right:16px}.avatar-text{color:#fff;font-size:18px;font-weight:700;line-height:50px;text-transform:uppercase}.client-name{display:table-cell;vertical-align:middle;font-weight:500;padding-top:12px}.center-badge{background-color:#e0e7ff;color:#4338ca;padding:8px 20px;border-radius:8px;font-size:20px;font-weight:500;display:inline-block}.loan-amount{color:#16a34a;font-weight:700;font-size:24px}.table-footer{padding:24px 50px;background-color:#fff;border-top:1px solid #e5e7eb;position:relative}.table-footer:after{content:"";display:table;clear:both}.footer-text{float:left;font-size:22px;color:#6b7280;line-height:36px}.pagination{float:right}.pagination-dot{width:16px;height:16px;background-color:#e5e7eb;border-radius:50%;display:inline-block;margin-left:12px;vertical-align:middle}.pagination-dot.active{background-color:#f97316;width:50px;border-radius:8px}@media screen and (max-width:1600px){.brand-main{font-size:70px}.brand-sub{font-size:35px}.info-label{font-size:26px}.info-value{font-size:30px}.client-table thead th{font-size:20px;padding:24px 18px}.client-table tbody td{font-size:18px;padding:20px 18px}}@media screen and (max-width:1280px){.header-container{padding:25px 40px;height:150px}.logo-circle{width:100px;height:100px}.brand-main{font-size:60px}.brand-sub{font-size:30px}.info-box{min-width:350px;padding:15px 25px}.client-table thead th{font-size:18px;padding:20px 16px}.client-table tbody td{font-size:16px;padding:18px 16px}.avatar{width:40px;height:40px}.avatar-text{font-size:16px;line-height:40px}}@media screen and (max-width:768px){.info-section{float:none;clear:both;padding-top:20px}.info-box{min-width:100%;margin-bottom:10px}.table-wrapper{padding:20px;overflow-x:auto}.client-table{min-width:1200px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.table-container{animation:fadeIn .8s ease-in}.table-footer{border:1px solid #e5e7eb;border-radius:0 0 16px 16px}