@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@layer components;/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-neutral-100:oklch(97% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-4xl:56rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-medium:500;--font-weight-semibold:600;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:1rem;--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;--ease-out:cubic-bezier(0,0,.2,1);--blur-md:12px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;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 utilities{.\@container\/card-header{container:card-header/inline-size}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.-top-16{top:calc(var(--spacing)*-16)}.right-0{right:calc(var(--spacing)*0)}.isolate{isolation:isolate}.z-50{z-index:50}.z-\[1\]{z-index:1}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.aspect-video{aspect-ratio:var(--aspect-video)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.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-20{width:calc(var(--spacing)*20);height:calc(var(--spacing)*20)}.size-28{width:calc(var(--spacing)*28);height:calc(var(--spacing)*28)}.size-full{width:100%;height:100%}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-\[90vh\]{height:90vh}.h-full{height:100%}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.shrink-0{flex-shrink:0}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-\[0\.9\]{scale:.9}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.auto-rows-min{grid-auto-rows:min-content}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-6{gap:calc(var(--spacing)*6)}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-input{border-color:var(--input)}.border-white{border-color:var(--color-white)}.bg-background{background-color:var(--background)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/70{background-color:#000000b3}@supports (color:color-mix(in lab,red,red)){.bg-black\/70{background-color:color-mix(in oklab,var(--color-black)70%,transparent)}}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-neutral-900\/50{background-color:#17171780}@supports (color:color-mix(in lab,red,red)){.bg-neutral-900\/50{background-color:color-mix(in oklab,var(--color-neutral-900)50%,transparent)}}.bg-primary,.bg-primary\/10{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/10{background-color:color-mix(in oklab,var(--primary)10%,transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-primary\/30{--tw-gradient-from:var(--primary)}@supports (color:color-mix(in lab,red,red)){.from-primary\/30{--tw-gradient-from:color-mix(in oklab,var(--primary)30%,transparent)}}.from-primary\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-primary{--tw-gradient-to:var(--primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.fill-white{fill:var(--color-white)}.p-0{padding:calc(var(--spacing)*0)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.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-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-6{padding-block:calc(var(--spacing)*6)}.text-center{text-align:center}.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-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--card-foreground)}.text-muted-foreground{color:var(--muted-foreground)}.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-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);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)}.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,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:scale-100:is(:where(.group):hover *){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-\[1\.2\]:is(:where(.group):hover *){scale:1.2}.group-hover\:brightness-\[0\.8\]:is(:where(.group):hover *){--tw-brightness:brightness(.8);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,)}}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@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\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.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:48rem){.md\:mx-0{margin-inline:calc(var(--spacing)*0)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.dark\:hidden:is(.dark *){display:none}.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)}}.dark\:bg-neutral-100\/50:is(.dark *){background-color:#f5f5f580}@supports (color:color-mix(in lab,red,red)){.dark\:bg-neutral-100\/50:is(.dark *){background-color:color-mix(in oklab,var(--color-neutral-100)50%,transparent)}}.dark\:text-black:is(.dark *){color:var(--color-black)}@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)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}}@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}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Poppins}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--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(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.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(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--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-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.ec-summary-card{background:#fff;border-radius:16px;padding:clamp(.9rem,.7rem + .6vw,1.25rem);box-shadow:0 8px 32px #3b82f614,0 4px 16px #3b82f60a;border:1px solid rgba(59,130,246,.1);display:flex;flex-direction:column;transition:box-shadow .3s ease,transform .2s ease;position:relative;overflow:hidden;width:100%;max-width:clamp(340px,92vw,640px);margin:0 auto}.ec-summary-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#3b82f6,#1d4ed8,#1e40af);background-size:200% 100%;animation:ec-gradientShift 3s ease-in-out infinite}@keyframes ec-gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.ec-summary-card:hover{box-shadow:0 12px 48px #3b82f61f,0 6px 24px #3b82f614;transform:translateY(-2px)}.ec-header{display:flex;align-items:center;justify-content:space-between;gap:.85rem;flex-wrap:wrap;margin-bottom:clamp(.6rem,.4rem + .5vw,1rem)}.ec-header-left{display:flex;align-items:center;gap:.5rem}.ec-icon-container{width:2.25rem;height:2.25rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #3b82f640;position:relative}.ec-icon-container:after{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#3b82f6,#1d4ed8,#1e40af);border-radius:14px;z-index:-1;opacity:0;transition:opacity .3s ease}.ec-summary-card:hover .ec-icon-container:after{opacity:.2}.ec-icon{width:1.125rem;height:1.125rem;color:#fff;stroke-width:2.5}.ec-title{font-size:clamp(.95rem,.85rem + .3vw,1.1rem);font-weight:700;margin:0;color:#111827;letter-spacing:.2px}.ec-balance-indicator{display:inline-flex;align-items:center;gap:.375rem;background:#3b82f614;padding:.3125rem .75rem;border-radius:20px;border:1px solid rgba(59,130,246,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ec-balance-dot{width:.4375rem;height:.4375rem;background:#3b82f6;border-radius:50%;animation:ec-pulseGlow 2s infinite;box-shadow:0 0 #3b82f6b3}@keyframes ec-pulseGlow{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 8px #3b82f600}to{box-shadow:0 0 #3b82f600}}.ec-balance-text{font-size:.8125rem;font-weight:700;color:#1d4ed8}.ec-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(.6rem,.5rem + .4vw,1rem);margin-bottom:clamp(.75rem,.6rem + .4vw,1rem)}.ec-metric-card{background:#3b82f605;padding:clamp(.8rem,.7rem + .4vw,1rem);border-radius:12px;border:1px solid rgba(59,130,246,.08);transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;text-align:center}.ec-metric-card:hover{background:#3b82f60a;border-color:#3b82f626;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61a}.ec-metric-label{font-size:.8125rem;color:#6b7280;font-weight:600;margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.5px}.ec-metric-value{font-size:clamp(1.25rem,1.05rem + .9vw,1.625rem);font-weight:800;color:#1f2937;margin-bottom:.1875rem}.ec-metric-change{font-size:.8125rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.25rem}.ec-metric-change.ec-increase{color:#16a34a}.ec-metric-change.ec-decrease{color:#dc2626}.ec-metric-change.ec-increase:before{content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid #16a34a}.ec-metric-change.ec-decrease:before{content:"";border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #dc2626}.ec-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:auto}.ec-btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:clamp(.65rem,.6rem + .2vw,.85rem) clamp(.8rem,.7rem + .4vw,.95rem);border-radius:12px;font-size:clamp(.78rem,.74rem + .2vw,.875rem);font-weight:700;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease;border:0;position:relative;overflow:hidden}.ec-btn svg{width:.95rem;height:.95rem;stroke-width:2.5;transition:transform .2s ease}.ec-btn:hover svg{transform:scale(1.1)}.ec-add-expense{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f640}.ec-add-expense:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px #3b82f659;transform:translateY(-1px)}.ec-settle-up{background:#3b82f614;color:#1d4ed8;border:1.5px solid rgba(59,130,246,.2)}.ec-settle-up:hover{background:#3b82f61f;border-color:#3b82f64d;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.ec-btn:focus-visible,.dropdown-item:focus-visible{outline:2px solid #1d4ed8;outline-offset:2px;box-shadow:0 0 0 2px #bfdbfe;border-radius:12px}.ec-btn:focus:not(:focus-visible){outline:none}.ec-settle-popup{position:relative;top:16px;right:0;background:#cedfff;color:#1d4ed8;padding:10px 16px;border-radius:8px;font-weight:700;box-shadow:0 4px 10px #00000026;animation:ec-fadeInOut 2s ease forwards;z-index:1000}@keyframes ec-fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@media (max-width: 1024px){.ec-summary-card{max-width:min(100%,700px)}.ec-metrics{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width: 768px){.ec-header{flex-direction:column;align-items:flex-start}.ec-actions{grid-template-columns:1fr}}@media (max-width: 480px){.ec-summary-card{border-radius:12px}.ec-icon-container{width:2rem;height:2rem}.ec-metric-value{font-size:1.2rem}}.spline-container{position:relative;width:100%;max-width:350px;aspect-ratio:1 / 1;margin:0 auto;display:flex;justify-content:center;align-items:center}.spline-container canvas,.spline-container .spline-canvas{width:100%!important;height:100%!important;max-width:100%;max-height:100%;object-fit:contain;display:block}@media (max-width: 1024px){.spline-container{max-width:300px}}@media (max-width: 768px){.spline-container{max-width:250px}}@media (max-width: 480px){.spline-container{max-width:200px}}.Home-Container{display:flex;flex-direction:column;width:100%;min-height:100vh;background:#f8fafc}.top-section{display:flex;gap:16px;padding:16px;height:250px}.chart-container{flex:1;min-height:500px;width:100%;background:#fff;border-radius:16px;padding:12px;overflow-x:auto;overflow-y:hidden}.chart-flex{display:flex;gap:16px;min-width:700px;height:100%}.chart-item{flex:1;height:100%}.chart-wrapper{position:relative;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease;box-shadow:0 7px 29px #64646f33;border-radius:12px;background:radial-gradient(1200px 1200px at 50% -200px,rgba(54,120,240,.06),transparent 60%) #fff;height:100%}.chart-container.visible .chart-wrapper{opacity:1;transform:translateY(0)}.chart-resizer{width:100%;height:100%}.custom-tooltip{background:#fff;color:#111827;box-shadow:0 10px 25px #00000026;padding:10px 12px;border-radius:12px;border:1px solid #eef2ff;font-family:Poppins,sans-serif}.custom-tooltip .tooltip-label{margin:0;font-weight:700;font-size:14px;color:#0f172a}.custom-tooltip .tooltip-value{margin:4px 0 0;font-size:13px;color:#374151}.custom-tooltip .tooltip-number{font-weight:800;color:#1d4ed8}@media (max-width: 1024px){.chart-flex{gap:12px;flex-wrap:wrap}}@media (max-width: 768px){.chart-flex{flex-direction:column;min-width:0}.chart-item{min-width:100%;height:500px}}@media (max-width: 480px){.chart-wrapper{margin:0 6px}.chart-item{height:400px}.custom-tooltip .tooltip-label{font-size:13px}.custom-tooltip .tooltip-value{font-size:12px}}.main-content{padding:16px;display:flex;flex-direction:column;width:100%;gap:24px;box-sizing:border-box;overflow-x:hidden;background:transparent}.main-content .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:stretch;width:100%}#greet{min-height:220px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-radius:16px;background:#fff;box-shadow:0 4px 16px #0000000f;border:1px solid rgba(0,0,0,.04)}.main-content #greet p{font-size:clamp(1rem,2.5vw,2rem);font-weight:700;color:#4b4b4b;line-height:1.35;margin:0}.main-content #greet p span{font-size:clamp(1.4rem,4vw,2.6rem);font-weight:900}#data-card{width:100%;display:flex;align-items:stretch}.cards>.card-small{display:flex;position:relative;border-radius:16px;background:transparent}.main-content>.card-large{width:100%;margin-top:4px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.04);box-shadow:0 4px 16px #0000000f;overflow:hidden;min-height:280px}.card-large{display:flex;flex-direction:column;min-height:0}.card-large>.chart-container{flex:1 1 auto;min-height:0}.gradient-text{background:linear-gradient(270deg,#00c6ff,#0072ff,#00c6ff);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientFlow 10s ease infinite;display:inline-block}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 1024px){#greet{flex-direction:row;text-align:left}.main-content{padding:12px;gap:20px}.main-content>.card-large{width:100%;margin:0 auto;min-height:240px}}@media (max-width: 890px){.main-content>.card-large{display:none}.main-content .cards{grid-template-columns:1fr 1fr}}@media (max-width: 768px){#greet{flex-direction:column;align-items:center;text-align:center;gap:12px}.main-content{padding:10px;gap:16px}.main-content .cards{grid-template-columns:1fr}.main-content #greet p{font-size:clamp(1rem,5vw,1.5rem)}.main-content #greet p span{font-size:clamp(1.2rem,6vw,2rem)}}@media (max-width: 480px){.main-content{padding:8px;gap:12px}#greet{gap:10px;padding:16px}.main-content #greet p{font-size:1rem}.main-content #greet p span{font-size:1.35rem}.main-content>.card-large{display:none}}.navbars{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background-color:#fff;width:100%;box-sizing:border-box;position:relative;z-index:100;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.nav-brand-left{display:flex;align-items:center}.brand-text-logo-left{display:flex;align-items:center;gap:12px;color:#3793f0!important;font-size:30px!important;font-weight:800!important;margin:0;transition:transform .2s ease;text-decoration:none}.brand-text-logo-left:hover{transform:scale(1.02)}.brand-text-logo-left img{border-radius:8px;transition:transform .3s ease}.brand-text-logo-left:hover img{transform:rotate(5deg) scale(1.05)}.invite-btn,.settings-btn,.add-expense-btn{background:#fff3;border:none;color:#474747;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;font-weight:500}.navs-right{display:flex;align-items:center;justify-content:space-evenly;gap:18px}.nav-right-user-profile{width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative}.nav-right-user-profile.active{box-shadow:0 4px 16px #3b82f666;transform:scale(1.05)}.nav-right-user-profile:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2),transparent 70%);opacity:0;transition:opacity .3s ease}.nav-right-user-profile:hover:before{opacity:1}.nav-right-user-profile:hover{transform:scale(1.1);box-shadow:0 4px 16px #3b82f666}.nav-right-user-profile:active{transform:scale(1.05)}.navs-right-user-initials{height:48px;width:48px;position:relative;z-index:2}.profile-dropdown-arrow{position:absolute;bottom:-1px;right:-2px;background:#fff;border-radius:50%;padding:2px;color:#3b82f6;transition:transform .3s ease;box-shadow:0 2px 4px #0000001a}.profile-dropdown-arrow.open{transform:rotate(180deg)}.profile-dropdown-menu-logo{position:absolute;top:calc(100% + 8px);right:0;margin-right:13px;width:170px!important;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;border:1px solid #e2e8f0;animation:dropdownSlideDown .2s ease-out;z-index:100}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header-logo{padding:8px 12px;background:#f8fafc;border-radius:12px 12px 0 0}.user-info-logo{display:flex;align-items:center;gap:10px}.user-avatar-small-logo{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;border:1px solid rgba(182,182,182,.512);font-weight:600;flex-shrink:0;box-shadow:#64646f33 0 7px 29px}.user-name-logo{font-size:13px;font-weight:600;color:#1e293b;line-height:1.2}.dropdown-divider-logo{height:1px;background:#e2e8f0;margin:0}.dropdown-options-logo{padding:6px 0}.dropdown-option-logo{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:#374151;text-align:left;line-height:1.4}.dropdown-option-logo span{color:#374151;font-size:13px;font-weight:500}.dropdown-option-logo:hover{background:#f3f4f6}.dropdown-option-logo:hover span{color:#1f2937}.dropdown-option-logo.logout-option:hover{background:#fef2f2}.dropdown-option-logo.logout-option:hover span{color:#dc2626}.dropdown-option-logo.logout-option:hover svg{color:#dc2626}.dropdown-option-logo svg{color:#6b7280;transition:color .2s ease;flex-shrink:0;width:14px;height:14px}.dropdown-option-logo:hover svg{color:#374151}@media (max-width: 480px){.navbars{padding:8px 2px!important}.brand-text-logo-left{font-size:17px!important;gap:1px!important;font-weight:700!important}.brand-text-logo-left img{width:25px!important;height:25px!important}.nav-right-user-profile{width:40px;height:30px}.navs-right-user-initials{font-size:11px}.navs-right{margin-right:10px;padding-bottom:8px}.invite-btn{width:90%!important;margin-left:30px!important}}@media (max-width: 768px){.navbars{padding:10px 8px}.brand-text-logo-left{font-size:20px;gap:5px}.brand-text-logo-left img{width:30px;height:30px}.nav-right-user-profile{width:45px;height:35px}.navs-right-user-initials{font-size:12px}.profile-dropdown-menu-logo{width:200px;right:-15px}}@media (max-width: 1024px){.navbars{padding:12px 16px}.brand-text-logo-left{font-size:22px}.brand-text-logo-left img{width:35px;height:35px}.nav-right-user-profile{width:50px;height:40px}.navs-right-user-initials{font-size:13px}.profile-dropdown-menu-logo{width:220px;right:-10px}}@media (min-width: 1025px){.navbars{padding:16px 24px}.brand-text-logo-left{font-size:24px;font-weight:800}.brand-text-logo-left img{width:40px;height:40px}.nav-right-user-profile{width:55px;height:45px}.navs-right-user-initials{font-size:14px}.profile-dropdown-menu-logo{width:240px;right:0}}.chat-container{width:100%;height:100%;display:flex;flex-direction:column;color:#333;border-radius:12px;overflow:hidden;font-family:Poppins,sans-serif;box-shadow:0 4px 20px #0000004d;margin:auto;background-color:#fff}.chat-header{padding:16px;border-bottom:1px solid #ccc}.chat-header h2{margin:0;font-size:1.3rem}.chat-header p{margin:4px 0 0;font-size:.95rem;color:#666}.chat-content{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.chat-message{font-size:.95rem;line-height:1.5;display:flex;flex-direction:column;word-wrap:break-word}.chat-message.ai{color:#1e40af;text-align:left;background-color:#f0f7ff;padding:8px 12px;border-radius:8px;max-width:80%}.chat-message.user{color:#333;text-align:right;background-color:#f5f5f5;padding:8px 12px;border-radius:8px;max-width:80%;align-self:flex-end}.no-msg{color:#888;text-align:center;font-size:.9rem}.msg-content{display:flex;flex-direction:column;gap:6px}.personal-expenses ul{list-style-type:disc;padding-left:20px;margin:4px 0}.personal-expenses li{margin-bottom:4px}.personal-expenses .expense-title{font-weight:600}.personal-expenses .expense-amount{margin-left:6px;color:#064e3b;font-weight:500}.personal-expenses .expense-date{margin-left:4px;color:#555}.groups ul{list-style-type:circle;padding-left:20px;margin:4px 0}.groups li{margin-bottom:4px;font-weight:500}.groups .group-name{font-weight:600;color:#1e3a8a}.transfers ul{list-style-type:square;padding-left:20px;margin:4px 0}.transfers li{margin-bottom:4px;font-weight:500;color:#b91c1c}.chat-input{display:flex;padding:12px 16px;gap:8px;border-top:1px solid #ccc;background-color:#fff}.chat-input input{flex:1;padding:8px 12px;border-radius:6px;border:1px solid #ccc;outline:none;font-size:.95rem}.chat-input button{padding:8px 16px;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;font-weight:700;cursor:pointer;transition:background .2s}.chat-message.ai strong{font-weight:700;display:block;margin-bottom:4px}.chat-input button:hover{background-color:#2563eb}@media (max-width: 500px){.chat-container{max-width:95%;height:450px}}.ai-container{height:88.8vh;display:flex;flex-direction:row;gap:20px;padding:20px;box-sizing:border-box}.ai-left{flex:3;display:flex;flex-direction:column;height:100%}.ai-right{flex:2;display:flex;justify-content:center;align-items:center;height:100%}.ai-left .card{height:100%;display:flex;flex-direction:column;border-radius:12px;overflow:hidden}.ai-left .card-content{scrollbar-width:thin;scrollbar-color:#a0a0a0 #f0f0f0}.ai-left .card-content::-webkit-scrollbar{width:6px}.ai-left .card-content::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.ai-left .card-content::-webkit-scrollbar-thumb{background-color:#a0a0a0;border-radius:3px}.ai-right spline{width:100%;height:100%;border-radius:12px;overflow:hidden}.containerR input{font-family:Poppins,sans-serif}.containerR{position:relative;width:100%;background-color:#fff;min-height:100vh;overflow:hidden}.containerR .formsContainerR{position:absolute;width:100%;height:100%;top:0;left:0}.containerR .signinSignupR{position:absolute;top:50%;transform:translate(-50%,-50%);left:75%;width:50%;transition:1s .7s ease-in-out;display:grid;grid-template-columns:1fr;z-index:5}.containerR form{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0rem 5rem;transition:all .2s .7s;overflow:hidden;grid-column:1 / 2;grid-row:1 / 2}.containerR form.signUpFormR{opacity:0;z-index:1}.containerR form.signInFormR{z-index:2}.containerR .titleR{font-size:2.2rem;color:#444;margin-bottom:10px}.containerR .inputFieldR{max-width:380px;width:100%;background-color:#f0f0f0;margin:10px 0;height:55px;border-radius:55px;display:grid;grid-template-columns:15% 85%;padding:0 .4rem;position:relative}.containerR .inputFieldR{display:flex;align-items:center;justify-content:space-evenly;text-align:center;line-height:55px;transition:.5s;font-size:1.1rem}.containerR .inputFieldR input{background:none;outline:none;border:none;line-height:1;font-weight:600;font-size:1.1rem;color:#333}.containerR .inputFieldR input::placeholder{color:#aaa;font-weight:500}.containerR .socialTextR{padding:.7rem 0;font-size:1rem}.containerR .socialMediaR{display:flex;justify-content:center}.containerR .socialIconR{height:46px;width:46px;display:flex;justify-content:center;align-items:center;margin:0 .45rem;border-radius:50%;box-shadow:#26394d 0 20px 30px -10px;text-decoration:none;font-size:2.5rem;transition:.3s}.containerR .socialIconR:hover{color:#04befe}.containerR .btnR{width:150px;background-color:#5995fd;border:none;outline:none;height:49px;border-radius:49px;color:#fff;text-transform:uppercase;font-weight:600;margin:10px 0;cursor:pointer;transition:.5s}.containerR .btnR:hover{background-color:#4d84e2}.containerR .panelsContainerR{position:absolute;height:100%;width:100%;top:0;left:0;display:grid;grid-template-columns:repeat(2,1fr)}.containerR:before{content:"";position:absolute;height:2000px;width:2000px;top:-10%;right:48%;transform:translateY(-50%);background-image:linear-gradient(-45deg,#4481eb,#04befe);transition:1.8s ease-in-out;border-radius:50%;z-index:6}.containerR .imageR{width:100%;transition:transform 1.1s ease-in-out;transition-delay:.4s}.containerR .panelR{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-around;text-align:center;z-index:6}.containerR .leftPanelR{pointer-events:all;padding:3rem 17% 2rem 12%}.containerR .rightPanelR{pointer-events:none;padding:3rem 12% 2rem 17%}.containerR .panelR .contentR{color:#fff;transition:transform .9s ease-in-out;transition-delay:.6s}.containerR .panelR h3{font-weight:600;line-height:1;font-size:1.5rem}.containerR .panelR p{font-size:.95rem;padding:.7rem 0}.containerR .btnR.transparentR{margin:0;background:none;border:2px solid #fff;width:130px;height:41px;font-weight:600;font-size:.8rem}.containerR .rightPanelR .imageR,.containerR .rightPanelR .contentR{transform:translate(800px)}.containerR.sign-up-mode:before{transform:translate(100%,-50%);right:52%}.containerR.sign-up-mode .leftPanelR .imageR,.containerR.sign-up-mode .leftPanelR .contentR{transform:translate(-800px)}.containerR.sign-up-mode .signinSignupR{left:25%}.containerR.sign-up-mode form.signUpFormR{opacity:1;z-index:2}.containerR.sign-up-mode form.signInFormR{opacity:0;z-index:1}.containerR.sign-up-mode .rightPanelR .imageR,.containerR.sign-up-mode .rightPanelR .contentR{transform:translate(0)}.containerR.sign-up-mode .leftPanelR{pointer-events:none}.containerR.sign-up-mode .rightPanelR{pointer-events:all}@media (max-width: 870px){.containerR{min-height:800px;height:100vh}.containerR .signinSignupR{width:100%;top:95%;transform:translate(-50%,-100%);transition:1s .8s ease-in-out}.containerR .signinSignupR,.containerR.sign-up-mode .signinSignupR{left:50%}.containerR .panelsContainerR{grid-template-columns:1fr;grid-template-rows:1fr 2fr 1fr}.containerR .panelR{flex-direction:row;justify-content:space-around;align-items:center;padding:2.5rem 8%;grid-column:1 / 2}.containerR .rightPanelR{grid-row:3 / 4}.containerR .leftPanelR{grid-row:1 / 2}.containerR .imageR{width:200px;transition:transform .9s ease-in-out;transition-delay:.6s}.containerR .panelR .contentR{padding-right:15%;transition:transform .9s ease-in-out;transition-delay:.8s}.containerR .panelR h3{font-size:1.2rem}.containerR .panelR p{font-size:.7rem;padding:.5rem 0}.containerR .btnR.transparentR{width:110px;height:35px;font-size:.7rem}.containerR:before{width:1500px;height:1500px;transform:translate(-50%);left:30%;bottom:68%;right:initial;top:initial;transition:2s ease-in-out}.containerR.sign-up-mode:before{transform:translate(-50%,100%);bottom:32%;right:initial}.containerR.sign-up-mode .leftPanelR .imageR,.containerR.sign-up-mode .leftPanelR .contentR{transform:translateY(-300px)}.containerR.sign-up-mode .rightPanelR .imageR,.containerR.sign-up-mode .rightPanelR .contentR{transform:translateY(0)}.containerR .rightPanelR .imageR,.containerR .rightPanelR .contentR{transform:translateY(300px)}.containerR.sign-up-mode .signinSignupR{top:5%;transform:translate(-50%)}}@media (max-width: 570px){.containerR form{padding:0 1.5rem}.containerR .imageR{display:none}.containerR .panelR .contentR{padding:.5rem 1rem}.containerR{padding:1.5rem}.containerR:before{bottom:72%;left:50%}.containerR.sign-up-mode:before{bottom:28%;left:50%}}.Loader-container{height:80vh;display:flex;justify-content:center;align-items:center;flex-direction:column-reverse;gap:50px}.loader{--background: linear-gradient(135deg, #23c4f8, #275efe);--shadow: rgba(39, 94, 254, .28);--text: #6c7486;--page: rgba(255, 255, 255, .36);--page-fold: rgba(255, 255, 255, .52);--duration: 3s;width:200px;height:140px;position:relative}.loader:before,.loader:after{--r: -6deg;content:"";position:absolute;bottom:8px;width:120px;top:80%;box-shadow:0 16px 12px var(--shadow);transform:rotate(var(--r))}.loader:before{left:4px}.loader:after{--r: 6deg;right:4px}.loader div{width:100%;height:100%;border-radius:13px;position:relative;z-index:1;perspective:600px;box-shadow:0 4px 6px var(--shadow);background-image:var(--background)}.loader div ul{margin:0;padding:0;list-style:none;position:relative}.loader div ul li{--r: 180deg;--o: 0;--c: var(--page);position:absolute;top:10px;left:10px;transform-origin:100% 50%;color:var(--c);opacity:var(--o);transform:rotateY(var(--r));-webkit-animation:var(--duration) ease infinite;animation:var(--duration) ease infinite}.loader div ul li:nth-child(2){--c: var(--page-fold);-webkit-animation-name:page-2;animation-name:page-2}.loader div ul li:nth-child(3){--c: var(--page-fold);-webkit-animation-name:page-3;animation-name:page-3}.loader div ul li:nth-child(4){--c: var(--page-fold);-webkit-animation-name:page-4;animation-name:page-4}.loader div ul li:nth-child(5){--c: var(--page-fold);-webkit-animation-name:page-5;animation-name:page-5}.loader div ul li svg{width:90px;height:120px;display:block}.loader div ul li:first-child{--r: 0deg;--o: 1}.loader div ul li:last-child{--o: 1}.loader span{display:block;left:0;right:0;top:100%;margin-top:20px;text-align:center;color:var(--text)}@keyframes page-2{0%{transform:rotateY(180deg);opacity:0}20%{opacity:1}35%,to{opacity:0}50%,to{transform:rotateY(0)}}@keyframes page-3{15%{transform:rotateY(180deg);opacity:0}35%{opacity:1}50%,to{opacity:0}65%,to{transform:rotateY(0)}}@keyframes page-4{30%{transform:rotateY(180deg);opacity:0}50%{opacity:1}65%,to{opacity:0}80%,to{transform:rotateY(0)}}@keyframes page-5{45%{transform:rotateY(180deg);opacity:0}65%{opacity:1}80%,to{opacity:0}95%,to{transform:rotateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.expense-body{padding:24px 32px 16px;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.expense-body::-webkit-scrollbar{display:none}.expense-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:linear-gradient(135deg,#4061f7,#8a98f9);background-size:200% 200%;color:#fff;animation:gradientShift 6s ease infinite}.expense-header h3{margin:0;font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.expense-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);width:42px;height:42px;border-radius:12px;font-size:20px;cursor:pointer;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.expense-close:hover{background:#fff3;transform:scale(1.05) rotate(90deg);box-shadow:0 4px 12px #0003}.expense-close:active{animation:buttonPress .1s ease}.expense-form{display:grid;grid-template-rows:1fr auto;min-height:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}@media (max-width: 640px){.grid-2{grid-template-columns:1fr;gap:16px}}.field{display:flex;flex-direction:column;gap:10px;animation:fieldSlideIn .6s ease forwards;opacity:0;transform:translateY(20px)}.field:nth-child(1){animation-delay:.1s}.field:nth-child(2){animation-delay:.2s}.field:nth-child(3){animation-delay:.3s}.field:nth-child(4){animation-delay:.4s}@keyframes fieldSlideIn{to{opacity:1;transform:translateY(0)}}.field>label{font-size:.9rem;font-weight:700;color:#374151;letter-spacing:.025em;text-transform:uppercase;position:relative}.field input,.field select{appearance:none;background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:14px 16px;font-size:1rem;color:#1a202c;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;position:relative}.field input::placeholder{color:#9ca3af;transition:opacity .3s ease}.field input:focus::placeholder{opacity:.7}.field input:focus,.field select:focus{transform:translateY(-2px)}.field input:hover:not(:focus),.field select:hover:not(:focus){border-color:#cbd5e1;transform:translateY(-1px)}.input-with-prefix,.input-with-suffix{display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:14px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);gap:8px}.input-with-prefix:focus-within,.input-with-suffix:focus-within{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 12px #667eea26;transform:translateY(-2px)}.input-with-prefix span,.input-with-suffix span{font-size:1rem;color:#6b7280;margin-right:50px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.05)}.input-with-suffix input{border:none;outline:none;font-size:1rem;flex:1;background:transparent;font-weight:600;color:#1a202c;padding:0}.field input[type=date]{font-family:inherit;color:#1a202c;background:#fff;cursor:pointer;position:relative}.field input[type=date]::-webkit-calendar-picker-indicator{filter:opacity(.6);cursor:pointer;padding:4px;border-radius:4px;transition:all .3s ease}.field input[type=date]::-webkit-calendar-picker-indicator:hover{filter:opacity(1);background:#667eea1a}.split-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.split-tile{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:12px;align-items:center;padding:18px 16px;border-radius:16px;background:#f8fafc;border:2px solid #e5e7eb;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:#374151;position:relative;overflow:hidden}.split-tile:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.split-tile:hover:before{left:100%}.split-tile:hover{background:#f1f5f9;transform:translateY(-3px);border-color:#667eea;box-shadow:0 8px 24px #667eea26}.split-tile.active{background:linear-gradient(135deg,#103cff,#6cb6ff);border-color:#0458ff;color:#fff;transform:translateY(-3px);box-shadow:0 12px 32px #667eea66;animation:pulse 2s infinite}.split-tile.active:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.icon{font-size:1.8rem;font-weight:700;grid-row:1 / 3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#667eea1a;border-radius:10px;transition:all .3s ease}.split-tile.active .icon{background:#ffffff40;color:#fff;transform:scale(1.1)}.tile-sub{font-size:.95rem;font-weight:600;line-height:1.3}.equal-info{margin-top:20px;padding:20px 24px;border-radius:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;font-weight:700;color:#0369a1;text-align:center;font-size:1.1rem;box-shadow:0 4px 12px #3b82f61a;animation:infoSlideIn .5s ease}.split-list{display:flex;flex-direction:column;gap:14px;margin-top:20px;animation:listSlideIn .6s ease}@keyframes listSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.split-row{display:flex;align-items:center;gap:10%;padding:16px 20px;background:#f8fafc;border-radius:14px;border:1px solid #e5e7eb;transition:all .3s ease;animation:rowSlideIn .4s ease forwards;opacity:0;transform:translate(-20px)}.split-row:nth-child(1){animation-delay:.1s}.split-row:nth-child(2){animation-delay:.2s}.split-row:nth-child(3){animation-delay:.3s}.split-row:nth-child(4){animation-delay:.4s}@keyframes rowSlideIn{to{opacity:1;transform:translate(0)}}.split-row:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(4px)}.split-row .who{flex:1;font-size:1rem;color:#374151;font-weight:600}.input-with-suffix.small{display:flex;align-items:center;gap:8px;border:2px solid #e5e7eb;border-radius:12px;padding:10px 14px;background:#fff;min-width:140px;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-with-suffix.small:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:scale(1.02)}.input-with-suffix.small span{font-size:.9rem;color:#6b7280;font-weight:600}.input-with-suffix.small input{border:none;outline:none;font-size:1rem;flex:1;text-align:right;background:transparent;font-weight:600;color:#1a202c}.sum-row{margin-top:12px;font-size:.9rem;font-weight:700;text-align:center;padding:12px 16px;border-radius:10px;background:#f1f5f9;transition:all .3s ease;animation:sumRowPulse .5s ease}@keyframes sumRowPulse{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.sum-row.err{color:#dc2626;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;animation:errorShake .5s ease}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.expense-footer{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:24px 32px 28px;background:#f8fafcf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(102,126,234,.15);box-shadow:0 -4px 12px #0000000d}.btn{border:0;border-radius:14px;padding:14px 24px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;background:transparent;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn:hover:before{left:100%}.btn.cancel{background:#f8fafc;color:#374151;border:2px solid #e5e7eb}.btn.cancel:hover{background:#f1f5f9;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn.cancel:active{animation:buttonPress .1s ease}.btn.primary{background:linear-gradient(135deg,#103cff,#6cb6ff);color:#fff;box-shadow:0 8px 24px #667eea4d;border:none;position:relative}.btn.primary:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.btn.primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #667eea66;filter:brightness(1.05)}.btn.primary:active:not(:disabled){animation:buttonPress .1s ease}.btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(.3)}.btn.primary:disabled:before{display:none}@media (max-width: 768px){.expense-dialog{width:calc(100vw - 24px);border-radius:20px}.expense-header,.expense-body,.expense-footer{padding-left:20px;padding-right:20px}.expense-body,.expense-header,.input-with-prefix{width:100%}.input-with-prefix span{margin-left:5px}.input-with-prefix input{width:80%}.split-list{width:100%}.input-with-suffix{width:50%}.split-methods{grid-template-columns:1fr;gap:12px}.split-tile{padding:16px 14px}.grid-2{gap:16px}.btn{padding:12px 20px;font-size:.95rem}}@media (max-width: 480px){.expense-dialog{width:85vw;height:80vh}.expense-header h3{font-size:1.2rem}.expense-close{width:36px;height:36px;font-size:18px}}.expense-backdrop{position:fixed;inset:0;background:#0a142899;display:grid;place-items:center;z-index:1000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:backdropFadeIn .4s cubic-bezier(.4,0,.2,1)}.expense-dialog{width:600px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);display:grid;grid-template-rows:auto 1fr;background:#fffffffa;border-radius:24px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset;overflow:hidden;color:#1a202c;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;animation:modalSlideIn .5s cubic-bezier(.34,1.56,.64,1);transform-origin:center center}@media (max-width: 1024px){.expense-dialog{width:90vw;max-height:90vh;border-radius:20px}.expense-header,.expense-body,.expense-footer{padding-left:24px;padding-right:24px}}@media (max-width: 768px){.expense-dialog{width:92vw;border-radius:18px}.expense-header,.expense-body,.expense-footer{padding-left:20px;padding-right:20px}.grid-2{grid-template-columns:1fr;gap:16px}.split-methods{grid-template-columns:1fr;gap:12px}.split-tile{padding:14px 12px}.btn{padding:12px 18px;font-size:.95rem}.input-with-prefix,.input-with-suffix{width:100%}}@media (max-width: 480px){.expense-dialog{width:94vw;height:auto;max-height:90vh;border-radius:16px}.expense-header,.expense-body,.expense-footer{padding:16px}.expense-header h3{font-size:1.1rem}.expense-close{width:32px;height:32px;font-size:16px}.split-tile{padding:12px;font-size:.9rem}.btn{width:100%;padding:12px;font-size:.9rem}.split-list{width:100%}.input-with-prefix span,.input-with-suffix span{margin-right:8px;font-size:.9rem}.input-with-suffix.small{min-width:auto;width:100%}}@media (max-width: 360px){.expense-dialog{width:96vw}.expense-header h3{font-size:1rem}.btn{font-size:.85rem;padding:10px 14px}}.btn:focus-visible,.split-tile:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast: high){.expense-dialog{border:3px solid #000;background:#fff}.btn.primary{background:#000;border:2px solid #000}.btn.cancel{border:2px solid #000}}.modal-backdrop{position:fixed;inset:0;background:#0a142899;display:grid;place-items:center;z-index:1000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:backdropFadeIn .4s cubic-bezier(.4,0,.2,1);padding:24px}.modal-dialog.settings{width:440px;max-width:calc(100vw - 48px);max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto 1fr auto;background:#fffffffa;color:#0d47a1;border:1px solid rgba(102,126,234,.2);border-radius:20px;backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset;overflow:hidden;transform-origin:center;animation:modalSlideIn .5s cubic-bezier(.34,1.56,.64,1)}.modal-header,.modal-footer{padding:16px 20px}.modal-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#4061f7,#8a98f9);background-size:200% 200%;color:#fff;border-bottom:1px solid rgba(255,255,255,.18);animation:gradientShift 6s ease infinite}.modal-header h3{margin:0;font-size:20px;font-weight:800;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.close-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);width:40px;height:40px;border-radius:12px;font-size:22px;line-height:1;cursor:pointer;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-btn:hover{background:#fff3;transform:scale(1.05) rotate(90deg);box-shadow:0 4px 12px #0003}.close-btn:focus-visible{outline:2px solid #90caf9;outline-offset:2px}.close-btn:active{animation:buttonPress .1s ease}.modal-body{padding:20px;overflow:auto}.info-card{background:#f5f9ff;border:1px solid #d2e4ff;border-radius:12px;padding:16px 18px;box-shadow:0 4px 12px #3b82f61a;animation:infoSlideIn .5s ease}.info-card h4{margin:0 0 12px;font-size:15px;color:#0d47a1}.row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:14px;color:#1a237e}.row span:first-child{opacity:.85}.row .value{font-weight:600;color:#0d47a1}.modal-footer{border-top:1px solid rgba(102,126,234,.15);background:#f8fafcf2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;gap:10px}.danger{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 14px;border-radius:12px;border:0;cursor:pointer;color:#fff;background:linear-gradient(180deg,#e53935,#c62828);box-shadow:0 10px 24px #c6282873,0 2px 6px #c6282859;font-weight:700;transition:transform .08s ease,filter .2s ease}.danger:hover{filter:brightness(1.05)}.danger:active{transform:translateY(1px)}.danger:focus-visible{outline:2px solid #90caf9;outline-offset:2px}@keyframes backdropFadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@keyframes modalSlideIn{0%{transform:scale(.85) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}@keyframes infoSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 768px){.modal-dialog.settings{width:calc(100vw - 24px);border-radius:18px}}@media (max-width: 480px){.modal-dialog.settings{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.modal-header h3{font-size:18px}.close-btn{width:36px;height:36px;font-size:18px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.analytics-container{font-family:Segoe UI,sans-serif;min-height:100vh;background:#f9fafb;color:#111827}.stats-grid{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:20px}.stat-card{flex:1;min-width:160px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000014}.stat-header{display:flex;align-items:center;gap:8px}.stat-label{font-size:14px;font-weight:600}.stat-value{font-size:20px;font-weight:700;margin-top:6px}.stat-sub{font-size:12px;color:#6b7280}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:20px;box-shadow:0 1px 3px #00000014}.card h3{font-size:16px;font-weight:600;margin-bottom:12px}.sub-text{font-size:13px;color:#6b7280;margin-left:6px}.row.two-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.row.two-cards .card{height:100%;display:flex;flex-direction:column}.payers{display:flex;flex-direction:column;gap:12px}.payer-row{display:flex;align-items:center;gap:10px}.payer-id{width:32px;height:32px;border-radius:50%;color:#fff;font-weight:700;display:grid;place-items:center}.payer-details{flex:1}.payer-name{font-weight:600}.bar-wrap{width:100%;height:8px;background:#e5e7eb;border-radius:6px;margin:4px 0}.bar{height:100%;border-radius:6px}.payer-balance{font-size:12px;color:#6b7280}.payer-amount{font-weight:600}.settle-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px dashed #e5e7eb}.settle-from,.settle-to{min-width:64px;height:28px;border-radius:8px;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-weight:700}.arrow{display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 6px;color:#000}.arrow svg{vertical-align:middle;stroke-width:2.2px;transition:transform .2s ease}.arrow:hover svg{transform:scale(1.2)}.settle-text{font-size:14px;color:#374151;flex:1;margin-left:10px}.settle-amount{font-weight:600;color:#dc2626;min-width:30px;text-align:right}.settle-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:4px 10px;cursor:pointer;font-size:13px;transition:background-color .15s ease-in-out,opacity .15s;white-space:nowrap}.settle-btn:hover{background:#2563eb}.settle-btn:disabled,.settle-btn[disabled]{background:#93c5fd;color:#f8fafc;cursor:not-allowed;opacity:.8;box-shadow:none}.balance-breakdown{margin-top:12px;border-top:1px dashed #e5e7eb;padding-top:12px}.balance-breakdown h4{font-size:14px;font-weight:600;margin:0 0 8px}.balance-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:6px 0}.balance-name{font-weight:500}.balance-amount{font-weight:700}.balance-amount.positive{color:#16a34a}.balance-amount.negative{color:#dc2626}.balance-status{font-size:12px;color:#6b7280}.split-heatmap{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}.split-box{background:#fff;border-radius:12px;padding:8px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014}.heatmap-grid{display:flex;gap:10px;flex-wrap:wrap}.heatmap-cell{flex:1;min-width:80px;border-radius:8px;padding:10px;color:#fff;text-align:center;font-weight:600}.heatmap-day{font-size:14px}.heatmap-amt{font-size:12px;opacity:.9}.timeline-chart{margin-top:10px}.insights-card ul{padding-left:18px;margin:0}.insights-card li{margin-bottom:6px;font-size:14px;color:#111827}@media (max-width: 1024px){.row.two-cards{grid-template-columns:1fr}}@media (max-width: 900px){.split-heatmap{grid-template-columns:1fr}.row.two-cards .card{width:100%}#settle-row{padding:0}}@media (max-width: 768px){.row.two-cards{grid-template-columns:1fr}.row.two-cards .card{width:100%}#settle-row{padding:2px}}.expense-card{border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:350px;overflow-y:auto;scrollbar-width:thin;background:#ffffff0d;transition:transform .2s ease,box-shadow .2s ease}.expense-card:hover{transform:translateY(-2px);box-shadow:0 12px 36px #00000026}.header{font-weight:700;font-size:15px;opacity:.95;margin-bottom:12px;color:#1a1a1a}.list{display:flex;flex-direction:column;gap:12px}.expense-row{display:grid;grid-template-columns:1fr auto;align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px;transition:all .2s ease}.expense-row:hover{background:#ffffff1f;box-shadow:0 4px 12px #00000014}.left{display:flex;align-items:center;gap:14px;min-width:0}.thumb{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#0000000d}.thumb-icon{font-size:20px}.texts{display:flex;flex-direction:column;min-width:0;position:relative}.title-row{display:flex;align-items:center;gap:8px;min-width:0}.title{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#111}.sub{font-size:13px;opacity:.8;color:#555}.right{display:flex;gap:6px;align-items:center}.amt{display:flex;align-items:center;font-weight:700;font-size:20px;color:#222}.cat{font-size:13px;opacity:.75;color:#666}.delete-btn{font-size:20px;color:#e13f3fcc;padding:2px;transition:all .3s ease-in-out;cursor:pointer}.delete-btn:hover{transform:translateY(-4px);color:#e60408}.split-toggle-btn{border:0;background:transparent;padding:5px;border-radius:6px;cursor:pointer;color:#555;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease}.split-toggle-btn:hover{background:#0000000d}.split-toggle-btn:focus-visible{outline:2px solid rgba(99,102,241,.6);outline-offset:2px}.split-toggle-btn .rotated{transform:rotate(180deg);transition:transform .15s ease}.split-dropdown{position:absolute;top:34px;left:0;min-width:280px;max-width:520px;padding:12px 16px;background:#fffffff7;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 24px #0000001f;border-radius:12px;z-index:10;color:#333;font-size:.94rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .2s ease,transform .2s ease}.split-line{white-space:normal;font-weight:600;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.05);color:#222}.split-line:last-child{border-bottom:none}.goa-trip-container{display:flex;flex-direction:column;gap:10px;color:#333;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;scroll-behavior:smooth}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header-left{display:flex;align-items:center;gap:15px}.back-btn{background:#fff3;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.back-btn:hover{background:#ffffff4d;transform:translateY(-2px);color:#3b3b3bea}.title-section h1{margin:0;font-size:28px;font-weight:600}.title-section p{margin:5px 0 0;opacity:.8;font-size:14px}.header-right{display:flex;align-items:center;gap:10px}.action-buttons{display:flex;gap:10px}.invite-btn,.settings-btn,.add-expense-btn{background:#fff3;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;font-weight:500;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.add-expense-btn{background:#10b981cc}.invite-btn:hover,.settings-btn:hover,.add-expense-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.add-expense-btn:hover{background:#10b981}.hamburger-btn{display:none;align-items:center;justify-content:center;background:#fff3;border:1px solid rgba(255,255,255,.2);width:44px;height:44px;border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:22px;color:#0d47a1;box-shadow:0 8px 32px #0000001a}.hamburger-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.hamburger-menu-backdrop{position:fixed;inset:0;background:#0a142859;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:start end;padding:16px;z-index:1000;animation:fadeIn .3s ease forwards}.hamburger-menu{width:220px;background:#fffffff2;border-radius:14px;border:1px solid rgba(13,71,161,.15);padding:10px;box-shadow:0 10px 25px #00000014,0 0 1px #0000001a;color:#0d47a1;margin-top:100px;transform-origin:top right}.hamburger-item{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:none;border-radius:10px;padding:12px 14px;cursor:pointer;color:#0a2540;font-weight:600;font-size:14px;transition:all .25s ease}.hamburger-item i{font-size:18px;color:#0d47a1;transition:color .25s ease}.hamburger-item:hover{background:#e3f2fd;transform:translate(-3px)}.hamburger-item:hover i{color:#1976d2}.hamburger-item:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.animate-slide-down{animation:slideDown .35s cubic-bezier(.25,1,.5,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 600px){.hamburger-menu{width:85%;margin-top:80px;margin-right:auto;margin-left:auto;border-radius:16px}.hamburger-item{font-size:15px;padding:14px}.hamburger-menu-backdrop{place-items:center}}.navigation-tabs{display:flex;gap:5px;margin-bottom:30px;padding:5px;color:#000;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.tab{flex:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.tab.active{background:#003ffd33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tab:hover:not(.active){background:#ffffff1a}.content-grid{margin:0 10px;display:grid;grid-template-columns:1fr 1fr;place-items:center;justify-items:stretch;width:100%}.group-summary-card,.member-balances-card{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:95%;border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;min-height:280px;max-height:80%}.member-balances-card .members-list{flex:1;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#1976d2 #e3f2fd}.member-balances-card .members-list::-webkit-scrollbar{width:8px}.member-balances-card .members-list::-webkit-scrollbar-track{background:#e3f2fd;border-radius:4px}.member-balances-card .members-list::-webkit-scrollbar-thumb{background-color:#1976d2;border-radius:4px;border:2px solid #e3f2fd}.member-balances-card .members-list::-webkit-scrollbar-thumb:hover{background-color:#1565c0}.group-summary-card h3,.member-balances-card h3{margin:0 0 20px;font-size:18px;font-weight:600;opacity:.9}.summary-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px}.summary-item:last-child{margin-bottom:0}.amount{font-size:24px;font-weight:700;color:#10b981}.count{font-size:20px;font-weight:600}.detail{font-size:15px;font-weight:500}.invite-code{background:#ffc107e6;color:#000;padding:4px 12px;border-radius:6px;font-weight:600;font-size:12px;letter-spacing:1px}.members-list{display:flex;flex-direction:column;gap:16px}.member-item{display:flex;align-items:center;gap:12px}.member-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.member-info{flex:1}.member-name{font-weight:600;font-size:14px;margin-bottom:2px}.member-email{font-size:12px;opacity:.7}.member-balance{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.member-balance.gets{background:#10b981cc}.member-balance.owes{background:#ef4444cc}@media (max-width: 768px){.header{display:flex;flex-direction:row;gap:170px;align-items:flex-start}.action-buttons{display:none}.hamburger-btn{display:inline-flex}.header-right{width:100%;justify-content:flex-end}.content-grid{grid-template-columns:1fr;gap:15px}.navigation-tabs{flex-direction:column}.tab{text-align:left}}@media (max-width: 480px){.header-right{flex-direction:row;gap:8px}.invite-btn,.settings-btn,.add-expense-btn{width:100%;justify-content:center}.member-item{flex-wrap:wrap}.member-balance{margin-left:auto}.title-section h1{margin:0;font-size:18px;font-weight:00}}.invite-backdrop{position:fixed;inset:0;background:#00000059;display:grid;place-items:center;z-index:50}.invite-dialog{width:310px;background:#ffffffeb;border:1px solid #cfe3ff;border-radius:14px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:20px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset;color:#0d47a1}.invite-header{display:flex;align-items:center;justify-content:space-between}.invite-header h3{margin:0;font-size:18px;font-weight:700;color:#1565c0}.close-btn{color:#1565c0;background:none;border:none;width:28px;height:28px;border-radius:6px;cursor:pointer;transition:background .2s}.close-btn:hover{background:#1565c01a}.invite-sub{margin:12px 0 16px;font-size:14px;color:#37474f;opacity:.95}.code-box{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;background:#e3f2fd;border-radius:10px;padding:12px}.code-text{font-weight:900;letter-spacing:2px;color:#1565c0;text-align:center}.actions{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.copy-btn,.share-btn{border:none;padding:10px 12px;border-radius:10px;font-weight:600;cursor:pointer;transition:background .2s}.copy-btn{background:#1976d2;color:#fff}.copy-btn:hover{background:#1565c0}.share-btn{background:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}.share-btn:hover{background:#d0e6fa}.copy-btn:active,.share-btn:active,.close-btn:active{transform:translateY(1px)}html,body,#root{height:100%;margin:0;background:linear-gradient(135deg,#f8fbff,#eef4ff);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;letter-spacing:.2px}.geRoot{min-height:100vh;position:relative;overflow:hidden;padding:28px;color:#0f172a;background:linear-gradient(135deg,#f8fbff,#eef4ff)}.geBlob{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(110px);opacity:.35;pointer-events:none}.geBlobLeft{left:-120px;bottom:-140px;background:#cfe7ff}.geBlobRight{right:140px;top:60px;background:#e7dbff}.geTopBar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.geTitle{margin:0;font-size:28px;color:#0b1324;font-weight:600}.geActions{display:flex;gap:12px}.geBtn{border:none;border-radius:10px;padding:12px 20px;font-weight:500;cursor:pointer;transition:all .2s ease}.geBtn:hover{transform:translateY(-1px)}.geBtn:active{transform:translateY(0);opacity:.96}.geBtnGhost{background:#f8fafc;color:#1e293b;border:1px solid #e2e8f0}.geBtnGhost:hover{background:#f1f5f9}.geBtnPrimary{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.geBtnPrimary:hover{filter:brightness(1.05);box-shadow:0 6px 16px #2563eb40}.geBtnWide{min-width:160px}.geGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;margin-top:12px}.geEmpty{grid-column:1 / -1;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;box-shadow:0 10px 28px #0206171a}.geCard{display:flex;justify-content:space-between;gap:24px;width:100%;padding:22px;border-radius:14px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 28px #0206171a;color:inherit;text-align:left;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease}.geCard:hover{transform:translateY(-2px);box-shadow:0 18px 40px #02061724;border-color:#cbd5e1}.geCardLeft{flex:1;min-width:0}.geCardTitle{margin:0 0 6px;font-size:18px;font-weight:600;color:#0b1324}.geCardSub{margin:0 0 12px;color:#475569}.geCardMeta{display:flex;gap:16px;color:#64748b;font-size:14px;margin-bottom:12px}.geAvatars{display:flex;gap:8px}.geAvatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;font-size:12px;font-weight:600;border:1px solid #bfdbfe;color:#0b1324;background:#e0efff}.geAvatar.blue{background:#93c5fd;border-color:#93c5fd;color:#0b1324}.geAvatar.green{background:#86efac;border-color:#bbf7d0;color:#064e3b}.geAvatar.pink{background:#fecdd3;border-color:#fecaca;color:#4c0519}.geCardRight{display:flex;flex-direction:column;align-items:flex-end;gap:14px;min-width:160px}.geHint{margin:0;color:#64748b;font-size:12px;letter-spacing:.2px}.geAmount{margin:2px 0 0;font-size:24px;color:#0b1324}.geBadge{display:inline-block;background:#f5f9ff;color:#0b1324;padding:4px 10px;border-radius:8px;font-weight:600;letter-spacing:.2px;border:1px solid #e2e8f0}.geModalBackdrop{position:fixed;inset:0;background:#92a6d83f;z-index:1000}.geModalWrap{position:fixed;inset:0;display:grid;place-items:center;z-index:1001;padding:24px}.geModalCard{width:min(520px,92vw);background:#fff;border-radius:14px;box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px,#0a254059 0 -2px 6px inset;color:#0f172a;animation:geFadeIn .18s ease;overflow:hidden}.geModalHead{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 12px;border-bottom:1px solid #f1f5f9}.geModalTitle{margin:0;font-size:22px;font-weight:600;color:#1e293b}.geIconBtn{border:1px solid transparent;background:transparent;color:#0f172a;font-size:18px;cursor:pointer;padding:6px 8px;border-radius:8px;transition:all .2s ease}.geIconBtn:hover{background:#f1f5f9;border-color:#e2e8f0}.geModalBody{padding:14px 22px 20px}.geFieldLabel{display:block;font-size:13px;color:#475569;margin:10px 0 6px;font-weight:500}.geField{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;margin-bottom:16px;transition:border-color .2s,box-shadow .2s}.geField:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.geFieldIcon{font-size:16px;color:#64748b}.geInput,.geTextarea,.geSelectEl{flex:1;border:none;background:transparent;color:#0f172a;outline:none;font-size:15px}.geInput::placeholder,.geTextarea::placeholder{color:#94a3b8}.geInput:focus{outline:none;box-shadow:none;border-color:initial}.geSelectEl{appearance:none;padding-right:30px;background-image:url("data:image/svg+xml;utf8,<svg fill='%2394a3b8' height='20' viewBox='0 0 24 24' width='20' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.geModalActions{display:flex;gap:12px;justify-content:flex-start;margin-top:10px}@keyframes geFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.geGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}}@media (max-width: 768px){.geTopBar{flex-direction:column;align-items:flex-start;gap:12px}.geActions{width:100%}.geCard{flex-direction:column;align-items:flex-start}.geCardRight{align-items:flex-start}.geCardRight{display:flex;flex-direction:row;gap:120px!important}.geModalActions{gap:20px;display:flex;flex-direction:column}.geModalCard{width:85vw;height:70vh;overflow-y:auto;overflow-x:hidden}}@media (max-width: 480px){.geTitle{font-size:22px}.geGrid{grid-template-columns:1fr;gap:12px}.geCard{padding:16px;gap:16px}.geCardTitle{font-size:16px}.geAmount{font-size:20px}.geModalCard{width:85vw;height:70vh;overflow-y:auto;overflow-x:hidden}.geModalBody{width:100%}.geCardRight{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:75px}.geModalActions{gap:20px;display:flex;flex-direction:column}}.group-expense{display:flex;flex-direction:column;height:100vh;width:100%}.group-expense-nav{flex-shrink:0;z-index:10}.group-expense-content{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#1976d2 #e3f2fd;padding-right:8px;box-sizing:border-box}.group-expense-content::-webkit-scrollbar{width:8px}.group-expense-content::-webkit-scrollbar-track{background:#e3f2fd;border-radius:4px}.group-expense-content::-webkit-scrollbar-thumb{background-color:#1976d2;border-radius:4px;border:2px solid #e3f2fd}.group-expense-content::-webkit-scrollbar-thumb:hover{background-color:#1565c0}@media (max-width: 1024px){.group-expense-content{padding-right:6px}}@media (max-width: 768px){.group-expense{height:auto}.group-expense-content{padding:0 6px}}@media (max-width: 480px){.group-expense{height:auto}.group-expense-content{padding:0 4px}}:root{--sidebar-collapsed: 80px;--sidebar-expanded: 280px;--radius-xl: 20px;--shadow-strong: 4px 0 20px rgba(0,0,0,.3);--surface: #ffffff;--text: #111827;--text-muted: #6b7280;--brand: #3b82f6;--brand-600: #2563eb;--brand-700: #1d4ed8;--border: rgba(0,0,0,.08);--bg-alt: #f3f4f6}.sidebar{position:sticky;top:0;height:100vh;width:var(--sidebar-collapsed);transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s ease;display:flex;flex-direction:column;z-index:1000;border-radius:0 var(--radius-xl) var(--radius-xl) 0;box-shadow:var(--shadow-strong);background:var(--surface);will-change:width,transform}@media (hover: hover) and (min-width: 1025px){.sidebar:hover{width:var(--sidebar-expanded)}}.sidebar-header{padding:24px 20px}.sidebar-brand{display:flex;align-items:center;color:#4d4d4d;font-size:18px;font-weight:600;white-space:nowrap}.brand-icon{width:40px;height:40px;border-radius:12px;margin-right:16px;flex-shrink:0}.brand-text{opacity:0;transform:translate(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);transition-delay:.1s;font-size:clamp(18px,2vw,24px)}@media (hover: hover) and (min-width: 1025px){.sidebar:hover .brand-text{opacity:1;transform:translate(0)}}.sidebar-nav{flex:1;padding:16px 8px;overscroll-behavior:contain;scroll-behavior:smooth}.nav-wrapper{display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;padding:14px 16px;color:#374151;text-decoration:none;transition:all .25s ease;position:relative;margin:4px 8px;border-radius:12px;background:transparent;cursor:pointer;outline:none}.nav-item:hover{background:#9ec3ff;color:#030303;transform:translate(2px)}.nav-item.active{background:var(--brand);color:#000}.nav-icon{width:24px;height:24px;flex-shrink:0;margin-right:16px}.nav-text{opacity:0;transform:translate(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;font-weight:600;letter-spacing:.2px}@media (hover: hover) and (min-width: 1025px){.sidebar:hover .nav-text{opacity:1;transform:translate(0)}}.nav-item:hover:after{opacity:1;transform:translate(0)}@media (hover: hover) and (min-width: 1025px){.sidebar:hover .nav-item:after{display:none}}.dropdown{max-height:0;overflow:hidden;opacity:0;transform:translateY(-4px);transition:max-height .3s ease,opacity .3s ease,transform .3s ease;background:#fff;margin-left:2.5rem;border-left:2px solid var(--border);border-radius:8px}.dropdown.open{max-height:240px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:600;opacity:1;transform:translateY(0);z-index:10000}.dropdown-item{display:block;padding:8px 10px;color:#111827;text-decoration:none;transition:background .2s;border-radius:8px;margin:2px 4px}.dropdown-item:hover{background:var(--bg-alt)}.dropdown-item.active{background:#e5f0ff;color:var(--brand-700)}.sidebar-footer{padding:16px;flex-shrink:0}.user-profile{display:flex;align-items:center;color:#000;transition:all .3s ease;padding:10px;width:100%;border-radius:12px;background:#f9fbff;overflow:hidden}.user-avatar{width:28px;height:28px;border-radius:50%;margin-right:12px;background:linear-gradient(135deg,#0a68ff,#7eafff);z-index:10}.user-info{opacity:0;transform:translate(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);transition-delay:.1s}.user-name{font-weight:700;margin:0;font-size:14px;color:#111827}.user-role{font-size:12px;color:#545454;margin:2px 0 0}@media (hover: hover) and (min-width: 1025px){.sidebar:hover .user-info{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.sidebar{position:fixed;inset:0 auto 0 0;width:min(85vw,320px);max-width:90vw;transform:translate(-100%);border-radius:0 var(--radius-xl) var(--radius-xl) 0;box-shadow:var(--shadow-strong)}.brand-text,.nav-text,.user-info{opacity:1;transform:none}.sidebar.sidebar--open{transform:translate(0)}.sidebar-overlay{position:fixed;inset:0;background:#00000059;-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:999}.sidebar-overlay.is-visible{opacity:1;pointer-events:auto}}.main-content{margin-left:var(--sidebar-collapsed);transition:margin-left .3s cubic-bezier(.4,0,.2,1);padding:16px;height:100vh;background:#f8fafc;width:100%;box-sizing:border-box}@media (hover: hover) and (min-width: 1025px){.sidebar:hover~.main-content{margin-left:var(--sidebar-expanded)}}@media (max-width: 1024px){.main-content{margin-left:0;padding:12px}}@media (max-width: 1024px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;max-width:85vw;height:100vh;z-index:1200;background:#fff;border-radius:0 20px 20px 0;box-shadow:4px 0 20px #0000004d;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.sidebar.sidebar--open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000059;z-index:1199;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-overlay.is-visible{opacity:1;pointer-events:auto}}@media (max-width: 1024px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(85vw,320px);height:100vh;z-index:1200;background:#fff;border-radius:0 20px 20px 0;box-shadow:4px 0 20px #0000004d;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sidebar.sidebar--open{transform:translate(0)}.sidebar-nav,.nav-wrapper{position:relative;overflow:visible;z-index:1}.nav-item .chev{margin-left:auto;transition:transform .2s ease}.nav-item .chev.rot{transform:rotate(180deg)}.dropdown{position:absolute;left:56px;top:100%;min-width:180px;max-width:calc(100vw - 24px);background:#fff;border:1px solid var(--border, rgba(0,0,0,.08));border-radius:10px;box-shadow:0 10px 24px #0000001f;padding:6px;z-index:1400;max-height:0;opacity:0;transform:translateY(-4px);transition:max-height .25s ease,opacity .2s ease,transform .2s ease;overflow:hidden}.dropdown.open{max-height:320px;font-weight:600;opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(0);overflow:auto;-webkit-overflow-scrolling:touch}.dropdown-item{display:block;padding:8px 10px;color:#111827;text-decoration:none;border-radius:8px;transition:background .2s ease,color .2s ease;white-space:nowrap}.dropdown-item:hover{background:var(--background-alt, #f3f4f6)}.dropdown-item.active{background:#e5f0ff;color:#1d4ed8}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000059;z-index:1199;opacity:0;pointer-events:none;transition:opacity .2s}.sidebar-overlay.is-visible{opacity:1;pointer-events:auto}}@media (min-width: 1025px){.sidebar-overlay{display:none!important}}@media (max-width: 1024px){.sidebar,.sidebar-nav,.nav-item,.dropdown,.dropdown-item,.menu-btn{pointer-events:auto}.sidebar:before,.sidebar:after{pointer-events:none}}@media (max-width: 1024px){.sidebar{overflow-y:auto}.sidebar-nav,.nav-wrapper{position:relative;overflow:visible;z-index:1}.dropdown{position:absolute;left:56px;top:100%;z-index:1400;max-height:0;opacity:0;transform:translateY(-4px);transition:max-height .25s ease,opacity .2s ease,transform .2s ease;overflow:hidden}.dropdown.open{max-height:320px;font-weight:600;opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(0);overflow:auto;-webkit-overflow-scrolling:touch}.sidebar-overlay{z-index:1199}.sidebar{z-index:1200}}@media (max-width: 768px){.dropdown{display:none}.dropdown.open{display:flex;flex-direction:column}}@media (max-width: 1024px){.nav-wrapper{position:static!important}.dropdown{position:static!important;left:0!important;top:0!important;background:#f9fbff;border:none;box-shadow:none;border-left:3px solid var(--brand-600);border-radius:8px;margin-left:2.5rem;margin-top:4px;overflow:hidden;max-height:0;opacity:0;transform:translateY(-5px);transition:all .3s ease}.dropdown.open{max-height:300px;opacity:1;transform:translateY(0);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dropdown-item{padding:10px 14px;font-size:15px;color:#111827;transition:background .2s ease}.dropdown-item:hover{background:#3b82f61a}.nav-item .chev{margin-left:auto;transition:transform .3s ease}.nav-item .chev.rot{transform:rotate(180deg)}}.Home-Container{display:flex;height:100vh;width:100%;overflow-x:hidden;overflow-y:auto;background:#f8fafc;flex-direction:row}.app-topbar{position:sticky;top:0;z-index:1100;background:#fff;border-bottom:1px solid rgba(0,0,0,.06);display:none;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px}.topbar-left{display:flex;align-items:center;gap:10px}.topbar-logo{width:40px;height:40px;border-radius:8px;object-fit:cover}.topbar-title{margin:0;font-size:18px;font-weight:700;color:#111827}.app-topbar .menu-btn{appearance:none;border:none;background:transparent;padding:8px;border-radius:8px;cursor:pointer}.app-topbar .menu-btn:active{background:#eef2ff}@media (max-width: 1024px){.app-topbar{display:flex}.Home-Container{flex-direction:column;height:100vh;overflow-y:auto}}.pe-analytics-container{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 6px 20px #0000001a;width:95%;max-width:900px;margin:1.5rem auto;transition:transform .2s ease-in-out}.pe-analytics-container:hover{transform:translateY(-3px)}.pe-analytics-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.2rem}.pe-analytics-title{font-size:1.4rem;font-weight:700;color:#111827;margin:0;flex:1;min-width:150px}.chart-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.btn-toggle{padding:8px 16px;border-radius:.5rem;font-size:.9rem;font-weight:500;color:#4b5563;background:#f3f4f6;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease-in-out}.btn-toggle:hover{background:#e5e7eb;color:#111827}.btn-toggle.active{background-color:#2157de;color:#fff;border:none;box-shadow:0 4px 10px #6366f166}.pe-chart-container{width:100%;height:350px;display:flex;justify-content:center;align-items:center;background:#f9fafb;border-radius:.75rem;padding:.75rem;overflow:hidden;position:relative}.pe-chart-container .echarts-for-react{width:100%!important;height:100%!important;min-width:0}@media (max-width: 768px){.pe-analytics-container{padding:1rem;margin:1rem auto}.pe-analytics-header{flex-direction:column;align-items:stretch;text-align:center;margin-bottom:1rem}.pe-analytics-title{font-size:1.2rem;margin-bottom:.5rem}.chart-buttons{justify-content:center;width:100%}.btn-toggle{flex:1 1 45%;min-width:100px;font-size:.85rem;padding:6px 12px}.pe-chart-container{height:300px;padding:.5rem}}@media (max-width: 480px){.pe-analytics-container{padding:.75rem;margin:.5rem auto;width:98%}.pe-analytics-title{font-size:1.1rem}.btn-toggle{flex:1 1 100%;font-size:.8rem;padding:6px 10px}.pe-chart-container{height:250px;padding:.25rem}}@media (max-width: 360px){.pe-analytics-container{padding:.5rem;border-radius:.5rem}.pe-analytics-title{font-size:1rem}.pe-chart-container{height:220px;border-radius:.5rem}}.ai-insights-card{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;padding:20px;margin-bottom:24px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .3s ease}.ai-insights-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f633}.ai-insights-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;transform:translate(30px,-30px)}.ai-insights-header{display:flex;align-items:center;gap:12px;margin-bottom:12px;position:relative;z-index:2}.ai-icon{width:32px;height:32px;background:#fff3;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .3s ease;animation:aiPulse 2s infinite}@keyframes aiPulse{0%,to{transform:scale(1);box-shadow:0 0 #ffffff4d}50%{transform:scale(1.05);box-shadow:0 0 0 8px #fff0}}.ai-insights-card h2{font-size:18px;font-weight:700;color:#fff;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.ai-insights-card p{font-size:14px;color:#ffffffe6;line-height:1.6;margin:0;position:relative;z-index:2;text-shadow:0 1px 2px rgba(0,0,0,.1)}.stats-grid{display:flex;justify-content:space-between;align-items:stretch;margin-bottom:24px;width:100%}.stats-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease;width:100%;max-width:48%;box-sizing:border-box;position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background .3s ease}.this-month-card:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.investments-card:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stats-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f;border-color:#3b82f6}.stats-card:hover:before{height:4px}.card-header{display:flex;align-items:flex-start;gap:20px}.card-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:4px;transition:all .3s ease;position:relative}.card-icon:after{content:"";position:absolute;inset:-2px;border-radius:14px;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1),transparent 70%);opacity:0;transition:opacity .3s ease}.stats-card:hover .card-icon:after{opacity:1}.stats-card:hover .card-icon{transform:scale(1.05);box-shadow:0 6px 20px #00000026}.this-month-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.investments-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.card-info{flex:1;min-width:0}.card-info h3{font-size:12px;font-weight:600;color:#64748b;margin:0 0 6px;letter-spacing:.5px;text-transform:uppercase;transition:color .3s ease}.stats-card:hover .card-info h3{color:#3b82f6}.card-value{font-size:32px;font-weight:700;color:#1e293b;margin:0 0 12px;line-height:1;transition:all .3s ease}.stats-card:hover .card-value{transform:scale(1.02)}.this-month-card .card-details{margin-bottom:20px}.detail-item{font-size:14px;color:#64748b;margin-bottom:12px;display:flex;justify-content:flex-start;align-items:center;transition:color .3s ease}.stats-card:hover .detail-item{color:#475569}.card-breakdown{display:flex;flex-direction:column;gap:8px;margin-top:16px}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-radius:6px;transition:all .3s ease}.breakdown-item:hover{background:#f8fafc;padding-left:8px;padding-right:8px}.breakdown-label{font-size:14px;color:#64748b;font-weight:400;transition:color .3s ease}.breakdown-value{font-size:14px;font-weight:600;color:#1e293b;transition:color .3s ease}.breakdown-item:hover .breakdown-label{color:#475569}.breakdown-item:hover .breakdown-value{color:#3b82f6}.investments-card .card-value{color:#059669}.investments-card .card-info h3,.investments-card .card-value{text-align:left}.investment-progress{display:flex;align-items:center;gap:12px;margin-top:20px}.progress-bar{flex:1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;width:85%;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:4px;transition:all .3s ease;animation:progressGlow 2s infinite alternate}@keyframes progressGlow{0%{box-shadow:0 0 #f59e0b66}to{box-shadow:0 0 8px #f59e0b99}}.progress-text{font-size:15px;font-weight:700;color:#059669;white-space:nowrap;transition:transform .3s ease}.stats-card:hover .progress-text{transform:scale(1.05)}@media (max-width: 1200px){.stats-grid{gap:20px}.stats-card{max-width:48%}}@media (max-width: 900px){.stats-grid{flex-direction:row;gap:20px;align-items:center}.stats-card{width:100%;max-width:500px}}@media (max-width: 768px){.ai-insights-card{padding:16px;margin-bottom:20px}.ai-insights-card:before{width:60px;height:60px}.stats-card{padding:20px;max-width:100%}.card-header{gap:16px}.card-icon{width:48px;height:48px}.card-value{font-size:28px}.ai-insights-card h2{font-size:16px}.ai-insights-card p{font-size:13px}}body{background:#f8fafc;color:#1e293b}.expense-form-container{background:linear-gradient(135deg,#fffffff2,#f0f8fffa,#fffffff2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;border:1px solid rgba(59,130,246,.2);box-shadow:0 8px 32px #3b82f626,0 2px 8px #00000014,inset 0 1px #ffffffe6;overflow:visible}.form-header{display:flex;align-items:center;margin-bottom:20px;gap:12px}.form-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;box-shadow:0 4px 12px #3b82f64d}.form-title{font-size:22px;font-weight:800;color:#1e293b;margin-top:10px;text-shadow:none}.expense-form{display:flex;flex-direction:column;gap:16px}.input-group{position:relative;display:flex;align-items:center}.input-group input{width:100%;background:#ffffffe6;border:2px solid #e2e8f0;padding:13px 16px;border-radius:10px;font-size:16px;color:#334155;outline:none;transition:all .3s ease;font-family:inherit;box-sizing:border-box}.input-group input::placeholder{color:#94a3b8}.input-group input:focus{border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.input-icon{position:absolute;right:16px;color:#94a3b8;pointer-events:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.amount-group{position:relative}.currency-symbol{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#64748b;font-size:16px;font-weight:600;z-index:2}.amount-input{padding-left:40px!important}.dropdown-container{position:relative;z-index:1000}.category-button-wrapper{width:100%;height:52px;position:relative}.category-dropdown{position:absolute;top:0;left:0;width:100%;height:52px;background:#fff!important;border:2px solid #e2e8f0;border-radius:10px;padding:0;margin:0;cursor:pointer;outline:none;transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease;font-family:inherit;box-sizing:border-box;overflow:hidden}.category-dropdown:hover{background:#f8fafc!important;border-color:#cbd5e1}.category-dropdown:focus,.category-dropdown.open{border-color:#3b82f6;background:#fff!important;box-shadow:0 0 0 3px #3b82f61a}.button-content{position:absolute;inset:14px 40px 14px 16px;display:flex;align-items:center;overflow:hidden}.content-text{display:flex;align-items:center;gap:8px;width:100%;overflow:hidden;color:#1e293b;font-size:16px;font-weight:500}.content-text:empty:before{content:"Category";color:#64748b;font-weight:400}.content-icon{font-size:16px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.content-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.button-arrow{position:absolute;top:50%;right:16px;transform:translateY(-50%);width:12px;height:12px;display:flex;align-items:center;justify-content:center}.dropdown-arrow{width:12px;height:12px;color:#1e293b;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 -10px 25px #00000026,0 -4px 6px #00000014;z-index:9999;height:280px;display:flex;flex-direction:column;animation:dropdownSlideUp .2s ease-out}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{padding:12px 16px;background:#f8fafc!important;color:#334155!important;font-weight:600;font-size:14px;border-radius:10px 10px 0 0;letter-spacing:.5px;flex-shrink:0;border-bottom:2px solid #e2e8f0}.dropdown-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 0}.dropdown-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:all .2s ease;gap:12px;border-bottom:1px solid #f1f5f9;min-height:48px}.dropdown-item:hover{background:#f8fafc;transform:translate(4px)}.dropdown-item:last-child{border-bottom:none}.category-icon{font-size:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.category-name{color:#334155;font-size:14px;font-weight:500;flex:1}.submit-button{width:100%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;padding:16px 24px;border-radius:10px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #3b82f64d;margin-top:8px;font-family:inherit}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666;background:linear-gradient(135deg,#2563eb,#1e40af)}.submit-button:active{transform:translateY(0)}.button-icon{font-size:18px;font-weight:700}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px;margin:8px 0}.dropdown-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#cbd5e1,#94a3b8);border-radius:3px;transition:background .2s ease}.dropdown-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#94a3b8,#64748b)}.dropdown-list{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.dropdown-item:active{background:#e2e8f0;transform:translate(0)}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.expense-form-container{padding:20px;margin:10px}.form-title{font-size:18px}.dropdown-menu{height:240px}}.expense-form-container{background:linear-gradient(135deg,#fff,#f8fafc,#fff);border:1px solid #e2e8f0}@media (max-width: 480px){.expense-form-container{padding:16px;margin-left:1px}.form-title{font-size:16px}.input-group input{font-size:14px;padding:12px 14px}.amount-input{padding-left:38px!important}.submit-button{padding:14px 18px;font-size:14px}.form-icon{width:36px;height:36px;font-size:16px}.form-row{gap:10px}}.card-effect{background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 20px #0000004d;border-radius:1rem;width:100%;max-width:100%;margin:auto;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.transaction-header{flex-shrink:0;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;box-sizing:border-box;width:100%}.transaction-list{max-height:450px;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;width:100%}.transaction-list::-webkit-scrollbar{width:8px}.transaction-list::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.transaction-list::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.transaction-list::-webkit-scrollbar-thumb:hover{background:#0006}.header-left{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:nowrap}.back-arrow{width:36px;height:36px;background:#22c55e;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;cursor:pointer;transition:background .2s ease;border:none;flex-shrink:0}.back-arrow:hover{background:#16a34a}.transaction-title{color:#111827;font-size:20px;font-weight:600;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.header-controls{display:flex;align-items:center;gap:12px;min-width:0;flex-shrink:1;flex-wrap:nowrap}.search-input,.category-filter{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;font-size:14px;color:#111827;box-sizing:border-box;min-width:0;width:100%;max-width:200px}.search-input::placeholder{color:#6b7280}.search-input:focus,.category-filter:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 2px #22c55e26}.transaction-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 18px;display:flex;align-items:center;gap:14px;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;box-sizing:border-box;width:100%;min-width:0;flex-wrap:wrap}.transaction-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.transaction-icon{width:42px;height:42px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#374151;flex-shrink:0}.transaction-details{flex:1;min-width:0;overflow:hidden}.transaction-name{color:#111827;font-size:15px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-meta{font-size:13px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-amount{font-size:16px;font-weight:700;color:#ef4444;flex-shrink:0;white-space:nowrap}.delete-button{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:6px 8px;font-size:14px;color:#dc2626;cursor:pointer;transition:background .2s ease;flex-shrink:0;white-space:nowrap}.delete-button:hover{background:#fecaca}.no-transactions{text-align:center;padding:60px 20px;color:#6b7280;box-sizing:border-box}.no-transactions-icon{font-size:40px;margin-bottom:12px}.no-transactions p{font-size:15px;margin:0}@media (max-width: 640px){.transaction-header{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.header-left{align-self:flex-start}.header-controls{flex-direction:column;gap:10px;width:100%}.search-input,.category-filter{width:100%;max-width:none}.search-container{margin-left:auto;margin-right:0;width:100%}.transaction-list{padding:16px}.transaction-card{padding:12px 14px;gap:10px}.transaction-icon{width:36px;height:36px;font-size:16px}.transaction-name{font-size:14px}.transaction-meta{font-size:12px}.transaction-amount{font-size:14px}.transaction-title{font-size:18px}}@media (min-width: 641px) and (max-width: 1024px){.transaction-header{padding:14px 18px}.search-input,.category-filter{max-width:180px;margin-left:auto;margin-right:0}.search-container{margin-left:auto;margin-right:0}.transaction-card{padding:13px 16px;gap:12px}.transaction-icon{width:40px;height:40px;font-size:17px}.transaction-name{font-size:15px}.transaction-meta{font-size:13px}.transaction-amount{font-size:15px}.transaction-title{font-size:19px}}@media (min-width: 1025px){.transaction-header{padding:16px 24px}.search-input,.category-filter{max-width:140px}.transaction-card{padding:14px 18px;gap:14px}.transaction-icon{width:42px;height:42px;font-size:18px}.transaction-name{font-size:15px}.transaction-meta{font-size:13px}.transaction-amount{font-size:16px}.transaction-title{font-size:20px}}.personal-expense{display:flex;flex-direction:column;height:100vh;width:100%}.personal-expense-nav{flex-shrink:0;z-index:10}.personal-expense-content{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#1976d2 #e3f2fd;padding:1rem}.personal-expense-content::-webkit-scrollbar{width:8px}.personal-expense-content::-webkit-scrollbar-track{background:#e3f2fd;border-radius:4px}.personal-expense-content::-webkit-scrollbar-thumb{background-color:#1976d2;border-radius:4px;border:2px solid #e3f2fd}.personal-expense-content::-webkit-scrollbar-thumb:hover{background-color:#1565c0}.personal-expense-content>*{animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-insights,.stats-grid,.expense-form-container,.analytics-chart-container,.transaction-list-container{background-color:#fff;border-radius:12px;padding:1rem;box-shadow:0 4px 10px #0000000d;margin-bottom:1rem}.ai-insights,.stats-grid{width:100%}.dashboard-grid{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.expense-form-container{flex:1 1 300px;min-width:280px}.analytics-chart-container{flex:2 1 500px;min-width:300px;display:flex;justify-content:center;align-items:center}.transaction-list-container table{width:100%;border-collapse:collapse}.transaction-list-container th,.transaction-list-container td{padding:.75rem 1rem;text-align:left}.transaction-list-container th{font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.transaction-list-container tr:hover{background-color:#f3f4f6}.transaction-list-container .delete-btn{background-color:#ef4444;color:#fff;padding:.25rem .75rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.transaction-list-container .delete-btn:hover{background-color:#b91c1c}@media (min-width: 1024px){.dashboard-grid{flex-wrap:nowrap}}@media (min-width: 641px) and (max-width: 1023px){.dashboard-grid{flex-direction:column}.analytics-chart-container{width:100%;min-height:320px}}@media (max-width: 640px){.personal-expense-content{padding:.5rem}.dashboard-grid{flex-direction:column}.expense-form-container,.analytics-chart-container{width:100%}.transaction-list-container table{font-size:.85rem}.transaction-list-container th,.transaction-list-container td{padding:.5rem}}@media (max-width: 360px){.ai-insights,.stats-grid,.expense-form-container,.analytics-chart-container,.transaction-list-container{padding:.75rem}.transaction-list-container table{font-size:.75rem}}.cta{background:linear-gradient(135deg,var(--background) 0%,var(--background-alt) 100%);position:relative;overflow:hidden;padding:clamp(3rem,6vw,6rem) 0}.cta:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(37,99,235,.05) 0%,transparent 70%);animation:float 8s ease-in-out infinite;z-index:0}.cta-content{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,5rem);align-items:center;position:relative;z-index:1}.cta-text{max-width:640px}.cta-text h2{margin-bottom:var(--spacing-md);font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.2}.cta-text p{margin-bottom:var(--spacing-xl);font-size:clamp(1rem,1.4vw,1.25rem)}.cta-features{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.cta-feature{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-weight:500}.cta-actions{display:flex;gap:clamp(.75rem,2vw,1.5rem);flex-wrap:wrap}.cta-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));position:relative;overflow:hidden}.cta-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .8s ease}.cta-primary:hover:before{left:100%}.cta-visual{display:flex;justify-content:center;align-items:center}.cta-stats{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);width:100%;max-width:320px}.stat-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--spacing-lg);text-align:center;border:1px solid var(--border);box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary),var(--accent))}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-number{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-xs)}.stat-label{color:var(--text-secondary);font-weight:600;font-size:.9rem}@media (max-width: 1023px){.cta-content{grid-template-columns:1fr;text-align:center;display:flex;flex-direction:column-reverse}.cta-text{margin:0 auto}.cta-actions{justify-content:center}.cta-visual{order:-1;margin-bottom:var(--spacing-xl)}.cta-stats{grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);max-width:100%}.stat-card{padding:var(--spacing-md)}.stat-number{font-size:clamp(1.25rem,2.5vw,1.75rem)}.lp-heading-2{font-size:2.5em!important}}@media (max-width: 640px){.cta{padding:clamp(2rem,5vw,4rem) 0}.lp-heading-2{font-size:2.5em!important}.cta-content{display:flex;flex-direction:column-reverse;text-align:center}.cta-actions{flex-direction:column;align-items:center}.lp-btn{width:100%;max-width:300px}.cta-stats{display:flex;flex-direction:column}.stat-card{padding:var(--spacing-md);width:80vw!important}}@media (min-width: 1440px){.cta-content{gap:clamp(4rem,6vw,7rem)}.stat-number{font-size:3rem}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.features{background:var(--background-alt)}.features-header{text-align:center;margin-bottom:var(--spacing-3xl);max-width:800px;margin-left:auto;margin-right:auto}.features-header h2{margin-bottom:var(--spacing-md)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-xl);margin-top:var(--spacing-2xl)}.feature-item{background:var(--surface);border-radius:var(--radius-xl);padding:var(--spacing-xl);border:1px solid var(--border);transition:all var(--transition-normal);position:relative;overflow:hidden}.feature-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary),var(--accent));transform:scaleX(0);transition:transform var(--transition-normal)}.feature-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-item:hover:before{transform:scaleX(1)}.feature-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);color:var(--text-white);position:relative;overflow:hidden}.feature-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:all var(--transition-slow)}.feature-item:hover .feature-icon:before{animation:shimmer 1.5s ease-in-out}@keyframes shimmer{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.feature-content h3{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.feature-description{color:var(--text-secondary);line-height:1.6}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.feature-item{padding:var(--spacing-lg)}.feature-icon{width:64px;height:64px}}.footer{background:var(--text-primary);color:var(--text-white);padding:clamp(3rem,6vw,5rem) 0 clamp(1.5rem,3vw,3rem)}.footer-content{display:grid;grid-template-columns:1.2fr 2fr;gap:clamp(2rem,4vw,4rem);margin-bottom:clamp(2rem,4vw,3rem);align-items:flex-start}.lp-footer-brand{max-width:420px}.lp-footer-brand .lp-brand-text{display:flex;align-items:center;font-size:clamp(1.25rem,2vw,1.75rem);font-weight:800;background:linear-gradient(135deg,var(--primary-light),var(--accent-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--spacing-sm)}.brand-description{color:#fffc;line-height:1.6;margin-bottom:var(--spacing-lg);font-size:clamp(.9rem,1.2vw,1rem)}.social-links{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#ffffff1a;border-radius:var(--radius-md);color:var(--text-white);text-decoration:none;transition:all var(--transition-normal)}.social-link:hover{background:var(--primary);transform:translateY(-2px)}.footer-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(1rem,2vw,2rem)}.footer-column h4{color:var(--text-white);font-weight:600;margin-bottom:var(--spacing-md);font-size:clamp(1rem,1.5vw,1.1rem)}.footer-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs)}.footer-link{color:#ffffffbf;text-decoration:none;transition:color var(--transition-fast);font-size:clamp(.85rem,1vw,.95rem)}.footer-link:hover{color:var(--primary-light)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap;gap:var(--spacing-sm)}.copyright,.made-with{color:#fff9;font-size:clamp(.8rem,1vw,.9rem)}@media (max-width: 1023px){.footer-content{grid-template-columns:1fr;text-align:center;gap:clamp(1.5rem,3vw,2rem)}.lp-footer-brand{margin:0 auto}.social-links{justify-content:center}.footer-links{grid-template-columns:repeat(2,1fr);text-align:center}.footer-bottom{flex-direction:column;text-align:center}}@media (max-width: 640px){.footer{padding:clamp(2rem,5vw,3rem) 0}.footer-links{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-column h4{font-size:1rem}.footer-link{font-size:.875rem}.social-link{width:38px;height:38px}.footer-bottom{gap:var(--spacing-xs)}.footer-list{display:flex;flex-direction:row;align-items:center;margin-left:30px}}@media (min-width: 1440px){.footer-content{grid-template-columns:1.2fr 2.5fr;gap:5rem}.lp-footer-brand{max-width:460px}}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:clamp(56px,6vw,80px)}.hero-background{position:absolute;inset:0;background:linear-gradient(135deg,#2563eb08,#10b98108);z-index:-1}.hero-background:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(37,99,235,.1) 0%,transparent 70%);animation:float 6s ease-in-out infinite}.hero-content{display:grid;grid-template-columns:1fr;gap:clamp(16px,4vw,48px);align-items:center;min-height:clamp(520px,70vh,700px);text-align:center}@media (min-width: 640px){.hero-content{grid-template-columns:1fr 1fr;text-align:initial;gap:clamp(24px,5vw,64px)}}.hero-text{max-width:680px;margin-inline:auto}@media (min-width: 640px){.hero-text{margin-inline:0}}.hero-title{font-size:clamp(1.75rem,5vw,3.5rem);font-weight:800;line-height:1.15;margin-bottom:clamp(12px,2.5vw,20px);color:var(--text-primary)}.hero-description{font-size:clamp(.95rem,1.6vw,1.25rem);line-height:1.65;color:var(--text-secondary);margin-bottom:clamp(16px,3vw,28px)}.hero-actions{display:flex;flex-wrap:wrap;gap:clamp(10px,2vw,16px);margin-bottom:clamp(16px,3vw,28px);justify-content:center}@media (min-width: 640px){.hero-actions{justify-content:flex-start}}.hero-cta{background:linear-gradient(135deg,var(--primary),var(--primary-light));position:relative;overflow:hidden}.hero-cta:before{content:"";position:absolute;inset:0 0 0 -100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .8s ease}.hero-cta:hover:before{left:100%}.hero-visual{position:relative;height:clamp(280px,45vw,500px)}.feature-cards{position:relative;height:100%;width:100%}.feature-card{position:absolute;background:var(--surface);border-radius:var(--radius-xl);padding:clamp(var(--spacing-md),2.5vw,var(--spacing-lg));box-shadow:var(--shadow-lg);border:1px solid var(--border);width:clamp(200px,32vw,280px);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.feature-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-xl)}@media (min-width: 1024px){.card-1{top:0;left:0;animation:float 3s ease-in-out infinite}.card-2{top:25%;right:0;transform:translateY(-50%);animation:float 3s ease-in-out infinite 1s}.card-3{bottom:0;left:20%;animation:float 3s ease-in-out infinite 2s}}@media (min-width: 640px) and (max-width: 1023.98px){.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:1rem}.hero-visual{position:relative;height:auto}.feature-cards{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;height:auto;position:relative;padding-top:10%;padding-bottom:10px}.feature-card{position:relative;width:100%;max-width:300px;margin:0;transform:none;animation:none}.card-1,.card-2,.card-3{inset:auto}}@media (max-width: 639.98px){.hero-title{margin-top:40px;font-size:2em!important}.hero-content{display:flex;flex-direction:column-reverse}.hero-visual{order:-1;height:auto;margin-bottom:var(--spacing-md)}.feature-card{position:relative;width:min(90%,320px);margin:0 auto clamp(12px,3vw,16px)}.card-1,.card-2,.card-3{position:relative;transform:none;animation:none}}@media (max-width: 360px){.hero-title{font-size:1.5rem;margin-top:40px}.hero-content{display:flex;flex-direction:column-reverse}.hero-actions{flex-direction:column;align-items:center}.lp-btn{width:100%;text-align:center}.feature-card{width:95%;padding:var(--spacing-sm)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.lp-navbar{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:10000;transition:all var(--transition-normal)}.lp-nav-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.lp-nav-brand{display:flex;align-items:center}.lp-nav-link .rate{margin-right:4px}.lp-brand-text-logo{display:flex;align-items:center;height:50px;gap:4px;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-nav-menu{display:flex;align-items:center;gap:var(--spacing-sm)}.lp-nav-actions{display:flex;align-items:center;gap:var(--spacing-xs)}.lp-mobile-menu-btn{background:none;border:none;padding:8px;border-radius:var(--radius-sm);transition:background var(--transition-fast);display:none}.lp-mobile-menu-btn:hover{background:var(--background-alt)}@media (max-width: 768px){.lp-nav-menu{position:absolute;top:100%;left:0;right:0;background:var(--surface);flex-direction:column;padding:var(--spacing-md);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);transform:translateY(-120%);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.lp-nav-menu.lp-nav-menu-open{transform:translateY(0);opacity:1;visibility:visible}.lp-nav-link{padding:var(--spacing-xs) 0;width:100%;text-align:center}.lp-nav-actions.mobile-actions{flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm);display:flex}.lp-nav-actions.desktop-actions{display:none}.lp-mobile-menu-btn{display:block}}@media (min-width: 769px){.lp-mobile-menu-btn,.lp-nav-actions.mobile-actions{display:none}}.lp-main{height:100vh;overflow-y:auto;padding-top:var(--navbar-h);scrollbar-width:thin;scrollbar-color:var(--primary) var(--background-alt)}.lp-main::-webkit-scrollbar{width:8px}.lp-main::-webkit-scrollbar-track{background:var(--background-alt)}.lp-main::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.lp-main::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.lp-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:none;border-radius:var(--radius-md);font-weight:600;font-size:16px;text-decoration:none;transition:all var(--transition-normal);position:relative;overflow:hidden}.lp-btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--text-white);box-shadow:var(--shadow-md)}.lp-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.lp-btn-secondary{background:var(--surface);color:var(--text-primary);border:2px solid var(--border)}.lp-btn-secondary:hover{background:var(--background-alt);border-color:var(--primary)}.lp-btn-large{padding:16px 32px;font-size:18px}.lp-icon{width:24px;height:24px;flex-shrink:0}.lp-icon-large{width:48px;height:48px}.lp-icon-primary{color:var(--primary)}.lp-icon-accent{color:var(--accent)}.lp-nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;padding:8px 16px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.lp-nav-link:hover{color:var(--primary);background:var(--background-alt)}.feature-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-sm);color:var(--text-white)}.lp-section{padding:var(--spacing-xl) 0}.lp-heading-2{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-sm)}.lp-heading-3{font-size:1.5rem;font-weight:600;line-height:1.3;margin-bottom:var(--spacing-xs)}.lp-text-large{font-size:1.25rem;line-height:1.6}.lp-text-muted{color:var(--text-secondary)}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}:root{--primary: #389cff;--primary-light: #3b82f6;--primary-dark: #1d4ed8;--secondary: #64748b;--secondary-light: #94a3b8;--accent: #3793f0;--accent-light: #34d399;--background: #ffffff;--background-alt: #f8fafc;--surface: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--text-white: #ffffff;--border: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-2xl: 64px;--spacing-3xl: 96px;--transition-fast: .15s ease-out;--transition-normal: .3s ease-out;--transition-slow: .5s ease-out}body{line-height:1.6;color:var(--text-primary);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.hidden{display:none}.block{display:block}@media (max-width: 768px){.md-hidden{display:none}.md-block{display:block}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn .8s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.animate-scale-in{animation:scaleIn .4s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.notfound-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);text-align:center;padding:var(--spacing-lg)}.notfound-title{font-size:4rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notfound-subtitle{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.notfound-text{color:var(--text-secondary);margin-bottom:var(--spacing-lg);max-width:400px}.notfound-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);text-decoration:none}.comingsoon-container{height:100vh;width:100%;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center;color:#fff;font-family:Poppins,sans-serif}.gradient-bg{position:absolute;inset:0;background:linear-gradient(120deg,#6a11cb,#2575fc,#ff512f,#dd2476);background-size:400% 400%;animation:gradientMove 10s ease infinite;z-index:0}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.coming-content{text-align:center;z-index:2}#title{font-size:5rem;font-weight:700;margin-bottom:.5rem}.subtitle{font-size:1.2rem;opacity:.9;margin-bottom:2rem}.countdown{display:flex;justify-content:center;gap:1.5rem}.time-box{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:1rem;width:80px;transition:transform .3s ease}.time-box:hover{transform:scale(1.05)}.time-box span{font-size:1.8rem;font-weight:600;display:block}.time-box p{font-size:.9rem;margin-top:.3rem;opacity:.8}