@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer reset;@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}}@layer mui,components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.top-8{top:calc(var(--spacing)*8)}.right-4{right:calc(var(--spacing)*4)}.right-8{right:calc(var(--spacing)*8)}.left-8{left:calc(var(--spacing)*8)}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-10{z-index:10}.z-50{z-index:50}.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}}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-32{height:calc(var(--spacing)*32)}.h-36{height:calc(var(--spacing)*36)}.h-48{height:calc(var(--spacing)*48)}.h-64{height:calc(var(--spacing)*64)}.h-80{height:calc(var(--spacing)*80)}.h-96{height:calc(var(--spacing)*96)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-16{width:calc(var(--spacing)*16)}.w-32{width:calc(var(--spacing)*32)}.w-36{width:calc(var(--spacing)*36)}.w-48{width:calc(var(--spacing)*48)}.w-64{width:calc(var(--spacing)*64)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-full{width:100%}.max-w-\[448px\]{max-width:448px}.max-w-md{max-width:var(--container-md)}.shrink{flex-shrink:1}.-rotate-12{rotate:-12deg}.rotate-12{rotate:12deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-grab{cursor:grab}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#B19CD9\]{border-color:#b19cd9}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-300{border-color:var(--color-gray-300)}.bg-\[\#B19CD9\]{background-color:#b19cd9}.bg-black{background-color:var(--color-black)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-white{background-color:var(--color-white)}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.text-\[\#B19CD9\]{color:#b19cd9}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-800{color:var(--color-gray-800)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{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-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}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.\[storybook\:viteFinal\]{storybook:viteFinal}@media(hover:hover){.hover\:border-\[\#9F88C7\]:hover{border-color:#9f88c7}.hover\:bg-\[\#F9FAFB\]:hover{background-color:#f9fafb}.hover\:bg-\[\#FFA07A\]:hover{background-color:#ffa07a}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:text-\[\#9F88C7\]:hover{color:#9f88c7}.hover\:text-gray-600:hover{color:var(--color-gray-600)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-purple-500:focus{--tw-ring-color:var(--color-purple-500)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media(min-width:40rem){.sm\:p-7{padding:calc(var(--spacing)*7)}}@media(min-width:64rem){:where(.lg\:space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}.lg\:p-8{padding:calc(var(--spacing)*8)}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-green-500:oklch(72.3% .219 149.579);--color-purple-500:oklch(62.7% .265 303.9);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--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)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body{height:100%;margin:0;padding:0;overflow:hidden auto}#root{min-height:100%;position:relative}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.app-container{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:row;align-content:flex-start}.app-container .sidebar{order:0;flex:1 0 auto;align-self:auto;background:#f3f4f6;border-right:1px solid #E5E7EB;position:relative}.agents-containter{z-index:99999}.app-container .chat{order:0;flex-basis:86.5%;align-self:auto;display:flex;flex-direction:column;height:100%}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.chat-window{display:flex;justify-content:center;align-items:center}.chat-outer{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px;justify-content:center;align-content:center;top:10px}.chat-input{grid-column:span 3;display:flex;align-items:center;justify-content:center;border:none}.agent-name{text-align:center;margin-top:-15px;color:#0009}.small-image{width:50px;height:50px;float:right}.agent-name-small{font-size:12px;float:right}.small-image-container{text-align:right}.agent-small{margin-left:80%}.message{background-color:#e0f2f1;padding:10px;border-radius:10px;margin-bottom:10px;max-width:100%}.bubble{background-color:#e0f2f1;padding:10px;border-radius:10px;display:inline-block}.chat-box-header{text-align:center}.chat-box-header img{display:block;margin:0 auto;max-width:50%}.message-container{display:flex;justify-content:flex-end;align-items:flex-start}.agent-info{text-align:right}.fade-out{opacity:.5;transition:opacity .5s}.footer{position:relative;flex-direction:column;bottom:0;left:0;width:100%;padding:20px;text-align:center;background-color:#fff;flex:0 1 auto}.messages{margin-left:12%;width:80%}.messages-container{margin-top:12%}.chat-icon{max-width:12%;position:absolute;top:0;left:0}.chat-container{position:relative}.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation3.chat-box.chat.\34.css-3su884-MuiPaper-root,.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation3.chat-box.chat.\38.css-3su884-MuiPaper-root{height:78vh}.container{display:contents;flex-direction:column;min-height:100vh;max-height:400px}@media(max-width:767px){.container{display:flex;flex-direction:column}.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation3.chat-box.chat.\34.css-3su884-MuiPaper-root,.MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation3.chat-box.chat.\38.css-3su884-MuiPaper-root{height:35vh}}@media(max-width:1024px){.app-container .sidebar{order:0;flex-basis:0}.app-container .chat{order:0;flex-basis:100%}}.comparison-view{display:flex;flex-direction:column;height:100%}.chat-section{display:flex;flex-grow:1;overflow:auto}.chat-column{flex:1;padding:10px;overflow-y:auto}.message-bubble{display:flex;align-items:center;margin-bottom:10px}.input-section{display:flex;padding:10px;align-items:center}.MuiPaper-root.MuiPaper-elevation.MuiPaper-elevation0.MuiDrawer-paper.MuiDrawer-paperAnchorLeft.MuiDrawer-paperAnchorDockedLeft.css-12i7wg6-MuiPaper-root-MuiDrawer-paper{background:none}.compare-container{display:flex;flex-direction:column;flex:.5 0 auto;padding:0 .5%}.amplify-button.amplify-field-group__control.amplify-button--primary{background-color:#000!important;border-color:#000!important}.amplify-button.amplify-field-group__control.amplify-button--primary:hover{background-color:#555!important;border-color:#555!important}.amplify-button.amplify-field-group__control.amplify-button--link{color:#000!important}.amplify-button.amplify-field-group__control.amplify-button--link:hover{background-color:#f3f4f6!important}:root{--font-size:14px;--font-family-inter:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--primary:#9d6ac4;--primary-dark:#7c3aed;--primary-foreground:#fff;--secondary:#f3f0ff;--secondary-foreground:#555;--accent:#e69770;--accent-yellow:#fde6a9;--accent-foreground:#fff;--foreground:#2d3748;--text-secondary:#101010;--text-disabled:#f5f5f5;--label-color:#2d3748;--placeholder-color:#4a5568;--background:#fefefe;--background-linen:linen;--card:#fff;--card-foreground:#555;--surface-primary:#fff;--surface-secondary:#fefefe;--surface-tertiary:#f3f0ff;--surface-accent:#f3f0ff;--surface-linen:linen;--gray-50:#fefefe;--gray-100:#f3f0ff;--gray-150:#f5f5f5;--gray-200:#e6d0f0;--gray-300:#d4d4d4;--gray-400:#4a5568;--gray-500:#555;--gray-600:#404040;--gray-700:#2c2c2c;--gray-800:#101010;--gray-900:#000;--success:#1fb887;--success-foreground:#fff;--warning:#f1c107;--warning-foreground:#101010;--destructive:#ac2330;--destructive-foreground:#fff;--info:#fde6a9;--info-foreground:#101010;--hover-overlay:#9d6ac41f;--focus-ring:#9d6ac466;--active-overlay:#9d6ac42e;--border:#f5f5f5;--border-lavender:#e8e0f580;--border-white:#ffffff80;--input:transparent;--input-background:#fff;--input-border:#f5f5f5;--input-outline:#d4d4d4;--input-outline-inactive:#d9cce6;--card-divider:#e8e8e8;--ring:#9d6ac4;--radius:.625rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:24px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-h1:36px;--font-size-h2:28px;--font-size-h3:20px;--font-size-body:16px;--font-size-label:12px;--font-size-input-text:14px;--font-size-caption:12px;--font-weight-bold:700;--font-weight-semibold:600;--font-weight-medium:500;--font-weight-regular:400;--line-height-h1:1.2;--line-height-h2:1.3;--line-height-h3:1.4;--line-height-body:1.5;--line-height-label:1.4;--line-height-caption:1.4;--gradient-purple-peach:linear-gradient(135deg,#9d6ac4 0%,#eac1f2 50%,#e7ad87 100%);--gradient-lavender-peach:linear-gradient(135deg,#9d6ac4 0%,#eac1f2 50%,#e7ad87 100%);--gradient-purple-sunset:linear-gradient(135deg,#9d6ac4 0%,#e7ad87 100%);--gradient-warm-sunset:linear-gradient(135deg,#9d6ac4 0%,#eac1f2 50%,#e7ad87 100%);--gradient-background-main:linear-gradient(to bottom,#fde6a914 0%,#e697701f 25%,#eac1f20f 60%,#9d6ac414 100%);--gradient-card:radial-gradient(circle at 70% 15%,#fde6a959 0%,#fde6a940 25%,#fde6a90d 50%,transparent 70%),linear-gradient(to bottom,#e6977047 0%,#e6977033 20%,#eac1f21f 50%,#9d6ac438 80%,#9d6ac447 100%);--button-bg-color:#9d6ac4;--button-hover-color:#7c3aed;--muted:#f3f0ff;--muted-foreground:#8f8f9f;--sidebar:#fff;--sidebar-foreground:#2d2d3a;--sidebar-primary:#9d6ac4;--sidebar-primary-foreground:#fff;--sidebar-accent:#f3f0ff;--sidebar-accent-foreground:#555;--sidebar-border:#f5f5f5}:root,:host{--color-label:var(--label-color);--color-gray-150:#f5f5f5}@layer base{*{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)}}html{font-size:var(--font-size)}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-family)}}@layer utilities{.page-title{font-family:var(--font-family);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-h1);color:var(--foreground);margin:0}.section-title-h2{font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-h2);color:var(--foreground);margin:0}.step-title{font-family:var(--font-family);font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);line-height:var(--line-height-h3);color:var(--foreground);margin:24px 0 12px}.step-title svg{color:var(--primary)}.step-subtitle{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);color:var(--foreground);margin-bottom:24px}.body-text{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);color:var(--foreground)}.field-label{font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);line-height:var(--line-height-label);color:var(--label-color);margin:24px 0 4px;display:block}.field-label:first-of-type{margin-top:0}.label-text{font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-medium);line-height:var(--line-height-label);color:var(--label-color)}.option-text{font-family:var(--font-family);font-size:var(--font-size-label);font-weight:var(--font-weight-regular);line-height:var(--line-height-label)}.option-text.block{color:var(--label-color);margin-bottom:4px}.input-text,.placeholder-text::placeholder{font-family:var(--font-family);font-size:var(--font-size-input-text);font-weight:var(--font-weight-regular);line-height:var(--line-height-label)}.input-text{border:1px solid var(--border)!important;background-color:var(--input-background)!important;color:var(--foreground)!important}.placeholder-text::placeholder{color:var(--placeholder-color)}.secondary-description{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);line-height:var(--line-height-caption);color:var(--gray-400);margin-top:4px}.button-text{font-family:var(--font-family);font-size:var(--font-size-input-text);font-weight:var(--font-weight-bold)}.back-button-text{font-family:var(--font-family);font-size:var(--font-size-input-text);font-weight:var(--font-weight-regular)}.glass-subtle{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffc;border:1px solid #e8e0f580}.glass-medium{-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);background-color:#ffffffb3;border:1px solid #e8e0f566}.glass-strong{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffd9;border:1px solid #ffffff4d}.glass-sticky{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffc;border:1px solid #ffffff80}.card-standard{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fffc;border:1px solid #e8e0f580;border-radius:8px;padding:24px}.card-enhanced{-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);background-color:#ffffffb3;border:1px solid #e8e0f566;border-radius:8px;padding:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #9d6ac40d}.card-hero{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background-color:#ffffffd9;border:1px solid #ffffff4d;border-radius:12px;padding:32px;box-shadow:0 10px 15px -3px #b19cd91a,0 4px 6px -2px #b19cd90d}.gradient-purple-peach{background:var(--gradient-purple-peach)}.gradient-background-main{background:var(--gradient-background-main)}.gradient-card{background:var(--gradient-card)}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #9d6ac40d}.shadow-purple{box-shadow:0 10px 15px -3px #b19cd91a,0 4px 6px -2px #b19cd90d}.shadow-active{box-shadow:0 2px 8px #9d6ac433}.button-primary{background-color:var(--primary);color:var(--primary-foreground);font-family:var(--font-family);border:none;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:700;transition:background-color .2s}.button-primary:hover{background-color:var(--primary-dark)}.button-primary:focus{box-shadow:0 0 0 2px var(--focus-ring);outline:none}.button-outline{color:var(--primary);border:2px solid var(--primary);font-family:var(--font-family);background-color:#0000;border-radius:12px;padding:8px 16px;font-size:14px;font-weight:700;transition:all .2s}.button-outline:hover{background-color:#f3f0ff80}.input-field{font-family:var(--font-family);color:var(--foreground);background-color:var(--input-background);border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:400;transition:border-color .2s,box-shadow .2s}.input-field:hover{border-color:var(--primary)}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #9d6ac433}.input-field::placeholder{color:var(--placeholder-color)}.field-group{margin-bottom:24px}.field-group:last-child,.field-subgroup:last-child{margin-bottom:0}.field-subgroup{margin-bottom:16px}.form-button{background-color:var(--button-bg-color);padding:8px 16px;transition:background-color .2s}.form-button:hover{background-color:var(--button-hover-color)}.hover-overlay{transition:background-color .2s}.hover-overlay:hover{background-color:var(--hover-overlay)}.sidebar-scroll{scrollbar-width:thin;scrollbar-color:#9d6ac44d transparent}.sidebar-scroll::-webkit-scrollbar{width:6px}.sidebar-scroll::-webkit-scrollbar-track{background:0 0}.sidebar-scroll::-webkit-scrollbar-thumb{background:#9d6ac44d;border-radius:3px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#9d6ac480}.sidebar-shadow-brand{box-shadow:0 4px 12px #9d6ac426}.border-gray-150{border-color:var(--color-gray-150)}.border-lavender{border-color:var(--border-lavender)}.border-white-tint{border-color:var(--border-white)}}:focus-visible{outline-offset:2px}button:focus-visible,select:focus-visible{box-shadow:0 0 0 2px var(--focus-ring)}@media(prefers-contrast:high){:root{--border:#000;--label-color:#000}.card-standard,.input-field,.button-outline{border-width:2px}}@media(max-width:768px){:root{--font-size-h1:24px;--font-size-h2:22px;--font-size-h3:18px;--font-size-body:15px;--font-size-label:12px;--font-size-input-text:16px;--font-size-caption:12px;--line-height-h1:1.25;--line-height-h2:1.3;--line-height-h3:1.4;--line-height-body:1.5;--line-height-label:1.4;--line-height-caption:1.4}.step-title{margin:16px 0 8px}.step-subtitle{margin-bottom:16px}.field-label{color:var(--color-label);margin:20px 0 4px}.field-group{margin-bottom:20px}.field-subgroup{margin-bottom:14px}}@media(min-width:769px)and (max-width:1024px){:root{--font-size-h1:30px;--font-size-h2:24px;--font-size-h3:19px;--font-size-body:16px;--font-size-label:12px;--font-size-input-text:14px;--font-size-caption:12px;--line-height-h1:1.2;--line-height-h2:1.3;--line-height-h3:1.4;--line-height-body:1.5;--line-height-label:1.4;--line-height-caption:1.4}}.interactive-sidebar{position:fixed;left:0;top:0;height:100vh;display:flex;flex-direction:column;z-index:30;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;overflow-y:auto}.interactive-sidebar.desktop{width:220px;background:linear-gradient(135deg,#fde6a92e,#e6977038 25%,#eac1f21f 60%,#9d6ac429),#fffffff2;backdrop-filter:blur(2px);transition:width .3s ease}.interactive-sidebar.desktop.collapsed{width:64px;overflow-x:hidden}.interactive-sidebar.mobile{width:265px;position:relative;left:auto;top:auto;background:linear-gradient(135deg,#fde6a940,#e697704d 25%,#eac1f238 60%,#9d6ac447),#fffffff2;backdrop-filter:blur(2px)}.footer-content{display:flex;align-items:center;gap:8px;width:100%;max-width:100%;overflow-x:hidden}.sidebar-header{height:64px;display:flex;align-items:center;padding:0 16px;gap:12px;border-bottom:1px solid transparent;flex-shrink:0;position:relative;z-index:10;overflow:hidden;min-width:0;transition:padding .3s ease;max-width:100%}.sidebar-header.collapsed{padding:0;justify-content:center;max-width:100%;overflow:hidden}.sidebar-header.collapsed .account-info,.sidebar-header.collapsed .chevron-icon{display:none}.sidebar-header.collapsed .account-switcher-button{justify-content:center;width:100%;max-width:100%;min-width:0}.account-switcher-button{display:flex;align-items:center;gap:12px;flex:1;min-width:0;background:transparent;border:none;cursor:pointer;padding:0;transition:opacity .2s ease}.account-switcher-button:hover{opacity:.8}.account-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:40px}.account-avatar .account-initial,.interactive-sidebar .account-initial,.sidebar-header .account-initial,.account-avatar span.account-initial,.interactive-sidebar span.account-initial,.sidebar-header span.account-initial{color:#fff!important;font-weight:700!important;font-size:18px!important;line-height:1!important;display:block!important}.account-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;text-align:left;overflow:hidden}.account-name{color:#1d1d2a;font-weight:600;font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.account-email{color:#4a4a5b;font-size:14px;font-weight:400;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.chevron-icon{width:16px;height:16px;color:#4a4a5b;transition:transform .2s ease;flex-shrink:0;min-width:16px}.chevron-icon.open{transform:rotate(90deg)}.close-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:8px;transition:background-color .2s ease}.close-button:hover{background-color:#9d6ac41f}.close-icon{width:16px;height:16px;color:#4a4a5b}.sidebar-navigation{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 8px;position:relative;z-index:10;transition:padding .3s ease;max-width:100%}.sidebar-navigation.collapsed{padding:16px 0;overflow-x:hidden;max-width:100%}.sidebar-navigation.collapsed .navigation-items{align-items:center;gap:4px}.navigation-items{display:flex;flex-direction:column;gap:4px;width:100%;max-width:100%;overflow-x:hidden}.nav-item{position:relative}.nav-item.collapsed{width:44px!important;height:44px!important;margin-left:auto!important;margin-right:auto!important;flex:0 0 auto!important;display:flex!important;justify-content:center!important;align-items:center!important;min-width:44px!important;max-width:44px!important}.nav-icon{flex-shrink:0}.nav-text{font-size:14px;font-weight:500;white-space:nowrap;flex:1;text-align:left;transition:opacity .2s ease}.nav-item.collapsed .nav-text{display:none}.sidebar-footer{padding:8px;border-top:1px solid transparent;flex-shrink:0;transition:padding .3s ease;max-width:100%;overflow-x:hidden}.sidebar-footer.collapsed{padding:8px 0;overflow-x:hidden;max-width:100%}.footer-item.collapsed{width:44px!important;height:44px!important;margin-left:auto!important;margin-right:auto!important;flex:0 0 auto!important;display:flex!important;justify-content:center!important;align-items:center!important;min-width:44px!important;max-width:44px!important}.sidebar-footer.collapsed .footer-content{flex-direction:column;gap:8px;width:100%;max-width:100%;overflow-x:hidden}.sidebar-toggle-button{width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #E5E5E5;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;outline:none;flex-shrink:0;margin-left:auto}.sidebar-toggle-button:hover{background:#9d6ac4;border-color:#9d6ac4;box-shadow:0 2px 12px #9d6ac44d}.sidebar-toggle-button:hover .toggle-icon{color:#fff}.sidebar-toggle-button:focus{outline:2px solid rgba(157,106,196,.3);outline-offset:2px}.sidebar-footer.collapsed .sidebar-toggle-button{width:32px;height:32px;margin-left:auto;margin-right:auto}.toggle-icon{width:16px;height:16px;color:#9d6ac4;transition:color .2s ease;flex-shrink:0}.footer-item{position:relative}.sidebar-navigation::-webkit-scrollbar{width:6px}.sidebar-navigation::-webkit-scrollbar-track{background:transparent}.sidebar-navigation::-webkit-scrollbar-thumb{background:#9d6ac44d;border-radius:3px}.sidebar-navigation::-webkit-scrollbar-thumb:hover{background:#9d6ac480}.account-modal-backdrop{position:fixed;inset:0;z-index:9998;background:transparent}.account-modal-backdrop.mobile-backdrop{background:#00000080}.account-modal{position:fixed;top:16px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001f;border:1px solid #E5E5E5;z-index:9999;overflow:hidden;width:280px;max-height:calc(100vh - 32px);display:flex;flex-direction:column}.account-modal.desktop{left:236px;transition:left .3s ease}.account-modal.mobile{left:50%;top:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;max-height:calc(100vh - 80px)}.modal-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-shrink:0}.account-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;cursor:pointer;flex-shrink:0;transition:background-color .2s ease;padding:0;margin-left:auto}.account-modal-close:hover{background-color:#0000000d}.account-modal-close:active{background-color:#0000001a}.account-modal-close-icon{width:20px;height:20px;color:#555;stroke-width:2}.modal-section{padding:12px 16px;flex-shrink:0}.modal-section:not(:last-child){border-bottom:1px solid #E5E5E5}.modal-section-scrollable{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:12px 16px}.modal-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#555;flex-shrink:0}.account-search-container{position:relative;margin-bottom:12px;flex-shrink:0}.account-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#9d9d9d;pointer-events:none}.account-search-input{width:100%;height:36px;padding-left:36px;padding-right:12px;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border:1px solid #E5E5E5;border-radius:8px;background:#fff;color:#1d1d2a;transition:all .2s ease;outline:none}.account-search-input::placeholder{color:#9d9d9d}.account-search-input:focus{border-color:#9d6ac4;box-shadow:0 0 0 2px #9d6ac433;outline:none}.account-search-input:hover{border-color:#9d6ac4}.current-account-card{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;background:#f3f0ff;min-width:0}.account-avatar-small{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:32px}.account-avatar-small .account-initial-small,.account-modal .account-initial-small,.current-account-card .account-initial-small,.account-item .account-initial-small,.account-avatar-small span.account-initial-small,.account-modal span.account-initial-small,.current-account-card span.account-initial-small,.account-item span.account-initial-small{color:#fff!important;font-weight:700!important;font-size:14px!important;line-height:1!important;display:block!important}.account-info-small{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;overflow:hidden}.account-name-small{color:#1d1d2a;font-weight:500;font-size:14px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.account-email-small{color:#4a4a5b;font-size:12px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.check-icon{width:16px;height:16px;color:#9d6ac4;flex-shrink:0;min-width:16px}.account-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;overflow-x:hidden;flex:1;min-height:0;max-height:100%;padding-right:4px}.account-list::-webkit-scrollbar{width:6px}.account-list::-webkit-scrollbar-track{background:transparent}.account-list::-webkit-scrollbar-thumb{background:#9d6ac44d;border-radius:3px}.account-list::-webkit-scrollbar-thumb:hover{background:#9d6ac480}.account-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;background:transparent;border:none;cursor:pointer;transition:background-color .2s ease;width:100%;text-align:left;min-width:0;flex-shrink:0}.account-item:hover{background-color:#e697701f}.account-list-empty{padding:16px;text-align:center;color:#9d9d9d;font-size:14px;font-style:italic}.QontoStepIcon-completedIcon{color:#fff;zIndex:1;fontSize:18}.QontoStepIcon-circle{width:8px;height:8px;borderRadius:"50%";backgroundColor:currentColor}@media(max-width:768px){.MuiStepper-root{padding:0 8px}.MuiStepLabel-label{font-size:12px}}.MuiStepLabel-root:focus-within{outline:2px solid #8A97BF;outline-offset:2px}.MuiDialog-paper::-webkit-scrollbar{width:8px}.MuiDialog-paper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.MuiDialog-paper::-webkit-scrollbar-thumb{background:#8a97bf;border-radius:4px}.MuiDialog-paper::-webkit-scrollbar-thumb:hover{background:#593659}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform,opacity}.hardware-accelerated{transform:translateZ(0);backface-visibility:hidden}.transition-micro{transition:all .1s ease-in-out}.transition-quick{transition:all .15s ease-in-out}.transition-standard{transition:all .2s ease-in-out}.transition-smooth{transition:all .3s ease-in-out}.transition-major{transition:all .4s ease-in-out}.transition-transform{transition:transform .2s ease-in-out}.transition-opacity{transition:opacity .2s ease-in-out}.transition-color{transition:color .2s ease-in-out,background-color .2s ease-in-out}.transition-border{transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.hover-lift{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.hover-scale{transition:transform .2s ease-in-out}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow .2s ease-in-out}.hover-glow:hover{box-shadow:0 0 20px #b19cd94d}.focus-ring{transition:box-shadow .15s ease-in-out}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #b19cd94d}.loading-pulse{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.loading-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.transition-micro,.transition-quick,.transition-standard,.transition-smooth,.transition-major,.transition-transform,.transition-opacity,.transition-color,.transition-border{transition:none!important}.loading-pulse,.loading-spin{animation:none!important}}@media(prefers-contrast:high){.hover-lift:hover{box-shadow:0 4px 12px #0006}.focus-ring:focus{box-shadow:0 0 0 3px #b19cd999}}@media(hover:none)and (pointer:coarse){.hover-lift:hover,.hover-scale:hover,.hover-glow:hover{transform:none;box-shadow:none}.touch-feedback:active{transform:scale(.98);transition:transform .1s ease-in-out}}@media(max-width:768px){.transition-standard{transition-duration:.15s}.transition-smooth{transition-duration:.2s}.hover-lift:hover{transform:translateY(-1px)}}.form-field-enter{opacity:0;transform:translateY(10px)}.form-field-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease-out,transform .3s ease-out}.form-field-exit{opacity:1;transform:translateY(0)}.form-field-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .2s ease-in,transform .2s ease-in}.modal-backdrop{backdrop-filter:blur(4px);transition:backdrop-filter .2s ease-in-out}.modal-content{transform-origin:center;transition:transform .2s ease-out,opacity .2s ease-out}.modal-content-enter{opacity:0;transform:scale(.9) translateY(20px)}.modal-content-enter-active,.modal-content-exit{opacity:1;transform:scale(1) translateY(0)}.modal-content-exit-active{opacity:0;transform:scale(.9) translateY(20px)}.button-interactive{transition:all .2s ease-in-out;transform:translateZ(0)}.button-interactive:hover{transform:translateY(-1px) scale(1.02)}.button-interactive:active{transform:translateY(0) scale(.98)}.button-interactive:focus{transform:scale(1.01)}.icon-success{animation:iconSuccess .6s ease-out}@keyframes iconSuccess{0%{transform:scale(0) rotate(-180deg);opacity:0}50%{transform:scale(1.2) rotate(-90deg);opacity:.8}to{transform:scale(1) rotate(0);opacity:1}}.icon-checkmark{stroke-dasharray:100;stroke-dashoffset:100;animation:checkmarkDraw .6s ease-out .2s forwards}@keyframes checkmarkDraw{to{stroke-dashoffset:0}}.stagger-container{animation:staggerContainer .4s ease-out}.stagger-item{opacity:0;transform:translateY(20px);animation:staggerItem .3s ease-out forwards}.stagger-item:nth-child(1){animation-delay:.1s}.stagger-item:nth-child(2){animation-delay:.2s}.stagger-item:nth-child(3){animation-delay:.3s}.stagger-item:nth-child(4){animation-delay:.4s}.stagger-item:nth-child(5){animation-delay:.5s}@keyframes staggerContainer{to{opacity:1}}@keyframes staggerItem{to{opacity:1;transform:translateY(0)}}.performance-optimized{contain:layout style paint;will-change:transform,opacity}.animation-layer{position:relative;z-index:1}:root{--animation-micro: .1s;--animation-quick: .15s;--animation-standard: .2s;--animation-smooth: .3s;--animation-major: .4s;--animation-spring-stiffness: 300;--animation-spring-damping: 30;--ease-out: cubic-bezier(.4, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}:root{--primary-gradient: linear-gradient(135deg, #B19CD9 0%, #8B5FBF 100%);--primary-color: #B19CD9;--primary-dark: #8B5FBF;--secondary-color: #b794f6;--success-color: #10b981;--error-color: #ef4444;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: rgba(0, 0, 0, .12);--background-light: #f7fafc;--background-card: rgba(255, 255, 255, .98);--background-main: #f8f9ff;--shadow-sm: 0 2px 4px -1px rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--border-radius: 8px;--border-radius-lg: 12px;--spacing-1: 8px;--spacing-2: 16px;--spacing-3: 24px;--spacing-4: 32px;--spacing-5: 40px;--sidebar-width: 280px;--primary: #B19CD9;--secondary: #F3F0FF;--color-focus-ring: rgba(177, 156, 217, .4);--color-hover-overlay: rgba(177, 156, 217, .12);--gradient-lavender-peach: linear-gradient(135deg, #B19CD9 0%, #EAC1F2 50%, #E7AD87 100%);--slider-track: #F3F0FF;--slider-thumb: #B19CD9;--slider-range: linear-gradient(135deg, #B19CD9 0%, #EAC1F2 50%, #E7AD87 100%);--slider-focus: rgba(177, 156, 217, .4);--slider-hover: rgba(177, 156, 217, .12);--slider-thumb-border: #ffffff}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20px)}}.step-container{display:flex;flex-direction:column;gap:var(--spacing-4);width:100%}.step-item{display:flex;align-items:flex-start;gap:var(--spacing-2);position:relative;cursor:default;transition:all .3s ease;padding:var(--spacing-2);border-radius:var(--border-radius)}.step-item.active{background:#9f7aea0d}.step-item:after{content:"";position:absolute;left:calc(var(--spacing-2) + 22px);top:44px;width:2px;height:calc(100% + var(--spacing-2));background:#e2e8f0;transition:all .3s ease;z-index:1}.step-item.active:after{background:var(--primary-color)}.step-item.completed:after{background:var(--primary-color)}.step-item:last-child:after{display:none}.step-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;transition:all .3s ease;background:#fff;color:var(--primary-color);border:2px solid var(--primary-color);flex-shrink:0;font-size:1rem;font-weight:600}.step-icon.active,.step-icon.completed{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 2px 8px -2px #9f7aea66}.step-content{flex:1;min-width:0}.step-label{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin-bottom:4px;transition:all .3s ease}.step-label.active,.step-label.completed{color:var(--primary-color)}.step-description{font-size:.8rem;color:var(--text-secondary);line-height:1.4}.progress-chip{display:none}.fade-in-right{animation:fadeInRight .4s ease-out}.fade-out-left{animation:fadeOutLeft .4s ease-out}.text-center{text-align:center}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}@media(max-width:768px){.step-item:after{display:none}.step-item{padding:var(--spacing-1);gap:var(--spacing-1)}.step-icon{width:32px;height:32px;font-size:.875rem}.step-label{font-size:.9rem}.step-description{font-size:.75rem}}[data-slot=slider]{height:32px!important}[data-slot=slider-track]{background:var(--gradient-lavender-peach)!important;height:8px!important;border-radius:9999px!important;opacity:.9!important}[data-slot=slider-range]{background:var(--gradient-lavender-peach)!important;opacity:.9!important;border-radius:9999px!important}[data-slot=slider-thumb]{width:20px!important;height:20px!important;background-color:var(--primary)!important;border:3px solid #ffffff!important;box-shadow:0 2px 6px #00000026,0 0 0 0 var(--color-focus-ring)!important;transition:all .2s ease-in-out!important;cursor:grab!important}[data-slot=slider-thumb]:hover{box-shadow:0 4px 12px #0003,0 0 0 4px var(--color-hover-overlay)!important;transform:scale(1.1)!important}[data-slot=slider-thumb]:active{cursor:grabbing!important;box-shadow:0 4px 12px #00000040,0 0 0 6px var(--color-hover-overlay)!important;transform:scale(1.15)!important}[data-slot=slider-thumb]:focus-visible{box-shadow:0 2px 6px #00000026,0 0 0 4px var(--color-focus-ring)!important;outline:none!important}@media(max-width:768px){[data-slot=slider-thumb]{width:24px!important;height:24px!important}}@media(min-width:769px)and (max-width:1024px){[data-slot=slider-thumb]{width:22px!important;height:22px!important}}@media(hover:none)and (pointer:coarse){.slider-input::-webkit-slider-thumb,.slider-input::-moz-range-thumb{width:28px!important;height:28px!important}}.MuiSlider-track{background:var(--gradient-lavender-peach)!important;opacity:.9!important}.MuiSlider-rail{background-color:var(--secondary)!important}.MuiSlider-range{background:var(--gradient-lavender-peach)!important;opacity:.9!important}.coming-soon-container{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;position:relative;overflow:hidden}@media(min-width:640px){.coming-soon-container{padding:24px}}.coming-soon-content{max-width:672px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;position:relative;z-index:1}.coming-soon-icon-container{position:relative;width:128px;height:128px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9d6ac426,#e6977026);border-radius:50%;border:2px solid rgba(157,106,196,.1);box-shadow:0 8px 32px #9d6ac433}@media(min-width:640px){.coming-soon-icon-container{width:160px;height:160px}}.coming-soon-glow{position:absolute;inset:0;filter:blur(48px);opacity:.3;border-radius:50%;pointer-events:none}.coming-soon-hourglass-icon{width:64px;height:64px;color:#9d6ac4;position:relative;z-index:1}@media(min-width:640px){.coming-soon-hourglass-icon{width:80px;height:80px}}.coming-soon-title-section{display:flex;flex-direction:column;align-items:center;gap:12px}.coming-soon-title{font-weight:700;color:#555;line-height:1.2;font-size:clamp(2rem,5vw,3.5rem);margin:0;font-family:var(--font-family, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif)}.coming-soon-decorative-line{height:4px;width:96px;margin:0 auto;border-radius:9999px;background:linear-gradient(90deg,#e7daf1,#9d6ac4,#ffe6dc)}.coming-soon-subtitle{font-size:18px;color:#555;max-width:448px;line-height:1.625;margin:0;font-family:var(--font-family, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif)}@media(min-width:640px){.coming-soon-subtitle{font-size:20px}}.coming-soon-button-container{padding-top:32px}.coming-soon-go-back-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#f8f8f8;background-color:#9d6ac4;min-width:200px;height:36px;padding:0 16px;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:none;cursor:pointer;font-family:var(--font-family, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif);font-weight:500;font-size:14px;line-height:1.5;white-space:nowrap;transition:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1);text-transform:none}.coming-soon-go-back-button:hover{background-color:#9d6ac4;color:#e7daf1}.coming-soon-go-back-button:active{transform:scale(.98);background-color:#7c3aed}.coming-soon-go-back-button:focus{outline:2px solid rgba(157,106,196,.4);outline-offset:2px}.coming-soon-go-back-button:disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.coming-soon-button-icon{width:20px;height:20px}@media(prefers-reduced-motion:reduce){.coming-soon-orb,.coming-soon-icon-container,.coming-soon-title-section,.coming-soon-subtitle,.coming-soon-button-container,.coming-soon-top-back{animation:none!important;transition:none!important}.coming-soon-hourglass-icon{animation:none!important}}.coming-soon-go-back-button:focus-visible,.coming-soon-back-button:focus-visible{outline:2px solid rgba(157,106,196,.4);outline-offset:2px}
