@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap";/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-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-font-weight:initial;--tw-tracking: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;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@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-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-600:oklch(62.7% .194 149.214);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-700:oklch(49.6% .265 301.924);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-700:oklch(52.5% .223 3.958);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.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-1\.5{top:calc(var(--spacing)*-1.5)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.-right-1\.5{right:calc(var(--spacing)*-1.5)}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.-bottom-1{bottom:calc(var(--spacing)*-1)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.z-10{z-index:10}.z-30{z-index:30}.z-50{z-index:50}.z-\[99\]{z-index:99}.z-\[101\]{z-index:101}.z-\[9999\]{z-index:9999}.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}}.m-0{margin:calc(var(--spacing)*0)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-2{margin-left:calc(var(--spacing)*2)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.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}.table-cell{display:table-cell}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-9{height:calc(var(--spacing)*9)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-full{height:100%}.h-screen{height:100vh}.min-h-0{min-height:calc(var(--spacing)*0)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-9{width:calc(var(--spacing)*9)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-64{width:calc(var(--spacing)*64)}.w-\[90px\]{width:90px}.w-\[220px\]{width:220px}.w-full{width:100%}.w-screen{width:100vw}.max-w-6xl{max-width:var(--container-6xl)}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[20px\]{min-width:20px}.min-w-\[40px\]{min-width:40px}.min-w-\[60px\]{min-width:60px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-\[fadeIn_0\.3s_ease\]{animation:.3s fadeIn}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-none{--tw-border-style:none;border-style:none}.border-\[\#e9edef\]{border-color:#e9edef}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-white{border-color:var(--color-white)}.border-t-\[\#00a884\]{border-top-color:#00a884}.bg-\[\#075E54\]{background-color:#075e54}.bg-\[\#13467A\]{background-color:#13467a}.bg-\[\#E8E8E8\]{background-color:#e8e8e8}.bg-\[\#f0f2f5\]{background-color:#f0f2f5}.bg-\[\#ff453a\]{background-color:#ff453a}.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\/90{background-color:#000000e6}@supports (color:color-mix(in lab,red,red)){.bg-black\/90{background-color:color-mix(in oklab,var(--color-black)90%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#A50104\]{--tw-gradient-from:#a50104;--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))}.from-pink-500{--tw-gradient-from:var(--color-pink-500);--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))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--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-\[\#c41e22\]{--tw-gradient-to:#c41e22;--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-pink-700{--tw-gradient-to:var(--color-pink-700);--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-purple-700{--tw-gradient-to:var(--color-purple-700);--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))}.object-cover{object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-8{padding:calc(var(--spacing)*8)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.py-\[40px\]{padding-block:40px}.py-\[60px\]{padding-block:60px}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.font-\[\'Inter\'\,-apple-system\,BlinkMacSystemFont\,\'Segoe_UI\'\,sans-serif\]{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.whitespace-nowrap{white-space:nowrap}.text-\[\#00a884\]{color:#00a884}.text-\[\#111\]{color:#111}.text-\[\#54656f\]{color:#54656f}.text-\[\#667781\]{color:#667781}.text-\[ff453a\]{color:ff453a}.text-blue-500{color:var(--color-blue-500)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-600{color:var(--color-green-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--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)}.ring-blue-400{--tw-ring-color:var(--color-blue-400)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.ring-white{--tw-ring-color:var(--color-white)}.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-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.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)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-gray-400::placeholder{color:var(--color-gray-400)}@media (hover:hover){.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:bg-\[\#0f3660\]:hover{background-color:#0f3660}.hover\:bg-\[\#128C7E\]:hover{background-color:#128c7e}.hover\:bg-\[\#f5f6f6\]:hover{background-color:#f5f6f6}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:from-\[\#8a0103\]:hover{--tw-gradient-from:#8a0103;--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))}.hover\:to-\[\#a50104\]:hover{--tw-gradient-to:#a50104;--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))}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:shadow-lg:hover{--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)}.hover\:shadow-md:hover{--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)}.hover\:shadow-xl:hover{--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)}.hover\:ring-2:hover{--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)}.hover\:ring-pink-400:hover{--tw-ring-color:var(--color-pink-400)}.hover\:ring-purple-400:hover{--tw-ring-color:var(--color-purple-400)}}.focus\:ring-3:focus{--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\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-40:disabled{opacity:.4}@media not all and (min-width:1280px){.max-\[1280px\]\:hidden{display:none}.max-\[1280px\]\:\!h-3\.5{height:calc(var(--spacing)*3.5)!important}.max-\[1280px\]\:\!h-9{height:calc(var(--spacing)*9)!important}.max-\[1280px\]\:\!h-10{height:calc(var(--spacing)*10)!important}.max-\[1280px\]\:h-10{height:calc(var(--spacing)*10)}.max-\[1280px\]\:\!w-3\.5{width:calc(var(--spacing)*3.5)!important}.max-\[1280px\]\:\!w-10{width:calc(var(--spacing)*10)!important}.max-\[1280px\]\:\!w-full{width:100%!important}.max-\[1280px\]\:w-10{width:calc(var(--spacing)*10)}.max-\[1280px\]\:w-full{width:100%}.max-\[1280px\]\:flex-col{flex-direction:column}.max-\[1280px\]\:items-center{align-items:center}.max-\[1280px\]\:\!gap-1{gap:calc(var(--spacing)*1)!important}.max-\[1280px\]\:\!gap-1\.5{gap:calc(var(--spacing)*1.5)!important}.max-\[1280px\]\:\!gap-2{gap:calc(var(--spacing)*2)!important}.max-\[1280px\]\:gap-0\.5{gap:calc(var(--spacing)*.5)}.max-\[1280px\]\:overflow-visible{overflow:visible}.max-\[1280px\]\:\!p-2{padding:calc(var(--spacing)*2)!important}.max-\[1280px\]\:\!px-2{padding-inline:calc(var(--spacing)*2)!important}.max-\[1280px\]\:\!px-2\.5{padding-inline:calc(var(--spacing)*2.5)!important}.max-\[1280px\]\:\!px-3{padding-inline:calc(var(--spacing)*3)!important}.max-\[1280px\]\:\!py-1\.5{padding-block:calc(var(--spacing)*1.5)!important}.max-\[1280px\]\:\!py-2{padding-block:calc(var(--spacing)*2)!important}.max-\[1280px\]\:text-center{text-align:center}.max-\[1280px\]\:\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.max-\[1280px\]\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.max-\[1280px\]\:\!text-\[10px\]{font-size:10px!important}.max-\[1280px\]\:break-words{overflow-wrap:break-word}.max-\[1280px\]\:placeholder\:\!text-xs::placeholder{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}}@media not all and (min-width:1024px){.max-\[1024px\]\:\!h-3{height:calc(var(--spacing)*3)!important}.max-\[1024px\]\:\!h-8{height:calc(var(--spacing)*8)!important}.max-\[1024px\]\:h-7{height:calc(var(--spacing)*7)}.max-\[1024px\]\:\!w-3{width:calc(var(--spacing)*3)!important}.max-\[1024px\]\:w-7{width:calc(var(--spacing)*7)}.max-\[1024px\]\:\!gap-1{gap:calc(var(--spacing)*1)!important}.max-\[1024px\]\:\!gap-1\.5{gap:calc(var(--spacing)*1.5)!important}.max-\[1024px\]\:\!px-1\.5{padding-inline:calc(var(--spacing)*1.5)!important}.max-\[1024px\]\:\!px-2{padding-inline:calc(var(--spacing)*2)!important}.max-\[1024px\]\:\!py-1{padding-block:calc(var(--spacing)*1)!important}.max-\[1024px\]\:\!py-2{padding-block:calc(var(--spacing)*2)!important}.max-\[1024px\]\:\!text-xs{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}.max-\[1024px\]\:\!text-\[9px\]{font-size:9px!important}.max-\[1024px\]\:\!text-\[11px\]{font-size:11px!important}.max-\[1024px\]\:text-\[10px\]{font-size:10px}.max-\[1024px\]\:placeholder\:\!text-\[11px\]::placeholder{font-size:11px!important}}@media not all and (min-width:768px){.max-\[768px\]\:\!hidden{display:none!important}.max-\[768px\]\:block{display:block}.max-\[768px\]\:flex{display:flex}.max-\[768px\]\:hidden{display:none}.max-\[768px\]\:inline{display:inline}.max-\[768px\]\:\!h-9{height:calc(var(--spacing)*9)!important}.max-\[768px\]\:\!h-10{height:calc(var(--spacing)*10)!important}.max-\[768px\]\:h-\[calc\(100vh-60px\)\]{height:calc(100vh - 60px)}.max-\[768px\]\:\!w-10{width:calc(var(--spacing)*10)!important}.max-\[768px\]\:\!w-full{width:100%!important}.max-\[768px\]\:w-full{width:100%}.max-\[768px\]\:flex-1{flex:1}.max-\[768px\]\:\!shrink-0{flex-shrink:0!important}.max-\[768px\]\:\!gap-1\.5{gap:calc(var(--spacing)*1.5)!important}.max-\[768px\]\:\!gap-2{gap:calc(var(--spacing)*2)!important}.max-\[768px\]\:gap-2{gap:calc(var(--spacing)*2)}.max-\[768px\]\:\!px-2\.5{padding-inline:calc(var(--spacing)*2.5)!important}.max-\[768px\]\:\!px-3{padding-inline:calc(var(--spacing)*3)!important}.max-\[768px\]\:\!px-4{padding-inline:calc(var(--spacing)*4)!important}.max-\[768px\]\:px-3{padding-inline:calc(var(--spacing)*3)}.max-\[768px\]\:\!py-1\.5{padding-block:calc(var(--spacing)*1.5)!important}.max-\[768px\]\:\!py-3{padding-block:calc(var(--spacing)*3)!important}.max-\[768px\]\:\!text-base{font-size:var(--text-base)!important;line-height:var(--tw-leading,var(--text-base--line-height))!important}.max-\[768px\]\:\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}.max-\[768px\]\:\!text-xs,.max-\[768px\]\:placeholder\:\!text-xs::placeholder{font-size:var(--text-xs)!important;line-height:var(--tw-leading,var(--text-xs--line-height))!important}}@media not all and (min-width:600px){.max-\[600px\]\:h-screen{height:100vh}}@media (min-width:769px){.min-\[769px\]\:hidden{display:none}@media not all and (min-width:1280px){.min-\[769px\]\:max-\[1280px\]\:hidden{display:none}}}@media (min-width:48rem){.md\:block{display:block}}@media (prefers-color-scheme:dark){.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-gray-900{background-color:var(--color-gray-900)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.dark\:text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.dark\:ring-gray-700{--tw-ring-color:var(--color-gray-700)}.dark\:placeholder\:text-white\/30::placeholder{color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.dark\:placeholder\:text-white\/30::placeholder{color:color-mix(in oklab,var(--color-white)30%,transparent)}}@media (hover:hover){.dark\:hover\:bg-white\/\[0\.03\]:hover{background-color:#ffffff08}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/\[0\.03\]:hover{background-color:color-mix(in oklab,var(--color-white)3%,transparent)}}.dark\:hover\:text-gray-300:hover{color:var(--color-gray-300)}}}}:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:.5rem}.dark{--background:0 0% 10%;--foreground:0 0% 95%;--card:0 0% 12%;--card-foreground:0 0% 95%;--popover:0 0% 12%;--popover-foreground:0 0% 95%;--primary:0 0% 95%;--primary-foreground:0 0% 10%;--secondary:0 0% 18%;--secondary-foreground:0 0% 95%;--muted:0 0% 18%;--muted-foreground:0 0% 65%;--accent:0 0% 18%;--accent-foreground:0 0% 95%;--border:0 0% 22%;--input:0 0% 22%}html,body,#root{box-sizing:border-box;width:100vw;min-height:100vh;font-family:Montserrat,Arial,Helvetica,sans-serif}body{color:#111b21;background-color:#fff;margin:0;padding:0;transition:background-color .3s,color .3s;overflow-x:hidden}.dark body,html.dark body{color:#e5e5e5;background-color:#1a1a1a}@media (max-width:900px){html,body,#root{font-size:15px}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@media (max-width:600px){html,body,#root{font-size:13px}body{margin:0;padding:0;overflow-x:hidden}}.swal2-toast.swal2-compact{min-width:280px!important;max-width:340px!important;padding:.75rem!important}.swal2-toast.swal2-compact .swal2-icon{width:1.75rem!important;height:1.75rem!important;margin:0 .5rem 0 0!important;font-size:1rem!important}.swal2-toast.swal2-compact .swal2-title{margin:0 0 .4rem!important;padding:0!important;font-size:.9rem!important;font-weight:600!important;line-height:1.3!important}.swal2-toast.swal2-compact .swal2-html-container{margin:0!important;padding:0!important;font-size:.85rem!important}.swal2-toast.swal2-compact .swal2-actions{gap:.4rem!important;margin:.5rem 0 0!important;padding:0!important}.swal2-toast.swal2-compact .swal2-confirm,.swal2-toast.swal2-compact .swal2-cancel{margin:0!important;padding:.4rem .8rem!important;font-size:.8rem!important;font-weight:500!important}.swal2-toast.swal2-compact .swal2-timer-progress-bar{height:3px!important}@media (max-width:600px){.swal2-toast.swal2-compact{min-width:260px!important;max-width:calc(100vw - 2rem)!important;padding:.6rem!important}.swal2-toast.swal2-compact .swal2-title{font-size:.85rem!important}.swal2-toast.swal2-compact .swal2-html-container{font-size:.8rem!important}.swal2-toast.swal2-compact .swal2-confirm,.swal2-toast.swal2-compact .swal2-cancel{padding:.35rem .7rem!important;font-size:.75rem!important}}.modern-toast{background:#fff!important;border-radius:12px!important;grid-template-rows:auto auto auto!important;grid-template-columns:auto 1fr!important;gap:0 12px!important;width:auto!important;min-width:320px!important;max-width:420px!important;padding:16px 20px 16px 16px!important;font-family:Montserrat,sans-serif!important;display:grid!important;overflow:visible!important;box-shadow:0 5px 25px #00000026!important}.modern-toast .swal2-icon{color:#0ea5e9!important;border-color:#0ea5e9!important;grid-row:1/span 3!important;align-self:start!important;width:32px!important;height:32px!important;margin:4px 0 0!important}.modern-toast .swal2-icon-content{font-size:20px!important;font-weight:700!important}.modern-toast-title{text-align:left!important;color:#000!important;word-break:break-word!important;overflow-wrap:break-word!important;grid-column:2!important;margin:0!important;padding:0 30px 0 0!important;font-size:14px!important;font-weight:700!important;line-height:1.3!important}.modern-toast-html{text-align:left!important;grid-column:2!important;margin:4px 0 0!important;padding:0!important;overflow:visible!important}.toast-subtitle{color:#9ca3af;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:500}.toast-message{color:#1f2937;font-size:13px;line-height:1.4}.modern-toast .swal2-actions{grid-column:2!important;justify-content:flex-start!important;width:100%!important;margin:12px 0 0!important;padding:0!important;overflow:visible!important}.modern-toast-btn{color:#fff!important;white-space:nowrap!important;background-color:#dc2626!important;border-radius:6px!important;min-width:60px!important;margin:0!important;padding:8px 20px!important;font-size:13px!important;font-weight:600!important;box-shadow:0 2px 4px #dc26264d!important}.modern-toast-btn:hover{background-color:#b91c1c!important;transform:translateY(-1px)!important}.modern-toast-close{color:#9ca3af!important;box-shadow:none!important;border-radius:50%!important;outline:none!important;justify-content:center!important;align-items:center!important;width:24px!important;height:24px!important;font-size:20px!important;transition:all .2s!important;display:flex!important;position:absolute!important;top:10px!important;right:10px!important}.modern-toast-close:hover{color:#4b5563!important;background-color:#f3f4f6!important}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-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-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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}@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}.left-sidebar-container{position:relative;z-index:10}.left-sidebar-container:before{content:"";position:absolute;top:0;left:0;right:0;fill:#fff!important;filter:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.left-sidebar-text{color:#fff!important;text-shadow:0 .125rem .375rem rgba(0,0,0,.3);font-weight:600}.left-sidebar-button{position:relative;z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%!important;max-width:100%!important;min-width:0!important;flex-wrap:nowrap!important;gap:.5rem!important;height:2.5rem!important;padding:.5rem .625rem!important}.left-sidebar-button span{font-size:.8125rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;flex:1!important;min-width:0!important}@media (max-width: 1400px){.left-sidebar-button{gap:.4rem!important;padding:.45rem .5rem!important}.left-sidebar-button span{font-size:.75rem!important}}@media (max-width: 1400px){.left-sidebar-button{gap:.2rem!important;padding:.3rem!important;height:2rem!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.left-sidebar-button span{font-size:.5rem!important;display:none!important}}@media (max-width: 1280px){.left-sidebar-button{gap:.15rem!important;padding:.25rem!important;height:1.8rem!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.left-sidebar-button span{font-size:.45rem!important;display:none!important}}@media (max-width: 1024px){.left-sidebar-button{gap:.25rem!important;padding:.375rem!important;height:2rem!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.left-sidebar-button span{font-size:.5rem!important;display:none!important}}.left-sidebar-button:hover{background:#fff3!important;transform:translate(.25rem)}.left-sidebar-button:hover .left-sidebar-icon{transform:scale(1.1);filter:drop-shadow(0 .25rem .5rem rgba(255,255,255,.3))}.left-sidebar-footer-icon{color:#fff!important;filter:brightness(0) invert(1) drop-shadow(0 .125rem .375rem rgba(0,0,0,.4));transition:all .3s cubic-bezier(.4,0,.2,1)}.left-sidebar-footer-button{transition:all .3s cubic-bezier(.4,0,.2,1)}.left-sidebar-footer-button:hover{background:#ffffff26!important;transform:scale(1.05)}.left-sidebar-footer-button:hover .left-sidebar-footer-icon{transform:scale(1.15);filter:brightness(0) invert(1) drop-shadow(0 .25rem .5rem rgba(255,255,255,.4))}.left-sidebar-title{text-shadow:0 .25rem .75rem rgba(0,0,0,.5);font-weight:800;letter-spacing:-.02rem}.left-sidebar-divider{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);height:.0625rem}.left-sidebar-button-container{padding-left:1.5rem!important;padding-right:1.5rem!important}@media (max-width: 1400px){.left-sidebar-button-container{padding-left:.5rem!important;padding-right:.5rem!important}}@media (max-width: 1280px){.left-sidebar-button-container{padding-left:.375rem!important;padding-right:.375rem!important}}@media (max-width: 1024px){.left-sidebar-button-container{padding-left:.25rem!important;padding-right:.25rem!important}}.left-sidebar-button svg{width:16px!important;height:16px!important;flex-shrink:0!important;min-width:16px!important}@media (max-width: 1400px){.left-sidebar-button svg{width:14px!important;height:14px!important;min-width:14px!important}}@media (max-width: 1280px){.left-sidebar-button svg{width:12px!important;height:12px!important;min-width:12px!important}}@media (max-width: 1024px){.left-sidebar-button svg{width:10px!important;height:10px!important;min-width:10px!important}}@media (max-width: 768px){.left-sidebar-container>div:last-child{padding-bottom:calc(1rem + env(safe-area-inset-bottom))!important;width:100%;max-width:100%;min-width:100%}.left-sidebar-button .left-sidebar-text{display:block!important;font-size:1rem!important}.left-sidebar-button{width:100%!important;height:3rem!important;padding:.5rem 1rem!important;flex-direction:row!important;justify-content:flex-start!important;gap:12px!important;align-items:center!important}.left-sidebar-button svg{width:20px!important;height:20px!important}}.left-sidebar-responsive{width:220px;max-width:220px;flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 1400px){.left-sidebar-responsive{width:220px;max-width:220px}}@media (max-width: 1280px){.left-sidebar-responsive{width:90px;max-width:90px}}@media (max-width: 1024px){.left-sidebar-responsive{width:90px;max-width:90px}}@media (max-width: 768px){.left-sidebar-responsive{width:220px;max-width:220px}}.left-sidebar-responsive.collapsed{width:90px!important;max-width:90px!important;min-width:90px!important}.left-sidebar-responsive.collapsed .left-sidebar-button span{display:none!important}.left-sidebar-responsive.collapsed .left-sidebar-button{justify-content:center!important;padding:.5rem!important}.left-sidebar-responsive.collapsed .left-sidebar-title{display:none!important}@media (max-width: 1280px){.left-sidebar-button span{display:none!important}.left-sidebar-button{justify-content:center!important;padding:.5rem!important}}html.dark .left-sidebar-container{background-image:none!important;background-color:#1d1f1f!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:#202c33;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:900px;width:100%;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #374045;background-color:#111b21}.modal-header h2{color:#e9edef;font-size:18px;font-weight:600;margin:0}.modal-close{background:none;border:none;color:#8696a0;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.modal-close:hover{background-color:#374045;color:#e9edef}.modal-body{padding:20px;flex:1;overflow-y:auto}.form-group label{display:block;color:#e9edef;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;background-color:#2a3942;border:1px solid #374045;border-radius:8px;color:#e9edef;font-size:14px;outline:none;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:ff453a}.form-group input::placeholder{color:#8696a0}.duration-inputs{display:flex;gap:15px;align-items:end}.duration-field{flex:1;display:flex;flex-direction:column;gap:5px}.duration-field input{width:100%;padding:12px 16px;background-color:#2a3942;border:1px solid #374045;border-radius:8px;color:#e9edef;font-size:14px;text-align:center}.duration-field input:focus{border-color:ff453a;outline:none}.duration-field label{color:#8696a0;font-size:12px;text-align:center;font-weight:500}.duration-help{margin-top:8px;text-align:center}.duration-help small{color:#8696a0;font-size:11px;font-style:italic}.room-info{margin-top:5px}.room-info small{color:#8696a0;font-size:12px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid #374045}.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;min-width:80px}.btn-primary{background:#a50104!important;color:#fff!important;border-radius:8px!important}.btn-primary:hover{background:#820103!important;transform:translateY(-1px)}.btn-secondary{background-color:#374045;color:#e9edef}.btn-secondary:hover{background-color:#4a5568}.btn-warning{background-color:#f39c12;color:#fff}.btn-warning:hover{background-color:#e67e22}.btn-danger{background-color:#f15c6d;color:#fff}.btn-danger:hover{background-color:#e74c3c}.btn-info{background-color:#17a2b8;color:#fff}.btn-info:hover{background-color:#138496}.btn-edit{background-color:#f59e0b!important;color:#fff!important}.btn-edit:hover{background-color:#d97706!important}.admin-rooms-modal{max-width:900px;max-height:85vh}.rooms-list{display:flex;flex-direction:column;gap:12px}.room-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background-color:#2a3942;border-radius:8px;border:1px solid #374045;transition:all .2s}.room-item:hover{background-color:#374045;border-color:#4a5568}.room-info{flex:1;min-width:0}.room-name{color:#e9edef;font-size:16px;font-weight:600;margin-bottom:4px}.room-details{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:#8696a0}.room-code{font-family:monospace;background-color:#374045;padding:2px 6px;border-radius:4px}.room-capacity{color:ff453a}.room-status{padding:2px 8px;border-radius:12px;font-weight:500;text-transform:uppercase;font-size:10px;letter-spacing:.5px}.room-status.active{background-color:#16a34a33;color:#16a34a}.room-status.inactive{background-color:#f15c6d33;color:#f15c6d}.room-actions{display:flex;gap:8px;margin-left:12px}.room-actions .btn{padding:8px 12px;min-width:auto;font-size:12px}.no-rooms{text-align:center;padding:40px 20px;color:#8696a0}.no-rooms-icon{font-size:48px;margin-bottom:16px;opacity:.5}.no-rooms-text{font-size:16px;font-weight:500}.room-created-modal{max-width:900px;max-height:85vh}.room-created-modal .room-info h3{color:ff453a;font-size:20px;font-weight:600;margin:0 0 20px;text-align:center}.info-section{margin-bottom:20px}.info-section label{display:block;color:#e9edef;font-size:14px;font-weight:500;margin-bottom:8px}.copy-field{display:flex;gap:8px;align-items:center}.copy-field input{flex:1;padding:12px 16px;background-color:#2a3942;border:1px solid #374045;border-radius:8px;color:#e9edef;font-size:14px;font-family:monospace;outline:none}.code-input{font-size:16px;font-weight:600;text-align:center;letter-spacing:2px}.url-input{font-size:12px;word-break:break-all}.btn-copy{background-color:#374045;color:#e9edef;border:none;padding:12px 16px;border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s;min-width:auto;flex-shrink:0}.btn-copy:hover{background-color:#4a5568;transform:scale(1.05)}.room-stats{display:flex;gap:20px;margin:20px 0;padding:16px;background-color:#2a3942;border-radius:8px;border:1px solid #374045}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-label{color:#8696a0;font-size:12px;font-weight:500}.stat-value{color:#e9edef;font-size:14px;font-weight:600}.instructions{margin:20px 0;padding:16px;background-color:#1e2a30;border-radius:8px;border-left:4px solid ff453a}.instructions p{margin:0 0 12px;color:#e9edef;font-weight:500}.instructions ul{margin:0;padding-left:20px;color:#8696a0;font-size:14px;line-height:1.5}.instructions li{margin-bottom:4px}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{max-width:100%;max-height:95vh}.modal-header,.modal-body{padding:15px}.room-item{flex-direction:column;align-items:flex-start;gap:12px}.room-actions{margin-left:0;align-self:flex-end}.room-details{flex-direction:column;gap:4px}.room-stats{flex-direction:column;gap:12px}.copy-field{flex-direction:column}.btn-copy{align-self:stretch}}.form-group{margin-bottom:20px}.form-group label{display:flex;align-items:center;gap:8px;color:#e9edef;font-size:14px;font-weight:500;margin-bottom:8px}.label-icon{font-size:16px}.form-select,.form-input{width:100%;padding:12px;background-color:#2a3942;border:1px solid #374045;border-radius:8px;color:#e9edef;font-size:14px;font-family:inherit;transition:all .2s ease}.form-select:focus,.form-input:focus{outline:none;border-color:ff453a;background-color:#111b21}.form-select option{background-color:#2a3942;color:#e9edef}.form-hint{display:block;margin-top:6px;color:#8696a0;font-size:12px}.error-message{display:flex;align-items:center;gap:8px;padding:12px;background-color:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:8px;color:#ff6464;font-size:14px;margin-bottom:16px}.info-box{padding:12px;background-color:#00a8841a;border:1px solid rgba(0,168,132,.3);border-radius:8px;margin-top:16px}.info-box strong{color:ff453a}.search-modal-content{display:flex;flex-direction:column;gap:24px;padding:0;max-height:70vh;overflow:hidden}.search-input-container{position:sticky;top:0;background:#fff;z-index:10;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#f8f9fa;border:2px solid #dee2e6;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;overflow:hidden}.search-input-wrapper:focus-within{border-color:#a50104;background:#fff;box-shadow:0 0 0 4px #a5010414,0 4px 12px #0000001a;transform:translateY(-1px)}.search-input{width:100%;padding:16px 52px 16px 20px;border:none;border-radius:14px;font-size:15px;font-weight:600;color:#000!important;background:transparent;transition:all .2s;line-height:1.5;-webkit-text-fill-color:#000000!important}.search-input:focus{outline:none;color:#000!important;-webkit-text-fill-color:#000000!important}.search-input::placeholder{color:#6c757d!important;font-weight:400;-webkit-text-fill-color:#6c757d!important}.clear-search-btn{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;background:#e9ecef;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.clear-search-btn:hover{background:#dc3545;color:#fff;transform:translateY(-50%) rotate(90deg) scale(1.1);box-shadow:0 2px 8px #dc35454d}.search-types{display:flex;gap:10px;flex-wrap:wrap}.search-type-btn{flex:1;min-width:110px;padding:12px 18px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#6b7280;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.search-type-btn:hover{border-color:#a50104;background:#fff5f5;transform:translateY(-2px);box-shadow:0 4px 8px #a501041a}.search-type-btn.active{border-color:#a50104;background:linear-gradient(135deg,#a50104,#d10105);color:#fff;box-shadow:0 4px 12px #a501044d;transform:translateY(-2px)}.type-icon{font-size:18px}.type-label{font-size:14px;font-weight:600}.search-results-section{flex:1;display:flex;flex-direction:column;gap:12px;overflow:hidden}.search-results-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:2px solid #f3f4f6;margin-bottom:4px}.search-results-header h3{font-size:17px;font-weight:700;color:#1f2937;margin:0;letter-spacing:-.02em}.search-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#a50104;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.search-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px}.search-loading p{color:#6b7280;font-size:14px;margin:0}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:16px;border:2px dashed #e5e7eb}.no-results-icon{font-size:64px;opacity:.4;filter:grayscale(.3)}.no-results p{color:#374151;font-size:16px;font-weight:700;margin:0;letter-spacing:-.01em}.no-results-hint{color:#9ca3af;font-size:14px;font-weight:500}.search-results-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:6px}.search-result-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border:2px solid #e5e7eb;border-radius:14px;background:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.search-result-item:hover{border-color:#a50104;background:#fff5f5;transform:translate(4px);box-shadow:0 4px 12px #a501041a}.search-result-item.selected{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b;border-width:2px;box-shadow:0 6px 16px #f59e0b40;transform:translate(6px)}.search-result-item.selected .search-result-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24);box-shadow:0 4px 12px #f59e0b66;transform:scale(1.05)}.search-result-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#a50104,#d10105);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;box-shadow:0 3px 8px #a5010440;transition:all .3s ease}.search-result-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.search-result-title{font-size:15px;font-weight:700;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.search-result-subtitle{font-size:13px;font-weight:500;color:#495057!important;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-text-fill-color:#495057!important}.search-result-time{font-size:11px;font-weight:600;color:#9ca3af;background:#f3f4f6;padding:4px 8px;border-radius:6px;flex-shrink:0}.recent-searches-section{flex:1;display:flex;flex-direction:column;gap:12px;overflow:hidden}.recent-searches-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:2px solid #f3f4f6;margin-bottom:4px}.recent-searches-header h3{font-size:17px;font-weight:700;color:#1f2937;margin:0;letter-spacing:-.02em}.clear-all-btn{padding:8px 16px;border:none;border-radius:10px;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #dc26261a}.clear-all-btn:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);transform:translateY(-2px);box-shadow:0 4px 8px #dc262633}.recent-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px}.recent-loading p{color:#6b7280;font-size:14px;margin:0}.no-recent{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:16px;border:2px dashed #e5e7eb}.no-recent-icon{font-size:64px;opacity:.4;filter:grayscale(.3)}.no-recent p{color:#374151;font-size:16px;font-weight:700;margin:0;letter-spacing:-.01em}.recent-searches-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:6px}.recent-search-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border:2px solid #e5e7eb;border-radius:14px;background:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.recent-search-item:hover{border-color:#a50104;background:#fff5f5;transform:translate(4px);box-shadow:0 4px 12px #a501041a}.recent-search-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6b7280,#9ca3af);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 2px 6px #6b728033;transition:all .3s ease}.recent-search-item:hover .recent-search-icon{transform:scale(1.05);box-shadow:0 4px 10px #6b72804d}.recent-search-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.recent-search-term{font-size:15px;font-weight:700;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.recent-search-time{font-size:12px;font-weight:500;color:#9ca3af}.delete-recent-btn{width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#9ca3af;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.delete-recent-btn:hover{background:#fee2e2;color:#dc2626;transform:rotate(90deg)}.search-results-list::-webkit-scrollbar,.recent-searches-list::-webkit-scrollbar{width:8px}.search-results-list::-webkit-scrollbar-track,.recent-searches-list::-webkit-scrollbar-track{background:#f9fafb;border-radius:12px;margin:4px 0}.search-results-list::-webkit-scrollbar-thumb,.recent-searches-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d1d5db,#9ca3af);border-radius:12px;border:2px solid #f9fafb}.search-results-list::-webkit-scrollbar-thumb:hover,.recent-searches-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a50104,#d10105)}@media (max-width: 640px){.search-modal-content{max-height:60vh}.search-types{gap:6px}.search-type-btn{min-width:80px;padding:8px 12px;font-size:13px}.type-icon{font-size:14px}.type-label{font-size:12px}.search-result-item,.recent-search-item{padding:10px;gap:10px}.search-result-icon{width:36px;height:36px;font-size:18px}.recent-search-icon{width:32px;height:32px;font-size:16px}}.highlighted-chat{background:#fffbeb!important;border:2px solid #fbbf24!important;box-shadow:0 4px 12px #fbbf244d!important;animation:highlightPulse .6s ease-in-out}@keyframes highlightPulse{0%{transform:scale(1);box-shadow:0 0 #fbbf24b3}50%{transform:scale(1.02);box-shadow:0 0 0 8px #fbbf2400}to{transform:scale(1);box-shadow:0 4px 12px #fbbf244d}}.conversation-list-container{background:linear-gradient(180deg,#fff,#f9fafb);border-left:.0625rem solid rgba(220,38,38,.1);position:relative;overflow-x:hidden}.conversation-list-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:.125rem solid rgba(220,38,38,.1);padding:1.25rem 1rem;box-shadow:0 .25rem .75rem #00000008}@media (max-width: 1400px){.conversation-list-header{padding:.5rem .375rem}}@media (max-width: 1280px){.conversation-list-header{padding:.375rem .25rem}}.tabs-container{background:linear-gradient(135deg,#fff,#f8fafc);margin-bottom:.1rem;padding-top:.5rem!important;padding-bottom:.5rem!important}@media (max-width: 768px){.tabs-container{padding-top:.5rem!important;padding-bottom:.5rem!important}}.tab-button:hover:before{opacity:1}.tab-button.active{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 .25rem .75rem #dc26264d}.tab-button.active:before{opacity:0}.search-input-container{position:relative;margin:1rem}.search-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:.125rem solid rgba(220,38,38,.15);border-radius:.75rem;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 .125rem .375rem #0000000d}.search-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 .25rem #dc26261a,0 .25rem .75rem #00000014}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;transition:color .3s cubic-bezier(.4,0,.2,1)}.search-input:focus+.search-icon{color:#dc2626}.conversation-item{padding:1rem;border-bottom:.0625rem solid rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}@media (max-width: 1400px){.conversation-item{padding:.375rem;min-height:50px}}@media (max-width: 1280px){.conversation-item{padding:.25rem;min-height:45px}}.typing-dot{width:.375rem;height:.375rem;background:#dc2626;border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.join-room-button{margin:1rem;padding:1rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:.5rem;cursor:pointer;font-weight:600}@media (max-width: 1024px){.conversation-item{padding:.125rem;min-height:40px}}.conversation-item:before{content:"";position:absolute;top:0;left:0;width:.25rem;height:100%;background:linear-gradient(180deg,#dc2626,#b91c1c);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.conversation-item:hover{background:linear-gradient(90deg,rgba(220,38,38,.03) 0%,transparent 100%)}.conversation-item:hover:before{opacity:1}.conversation-item.active{background:linear-gradient(90deg,#dc262614,#dc262605);border-left:.25rem solid #dc2626}.conversation-item.active:before{opacity:1}.conversation-avatar{width:3rem;height:3rem;border-radius:50%;flex-shrink:0;position:relative;box-shadow:0 .25rem .75rem #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 1400px){.conversation-avatar{width:2rem;height:2rem}}@media (max-width: 1280px){.conversation-avatar{width:1.6rem;height:1.6rem}}@media (max-width: 1024px){.conversation-avatar{width:1.3rem;height:1.3rem}}.conversation-item:hover .conversation-avatar{transform:scale(1.05);box-shadow:0 .375rem 1rem #dc262633}.online-badge{position:absolute;bottom:.125rem;right:.125rem;width:.875rem;height:.875rem;background:#10b981;border:.125rem solid white;border-radius:50%;box-shadow:0 .125rem .375rem #0003;animation:pulse-online 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-online{0%,to{opacity:1}50%{opacity:.7}}.unread-badge{min-width:1.5rem;height:1.5rem;padding:0 .375rem;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-radius:.75rem;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 .25rem .75rem #dc262666;animation:pulse-unread 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-unread{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.favorite-button{transition:all .3s cubic-bezier(.4,0,.2,1);color:#9ca3af}.favorite-button:hover{color:#ff453a;transform:scale(1.2) rotate(15deg)}.favorite-button.active{color:#ff453a;filter:drop-shadow(0 .125rem .375rem rgba(251,191,36,.5))}.typing-indicator{display:flex;align-items:center;gap:.25rem;color:#dc2626;font-size:.8125rem;font-style:italic}.typing-dot{width:.375rem;height:.375rem;-webkit-mask-image:url(../assets/plus.svg);mask-image:url(../assets/plus.svg);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;transition:all .2s ease}.grupos-header-plus-button:hover:before{background-color:#4b5563;transform:scale(1.15)}.grupos-header-plus-button:active:before{transform:scale(.95)}.conversation-list-scroll{scroll-behavior:smooth}.conversation-list-scroll::-webkit-scrollbar{width:.5rem}.conversation-list-scroll::-webkit-scrollbar-track{background:#f3f4f6}.conversation-list-scroll::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#dc2626,#b91c1c);border-radius:.25rem}.conversation-list-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#b91c1c,#991b1b)}.conversation-list-responsive{width:360px;min-width:150px;max-width:360px;flex-shrink:0}@media (max-width: 1400px){.conversation-list-responsive{width:360px;max-width:360px}}@media (max-width: 1280px){.conversation-list-responsive{width:250px;max-width:250px;min-width:250px}}@media (max-width: 1024px){.conversation-list-responsive{width:250px;max-width:250px;min-width:250px}}@media (max-width: 768px){.conversation-list-responsive{width:100%;max-width:100%;min-width:100%}}.conversation-timestamp{font-size:10px;line-height:13px;font-weight:400;color:#9ca3af!important;flex-shrink:0!important;white-space:nowrap!important;text-align:right!important;overflow:visible!important;display:inline-block!important;position:absolute!important;right:8px!important;top:8px!important;z-index:20!important;padding:0!important;margin:0!important;background:transparent!important}@media (max-width: 1280px){.conversation-timestamp{font-size:9px!important;line-height:12px!important;right:6px!important;top:6px!important}}@media (max-width: 1024px){.conversation-timestamp{font-size:8px!important;line-height:11px!important;right:5px!important;top:5px!important}}@media (max-width: 768px){.conversation-timestamp{font-size:9px!important;line-height:12px!important;right:6px!important;top:6px!important}}.mx_RoomSublist{position:relative;-webkit-user-select:auto;user-select:auto;width:auto;max-height:800px;min-height:76px;box-sizing:border-box;flex-shrink:0;display:flex;flex-direction:column;transition:height .1s ease-out;border-bottom:1px solid #eee}.mx_RoomSublist_content{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) transparent}.mx_RoomSublist_content::-webkit-scrollbar{width:6px}.mx_RoomSublist_content::-webkit-scrollbar-track{background:transparent}.mx_RoomSublist_content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.mx_RoomSublist_resizerHandle{position:absolute;-webkit-user-select:none;user-select:none;width:100%;height:10px;left:0;cursor:row-resize;bottom:-5px;z-index:10;display:flex;align-items:center;justify-content:center}.mx_RoomSublist_resizerHandle:after{content:"";width:32px;height:4px;background-color:#0000001a;border-radius:2px;opacity:0;transition:opacity .2s}.mx_RoomSublist:hover .mx_RoomSublist_resizerHandle:after{opacity:1}.mx_AutoHideScrollbar{scrollbar-color:transparent transparent;transition:scrollbar-color .3s}.mx_AutoHideScrollbar:hover{scrollbar-color:rgba(0,0,0,.2) transparent}.mx_RoomSublist_header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#fff}.mx_RoomSublist_header:hover{color:#374151;background-color:#f9fafb}@media (min-width: 769px){.compact-mode{overflow-x:hidden!important;width:100%!important;max-width:100%!important}.compact-mode *,.compact-mode *:before,.compact-mode *:after{max-width:100%!important;box-sizing:border-box!important}.compact-mode .mx_RoomSublist_content,.compact-mode .mx_RoomSublist_content>div,.compact-mode .mx_RoomSublist_content>div>*{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important}.compact-mode .mx_RoomSublist_content>div{justify-content:center!important}.compact-mode .mx_RoomSublist_content>div>div{width:auto!important;max-width:60px!important;padding:6px!important;min-height:auto!important}.compact-mode .mx_RoomSublist_content>div>div>div:not(:first-child){display:none!important}.compact-mode .mx_RoomSublist_header{justify-content:center!important;padding:6px!important}.compact-mode .mx_RoomSublist_header>div:first-child{display:none!important}.compact-mode input::placeholder{opacity:0!important}.compact-mode .tabs-container button>span:not([class*=absolute]){display:none!important}.compact-mode>div>div:nth-child(2)>div:last-child{display:none!important}.compact-mode .mx_RoomSublist{max-height:none!important;flex:1!important;height:auto!important}.compact-mode .mx_RoomSublist_content{max-height:none!important;overflow-y:auto!important;flex:1!important}.compact-mode .conversation-list-container,.compact-mode.conversation-list-responsive{height:100vh!important;max-height:100vh!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important}.compact-mode>div[class*=overflow]{max-height:none!important;height:auto!important;flex:1!important}.compact-mode .flex-1.overflow-y-auto{max-height:none!important;height:100%!important;flex:1!important}}html.dark .conversation-list-container{background:linear-gradient(180deg,#1a1a1a,#111)!important;border-left-color:#ffffff1a!important}html.dark .conversation-list-header{background:linear-gradient(135deg,#1f1f1f,#171717)!important;border-bottom-color:#ffffff1a!important}html.dark .tabs-container{background:#1a1a1a!important}html.dark .search-input{background:#2a2a2a!important;border-color:#3a3a3a!important;color:#e5e5e5!important}html.dark .search-input::placeholder{color:#6b7280!important}html.dark .search-input:focus{border-color:#dc2626!important;box-shadow:0 0 0 .25rem #dc262633,0 .25rem .75rem #0000004d!important}html.dark .search-icon{color:#6b7280!important}html.dark .conversation-item{border-bottom-color:#ffffff0d!important}html.dark .conversation-item:hover{background:#ffffff0d!important}html.dark .conversation-item.active{background:#dc262626!important}html.dark .sticky.bg-\[\#f0f2f5\],html.dark [class*="bg-[#f0f2f5]"]{background:#1f1f1f!important}html.dark .border-\[\#e9edef\],html.dark [class*="border-[#e9edef]"]{border-color:#3a3a3a!important}html.dark .mx_RoomSublist_header{background:#1f1f1f!important;color:#9ca3af!important}html.dark .mx_RoomSublist_header:hover{background:#2a2a2a!important;color:#d1d5db!important}html.dark .font-semibold.text-gray-800,html.dark [class*=text-gray-800],html.dark [class*=text-gray-700],html.dark .text-gray-800,html.dark .text-gray-700{color:#e5e5e5!important}html.dark .text-gray-500,html.dark .text-gray-600,html.dark [class*=text-gray-500],html.dark [class*=text-gray-600]{color:#9ca3af!important}html.dark .conversation-timestamp,html.dark .text-xs.text-gray-400,html.dark [class*=text-gray-400]{color:#6b7280!important}html.dark .truncate.text-gray-500,html.dark .text-sm.text-gray-500{color:#9ca3af!important}html.dark .bg-red-600{background-color:#dc2626!important}html.dark .bg-white\/90,html.dark [class*=bg-white]{background:#2a2a2a!important}html.dark button[class*=bg-white]{background:#2a2a2a!important;color:#e5e5e5!important}html.dark button[class*=bg-white]:hover{background:#3a3a3a!important}html.dark .highlighted-chat{background:#fbbf2426!important;border-color:#fbbf24!important}html.dark .text-red-600,html.dark [class*=text-red-600]{color:#ef4444!important}html.dark .text-red-600:hover{color:#f87171!important}html.dark .conversation-list-scroll::-webkit-scrollbar-track,html.dark .overflow-y-auto::-webkit-scrollbar-track{background:#1a1a1a!important}html.dark .conversation-list-scroll::-webkit-scrollbar-thumb,html.dark .overflow-y-auto::-webkit-scrollbar-thumb{background-color:#ffffff26!important}html.dark .conversation-list-scroll::-webkit-scrollbar-thumb:hover,html.dark .overflow-y-auto::-webkit-scrollbar-thumb:hover{background-color:#ffffff40!important}html.dark .favorite-button{color:#6b7280!important}html.dark .favorite-button:hover{color:#fbbf24!important}html.dark .conversation-timestamp{color:#9ca3af!important}html.dark .online-badge{border-color:#1a1a1a!important}html.dark .typing-indicator{color:#ef4444!important}html.dark .typing-dot{background:#ef4444!important}html.dark .mx_RoomSublist_resizerHandle:after{background-color:#fff3!important}html.dark .flex-1.overflow-y-auto{background:#1d1f1f!important}html.dark .border-b{border-bottom-color:#ffffff14!important}html.dark .bg-gray-100,html.dark [class*=bg-gray-100]{background:#2a2a2a!important}html.dark .bg-gray-50,html.dark [class*=bg-gray-50]{background:#1f1f1f!important}html.dark .hover\:bg-gray-100:hover{background:#3a3a3a!important}html.dark .text-\[\#111\],html.dark [class*="text-[#111]"],html.dark h3.font-semibold[class*="text-[#111]"]{color:#e5e5e5!important}html.dark .text-\[\#54656f\],html.dark [class*="text-[#54656f]"]{color:#9ca3af!important}html.dark .hover\:bg-\[\#f5f6f6\]:hover,html.dark [class*="hover:bg-[#f5f6f6]"]:hover{background:#ffffff14!important}html.dark .bg-\[\#e7f3f0\],html.dark [class*="bg-[#e7f3f0]"]{background:#00a88426!important}html.dark .bg-white,html.dark [class*=overflow-y-auto][class*=bg-white]{background:#1a1a1a!important}html.dark .sticky[class*="bg-[#f0f2f5]"],html.dark [class*="bg-[#f0f2f5]"]{background:#1f1f1f!important}html.dark [class*="border-[#e9edef]"]{border-color:#3a3a3a!important}html.dark h3.font-semibold,html.dark .truncate.font-semibold,html.dark span.font-semibold{color:#e5e5e5!important}html.dark span.text-gray-400{color:#6b7280!important}html.dark p.truncate,html.dark .text-gray-600.truncate{color:#9ca3af!important}.selected-conversation{background:#f4433614!important;border-left:4px solid #F44336!important;transition:all .2s ease}.selected-conversation:hover{background:#f443361f!important}html.dark .selected-conversation{background:#f4433626!important;border-left-color:#f44336!important}html.dark .selected-conversation:hover{background:#f4433633!important}.sidebar-responsive-container{display:flex;flex-direction:row;width:620px;min-width:170px;max-width:800px;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:visible}.sidebar-responsive-container.collapsed{width:450px}@media (max-width: 1400px){.sidebar-responsive-container{width:620px;max-width:620px}}@media (max-width: 1280px){.sidebar-responsive-container{width:340px;max-width:340px}}@media (max-width: 1024px){.sidebar-responsive-container{width:340px;max-width:340px}}.sidebar-resize-handle{position:absolute;right:0;top:0;width:4px;height:100%;cursor:col-resize;background-color:transparent;transition:background-color .2s ease;z-index:10}.sidebar-resize-handle:hover{background-color:#ef44444d}.sidebar-resize-handle:active{background-color:#ef444480}@media (max-width: 768px){.sidebar-resize-handle{display:none}}@media (min-width: 769px){.sidebar-responsive-container.compact-mode.collapsed{overflow-x:hidden!important;width:8%!important;min-width:140px!important;max-width:160px!important}.sidebar-responsive-container.compact-mode:not(.collapsed){overflow-x:hidden!important;width:15%!important;min-width:200px!important;max-width:240px!important}}.chat-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:0;width:100%;height:50px;display:flex;align-items:center;box-shadow:0 1px 3px #00000014;position:relative;z-index:10}@media (max-width: 900px){.chat-header{height:50px;padding:0 8px}.chat-header-content{padding:0 8px}.chat-title{font-size:14px;line-height:1.2}.chat-subtitle{font-size:12px}}@media (max-width: 600px){.chat-header{height:auto;min-height:50px;padding:0 12px}.chat-header-content{padding:0;gap:10px;flex-wrap:nowrap;align-items:center}.chat-header-info{min-width:0;flex:1;overflow:hidden;gap:8px}.chat-user-info{min-width:0;flex:1;overflow:hidden}.chat-title{font-size:14px;font-weight:600;line-height:1.3;-webkit-line-clamp:1;max-height:1.3em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-subtitle{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-members-avatars{display:none}.chat-header-actions{flex-shrink:0}}.back-btn-mobile{display:none}@media (max-width: 768px){.back-btn-mobile{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#13467a;border:none;border-radius:6px;cursor:pointer;color:#fff;font-size:12px;transition:all .2s ease;flex-shrink:0;margin-left:4px;box-shadow:0 1px 3px #0000001a;padding:0}.back-btn-mobile:hover{background:#0f3660}.back-btn-mobile:active{background:#0a2847;transform:scale(.95)}}.chat-header-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:0 16px;height:100%;gap:10px}.chat-header-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.chat-avatar{width:38px;height:38px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:#fff;border:1px solid #e0e0e0}.chat-avatar svg path{fill:#606263!important}.chat-avatar-img{width:38px;height:38px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px #00000026}.chat-user-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px}.connection-status{display:flex;align-items:center;gap:6px;margin-bottom:8px}.status-indicator{width:8px;height:8px;border-radius:50%;transition:all .3s ease}.status-indicator.connected{background-color:ff453a;box-shadow:0 0 6px #00a88480}.status-indicator.disconnected{background-color:#f15c6d;box-shadow:0 0 6px #f15c6d80}.status-text{font-size:11px;color:#8696a0;font-weight:500}.connection-retry{font-size:10px;margin-left:4px;animation:spin 2s linear infinite}.chat-title{color:#1f2937;font-size:17.11px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.4;letter-spacing:-.3px;max-width:100%;word-break:break-word;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.group-icon,.user-icon{display:none}.chat-title .room-code,.room-code{background-color:#f0f2f5;color:#54656f!important;-webkit-text-fill-color:#54656f!important;font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px;margin-left:8px;font-family:Courier New,monospace;letter-spacing:.5px;display:inline-block;border:1px solid #d1d7db;vertical-align:middle}.chat-subtitle{color:#6b7280;font-size:12px;font-weight:500;margin:0;line-height:1.3;display:flex;flex-wrap:wrap;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;max-width:100%;letter-spacing:.2px}.chat-header-actions{display:flex;align-items:center;gap:12px;padding-right:20px}.header-icon-btn{width:40px;height:40px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease;color:#6b7280}.header-icon-btn:hover{background:#f3f4f6;color:#374151}.header-icon-btn.call-btn{color:#10b981}.header-icon-btn.call-btn:hover{background:#10b9811a;color:#059669}.header-icon-btn.video-btn{color:#3b82f6}.header-icon-btn.video-btn:hover{background:#3b82f61a;color:#2563eb}.header-icon-btn.video-btn.disabled{color:#9ca3af;cursor:not-allowed;opacity:.5}.header-icon-btn.video-btn.disabled:hover{background:transparent;color:#9ca3af}.leave-room-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #ff6b6b4d}.leave-room-btn:hover{background:linear-gradient(135deg,#ff5252,#e53935);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b66}.leave-room-btn:active{transform:translateY(0);box-shadow:0 2px 4px #ff6b6b4d}.leave-icon{font-size:12px;display:flex;align-items:center}.leave-text{font-size:11px;font-weight:600;letter-spacing:.3px}.menu-toggle-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;background:linear-gradient(135deg,#00a8841a,#00a8840d);color:ff453a;border:1px solid rgba(0,168,132,.3);border-radius:8px;cursor:pointer;font-size:11px;font-weight:600;transition:all .3s ease;min-height:28px;position:relative;overflow:hidden;white-space:nowrap;max-width:fit-content;box-shadow:0 2px 4px #00a8841a}.menu-toggle-btn:hover{background:#00a88426;border-color:#00a88480;color:#ff453a6b;transform:translateY(-1px);box-shadow:0 2px 8px #00a88433}.menu-toggle-btn:active{transform:translateY(0);background:#00a88433;box-shadow:0 1px 4px #00a88426}.menu-toggle-btn:focus{outline:none;box-shadow:0 0 0 2px #00a8844d}.menu-icon{font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;width:12px;height:12px;flex-shrink:0}.menu-text{font-size:9px;font-weight:600;letter-spacing:.1px;white-space:nowrap;flex-shrink:0}.menu-toggle-btn.menu-hidden{background:#6c757d1a;color:#6c757d;border-color:#6c757d4d}.menu-toggle-btn.menu-hidden:hover{background:#6c757d26;border-color:#6c757d80;color:#5a6268}@media (max-width: 1280px){.chat-header{height:auto;min-height:50px;padding:0;overflow:hidden}.chat-header-content{padding:0 12px;gap:8px;flex-wrap:nowrap;overflow:hidden}.chat-header-info,.chat-user-info{min-width:0;flex:1;overflow:hidden}.chat-title{font-size:15px;line-height:1.3;-webkit-line-clamp:2;max-height:2.6em;word-wrap:break-word;overflow-wrap:break-word}.chat-subtitle{font-size:12px;flex-wrap:wrap}.chat-avatar,.chat-avatar-img{width:36px;height:36px;font-size:16px}.room-members-avatars{gap:4px}.member-avatar{width:28px;height:28px;font-size:11px}.chat-header-actions{gap:8px;flex-shrink:0}.header-icon-btn{width:36px;height:36px;font-size:18px}}@media (max-width: 1024px){.chat-header{height:auto;min-height:50px;padding:0;overflow:hidden}.chat-header-content{padding:0 10px;gap:8px;flex-wrap:nowrap;overflow:hidden}.chat-header-info,.chat-user-info{min-width:0;flex:1;overflow:hidden}.chat-title{font-size:14px;line-height:1.3;-webkit-line-clamp:2;max-height:2.6em;word-wrap:break-word;overflow-wrap:break-word}.chat-subtitle{font-size:11px;flex-wrap:wrap}.chat-avatar,.chat-avatar-img{width:36px;height:36px;font-size:16px}.room-members-avatars{display:none}.chat-header-actions{gap:6px;flex-shrink:0}.header-icon-btn{width:34px;height:34px;font-size:16px}}@media (max-width: 768px){.chat-header{height:auto;min-height:50px;padding:0}.chat-header-content{padding:0 10px;gap:8px;flex-wrap:nowrap}.chat-header-info,.chat-user-info{min-width:0;flex:1;overflow:hidden}.chat-title{font-size:13px;line-height:1.3;-webkit-line-clamp:2;max-height:2.6em}.chat-subtitle{font-size:11px}.room-members-avatars{display:none}.leave-room-btn{padding:6px 10px;font-size:12px}.leave-text{display:none}.menu-toggle-btn{padding:2px 3px;font-size:9px;min-height:20px;gap:2px}.menu-text{font-size:8px}.menu-icon{font-size:8px;width:10px;height:10px}.chat-header-actions{gap:6px;flex-shrink:0}.header-icon-btn{width:34px;height:34px;font-size:16px}}@media (max-width: 480px){.menu-toggle-btn{padding:1px 2px;font-size:8px;min-height:18px;gap:1px}.menu-icon{font-size:7px;width:8px;height:8px}.menu-text{font-size:7px}}.enable-sounds-btn{background:ff453a;color:#fff;border:none;border-radius:8px;padding:8px 12px;margin-left:12px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;transition:all .2s ease}.enable-sounds-btn:hover{background:#ff453a73;transform:translateY(-1px)}.enable-sounds-btn:active{transform:translateY(0)}.sound-icon{font-size:14px}.sound-text{font-size:11px;white-space:nowrap}@media (max-width: 768px){.enable-sounds-btn{padding:6px 8px;margin-left:8px}.sound-text{display:none}.sound-icon{font-size:16px}.chat-avatar,.chat-avatar-img{width:40px;height:40px;font-size:18px}.chat-title{font-size:14px;line-height:1.2;max-height:2.4em}.chat-subtitle{font-size:11px}.room-code{font-size:10px;padding:1px 4px}.chat-header-content{padding:0 12px;gap:10px}.chat-header-info{gap:10px}.header-icon-btn{width:36px;height:36px;font-size:18px}}.tools-dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px 0;min-width:160px;z-index:100;border:1px solid #e5e7eb;animation:fadeIn .2s ease-out}.tools-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;border:none;background:transparent;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;text-align:left}.tools-menu-item:hover{background-color:#f3f4f6;color:#111827}.tools-menu-icon{font-size:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.chat-header{height:auto;min-height:56px;padding:8px 0}.chat-header-content{padding:0 8px;gap:6px;flex-wrap:nowrap}.chat-header-info{gap:6px;min-width:0;flex:1;overflow:hidden}.chat-avatar,.chat-avatar-img{width:40px;height:40px;font-size:18px}.chat-user-info{min-width:0;flex:1;overflow:hidden}.chat-title{font-size:12px;line-height:1.3;-webkit-line-clamp:2;max-height:2.6em}.chat-subtitle{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-code{display:none}.header-icon-btn{width:30px;height:30px;font-size:14px}.leave-room-btn{padding:5px 8px;font-size:11px}.leave-icon{font-size:12px}.chat-header-actions{gap:4px;flex-shrink:0}.room-members-wrapper{display:none}}@media (max-width: 360px){.chat-header{height:52px}.chat-header-content{padding:0 8px;gap:6px}.chat-header-info{gap:6px}.chat-avatar,.chat-avatar-img{width:32px;height:32px;font-size:14px}.chat-title{font-size:12px;line-height:1.2;max-height:2.4em}.chat-subtitle{font-size:9px}.header-icon-btn{width:28px;height:28px;font-size:12px}.leave-room-btn{padding:4px 6px;font-size:10px}.chat-header-actions{gap:4px}}.typing-status{display:flex;align-items:center;gap:6px;color:ff453a;font-weight:500;animation:fadeIn .3s ease-in}.typing-icon{font-size:14px;animation:typingPulse 1s infinite}@keyframes typingPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media (max-width: 768px){.typing-status,.typing-icon{font-size:12px}}@media (max-width: 480px){.typing-status,.typing-icon{font-size:11px}}.room-members-wrapper{display:flex;align-items:center;margin-left:12px;flex-shrink:0}.room-members-pile{display:flex;align-items:center;background-color:#f0f2f5;border-radius:18px;padding:2px 8px 2px 2px;gap:6px;cursor:pointer;transition:background-color .2s;border:1px solid #e0e0e0}.room-members-pile:hover{background-color:#e1e4e8}.stacked-avatars{display:flex;align-items:center;padding-left:4px}.stacked-avatar-item{position:relative;width:24px;height:24px;border-radius:50%;border:2px solid #ffffff;margin-left:-8px;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#dfe1e5;font-size:10px;font-weight:600;color:#54656f;box-shadow:0 1px 2px #0000001a}.stacked-avatar-item:first-child{margin-left:0;z-index:3}.stacked-avatar-item:nth-child(2){z-index:2}.stacked-avatar-item:nth-child(3){z-index:1}.stacked-avatar-img{width:100%;height:100%;object-fit:cover}.stacked-avatar-placeholder{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.stacked-avatar-item[data-color="1"]{background-color:#ffadad;color:#5c0000}.stacked-avatar-item[data-color="2"]{background-color:#ffd6a5;color:#5c3a00}.stacked-avatar-item[data-color="3"]{background-color:#fdffb6;color:#5c5c00}.stacked-avatar-item[data-color="4"]{background-color:#caffbf;color:#005c00}.stacked-avatar-item[data-color="5"]{background-color:#9bf6ff;color:#004a5c}.members-panel-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn .2s ease-out}.members-panel{width:400px;max-width:90%;height:100%;background-color:#fff;box-shadow:-2px 0 8px #00000026;display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}.members-panel-header{padding:16px 20px;background-color:ff453a;color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000001a}.members-panel-title{margin:0;font-size:18px;font-weight:600}.members-panel-close-btn{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:background .2s}.members-panel-close-btn:hover{background-color:#ffffff1a}.members-panel-content{flex:1;overflow-y:auto;padding:0;background-color:#f0f2f5}.members-panel-invite-btn{width:100%;padding:16px 20px;background-color:#fff;border:none;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:12px;font-size:16px;color:ff453a;font-weight:500;cursor:pointer;transition:background .2s}.members-panel-invite-btn:hover{background-color:#f5f6f6}.members-list{background-color:#fff;margin-top:10px;box-shadow:0 1px 2px #0000000d}.member-item{display:flex;align-items:center;padding:12px 20px;border-bottom:1px solid #f0f2f5;transition:background .2s}.member-item:hover{background-color:#f5f6f6}.member-item:last-child{border-bottom:none}.member-avatar-container{width:40px;height:40px;margin-right:15px;flex-shrink:0}.member-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.member-avatar-placeholder{width:100%;height:100%;border-radius:50%;background-color:#dfe3e5;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}.member-avatar-placeholder[data-color="1"]{background-color:#ffadad}.member-avatar-placeholder[data-color="2"]{background-color:#ffd6a5}.member-avatar-placeholder[data-color="3"]{background-color:#fdffb6;color:#666}.member-avatar-placeholder[data-color="4"]{background-color:#caffbf;color:#444}.member-avatar-placeholder[data-color="5"]{background-color:#9bf6ff;color:#444}.member-info{flex:1;min-width:0;display:flex;flex-direction:column}.member-name{font-size:16px;color:#111b21;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role-badge{display:inline-block;font-size:11px;color:ff453a;background-color:#00a8841a;padding:2px 6px;border-radius:4px;margin-top:2px;align-self:flex-start;font-weight:500}.members-panel-footer{padding:10px 16px;background-color:#f0f2f5;border-top:1px solid #e0e0e0}.members-filter-input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid #e0e0e0;font-size:14px;outline:none}.members-filter-input:focus{border-color:ff453a}@media (max-width: 480px){.members-panel{width:100%;max-width:100%}}html.dark .chat-header{background:#1a1a1a!important;border-bottom-color:#3a3a3a!important}html.dark .chat-title{background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:#ffffff!important;color:#fff!important}html.dark .chat-subtitle{color:#9ca3af!important}html.dark .chat-avatar{background-color:#2a2a2a!important;border-color:#3a3a3a!important}html.dark .header-icon-btn{color:#9ca3af!important}html.dark .header-icon-btn:hover{background:#2a2a2a!important;color:#fff!important}html.dark .room-code{background-color:#2a2a2a!important;color:#9ca3af!important;-webkit-text-fill-color:#9ca3af!important;border-color:#3a3a3a!important}html.dark .members-panel{background-color:#1a1a1a!important;border-left-color:#3a3a3a!important}html.dark .members-panel-header h3{color:#fff!important}html.dark .member-item{border-bottom-color:#2a2a2a!important}html.dark .member-item:hover{background-color:#2a2a2a!important}html.dark .member-name{color:#e5e5e5!important}html.dark .stacked-avatar-item{border-color:#1a1a1a!important;background-color:#3a3a3a!important;color:#e5e5e5!important}html.dark .stacked-avatar-item[data-color="1"]{background-color:#7f2222!important;color:#ffadad!important}html.dark .stacked-avatar-item[data-color="2"]{background-color:#7f6622!important;color:#fff3ad!important}html.dark .stacked-avatar-item[data-color="3"]{background-color:#22507f!important;color:#adc8ff!important}html.dark .room-members-pile{background-color:#2a2a2a!important;border-color:#3a3a3a!important}html.dark .room-members-pile:hover{background-color:#3a3a3a!important}html.dark .members-count{color:#e5e5e5!important}.load-more-container{display:flex;justify-content:center;padding:16px;border-bottom:1px solid rgba(134,150,160,.1)}.load-more-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#00a8841a;border:1px solid rgba(0,168,132,.3);border-radius:20px;color:#ff453a;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:200px;justify-content:center}.load-more-btn:hover:not(:disabled){background:#00a88433;border-color:#00a88480;transform:translateY(-1px)}.load-more-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.load-icon{font-size:14px}.loading-spinner{width:14px;height:14px;border:2px solid rgba(0,168,132,.3);border-top:2px solid ff453a;border-radius:50%;animation:spin 1s linear infinite}.welcome-screen-container{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background:#fff;padding:2.5rem 1.25rem;box-sizing:border-box;overflow-y:auto}.welcome-content{display:flex;justify-content:center;align-items:center;max-width:56.25rem;width:100%;animation:fadeIn .6s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.welcome-center{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;gap:0}.welcome-main-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:75rem;background:#f5f7fb;border-radius:1.5rem;padding:3rem 2.5rem;position:relative;overflow:hidden;min-height:28.125rem}.welcome-logo{animation:slideDown .8s ease-out;margin-bottom:0}.welcome-bottom{display:flex;gap:3.75rem;align-items:flex-start;justify-content:center;width:100%;margin-top:2.5rem;position:static;flex-wrap:wrap}@keyframes slideDown{0%{opacity:0;transform:translateY(-1.875rem)}to{opacity:1;transform:translateY(0)}}.logo-image{height:6.25rem;width:auto;filter:drop-shadow(0 .25rem .75rem rgba(220,38,38,.2))}.welcome-title{font-size:2rem;font-weight:800;color:#1f2937;margin:0 0 1.25rem;line-height:1.2;letter-spacing:-.03125rem;text-align:center;animation:fadeIn 1s ease-in-out .2s both}.welcome-subtitle{font-size:1rem;font-weight:400;color:#6b7280;margin:0 0 1.25rem;line-height:1.4;text-align:center}.welcome-options{display:flex;flex-direction:column;gap:.9375rem;width:14.408125rem;height:auto;z-index:1;position:relative;flex-shrink:0;margin-top:3rem;margin-right:auto;margin-left:10rem}.welcome-option{display:flex;align-items:center;gap:.83875rem;padding:.755rem 1.5rem;width:100%;height:auto;background:#a501040d;border-radius:.335625rem;box-shadow:0 .125rem .5rem #0000000f;animation:slideIn .6s ease-out both;border:.0625rem solid #e5e7eb;cursor:default;pointer-events:none;flex-wrap:wrap}.welcome-option:nth-child(1){animation-delay:.3s}.welcome-option:nth-child(2){animation-delay:.4s}.welcome-option:nth-child(3){animation-delay:.5s}@keyframes slideIn{0%{opacity:0;transform:translate(-1.875rem)}to{opacity:1;transform:translate(0)}}.option-icon{width:2.5rem;height:2.5rem;background:#a50104;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0;box-shadow:0 .1875rem .625rem #a5010440}.option-text{font-family:Inter;font-size:.755rem;font-weight:600;font-style:normal;line-height:1.091125rem;letter-spacing:0px;color:#111928;text-align:left;display:flex;align-items:center;white-space:nowrap;flex:1;min-width:0}.welcome-image{animation:fadeIn 1s ease-in-out .6s both;flex-shrink:0;position:absolute;bottom:0;right:0;width:20rem;height:15rem;z-index:5}.welcome-image:before{content:"";position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#a50104,#a50104);border-radius:1.925rem 1.925rem 1.5rem 0;box-shadow:0 .625rem 1.875rem #dc26264d;z-index:1;top:0;left:0}.teleoperadora-image{width:135%;height:auto;object-fit:contain;position:absolute;bottom:0;left:20%;transform:translate(-50%);z-index:10}@media (max-width: 80rem){.welcome-screen-container{padding:1.875rem .9375rem}.welcome-main-container{padding:2.25rem 1.875rem;gap:1.25rem}.welcome-title{font-size:1.75rem;margin:0 0 .9375rem}.welcome-subtitle{font-size:.9375rem}.welcome-bottom{gap:3.125rem;margin-top:1.875rem}.logo-image{height:5.3125rem}.welcome-options{width:13.125rem}.welcome-option{padding:.6875rem 1.125rem;gap:.75rem}.option-icon{width:2.25rem;height:2.25rem;font-size:1rem}.option-text{font-size:.875rem}.welcome-image{width:13.125rem;height:11.875rem}.welcome-image:before{width:100%;height:100%}.teleoperadora-image{width:135%}}@media (max-width: 64rem){.welcome-screen-container{padding:1.5625rem .9375rem}.welcome-main-container{padding:2rem 1.5625rem;gap:1.125rem}.welcome-title{font-size:1.625rem}.welcome-subtitle{font-size:.875rem}.welcome-bottom{flex-direction:column;gap:1.875rem;align-items:center;margin-top:1.5625rem}.welcome-options{width:100%;max-width:17.5rem}.welcome-option{padding:.625rem 1rem;gap:.6875rem}.option-icon{width:2.125rem;height:2.125rem;font-size:.9375rem}.option-text{font-size:.8125rem}.welcome-image{position:relative;bottom:auto;right:auto;margin-top:1.25rem;width:12.5rem;height:11.25rem}.welcome-image:before{width:100%;height:100%;border-radius:1.925rem}.teleoperadora-image{width:135%;position:relative;bottom:auto;left:auto;transform:none}.logo-image{height:5rem}}@media (max-width: 48rem){.welcome-screen-container{padding:1.25rem .75rem}.welcome-main-container{padding:1.75rem 1.25rem;gap:1rem;border-radius:1.125rem}.welcome-title{font-size:1.5rem;margin:0 0 .625rem}.welcome-subtitle{font-size:.8125rem}.welcome-bottom{gap:1.5625rem;margin-top:1.25rem}.logo-image{height:4.375rem}.welcome-options{gap:.625rem;max-width:100%;width:100%}.welcome-option{padding:.875rem 1.125rem;border-radius:.335625rem}.option-icon{width:2.25rem;height:2.25rem;font-size:1rem}.option-text{font-size:.8125rem}.welcome-image{width:11.25rem;height:10rem}.welcome-image:before{width:100%;height:100%}.teleoperadora-image{width:135%}}@media (max-width: 37.5rem){.welcome-screen-container{padding:.9375rem .625rem}.welcome-main-container{padding:1.5rem 1rem;gap:.875rem;border-radius:1rem}.welcome-title{font-size:1.25rem;margin:0 0 .5rem}.welcome-subtitle{font-size:.75rem}.welcome-bottom{gap:1.25rem;margin-top:1rem}.logo-image{height:3.75rem}.welcome-option{padding:.75rem 1rem;gap:.625rem}.option-icon{width:2rem;height:2rem;font-size:.875rem}.option-text{font-size:.75rem}.welcome-image{width:10rem;height:8.75rem}.welcome-image:before{width:100%;height:100%}.teleoperadora-image{width:135%}}@media (max-width: 30rem){.welcome-screen-container{padding:.75rem .5rem}.welcome-main-container{padding:1.25rem .875rem;gap:.75rem}.welcome-title{font-size:1.125rem}.welcome-subtitle{font-size:.6875rem}.logo-image{height:3.125rem}.welcome-option{padding:.625rem .875rem;gap:.5rem}.option-icon{width:1.75rem;height:1.75rem;font-size:.75rem}.option-text{font-size:.6875rem}.welcome-image{width:8.75rem;height:7.5rem}.welcome-image:before{width:100%;height:100%}.teleoperadora-image{width:135%}}html.dark .welcome-screen-container{background:#1a1a1a!important}html.dark .welcome-main-container{background:#232d36!important;border:1px solid #3a3a3a;box-shadow:0 4px 20px #0006}html.dark .welcome-subtitle{color:#aebac1!important}html.dark .welcome-option{background:#232d36!important;border-color:#37404a!important;box-shadow:0 2px 5px #0003!important}html.dark .option-text{color:#e9edef!important}html.dark .option-icon{box-shadow:0 .1875rem .625rem #0006!important}.wa-audio-wrapper{display:flex;align-items:center;gap:12px;padding:4px 0;min-width:280px;max-width:100%;width:100%;position:relative}.wa-avatar-section{position:relative;flex-shrink:0;width:50px;height:50px}.wa-avatar-circle{width:50px;height:50px;border-radius:50%;overflow:hidden;background-color:#dfe5e7}.wa-avatar-circle img{width:100%;height:100%;object-fit:cover}.wa-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#cfd8dc}.wa-mic-badge{position:absolute;bottom:0;right:-2px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;border:2px solid transparent}.wa-audio-wrapper.own .wa-mic-badge{background-color:ff453a;border-color:#d9fdd3}.wa-audio-wrapper.other .wa-mic-badge{background-color:ff453a;border-color:#fff}.wa-controls-section{flex:1;display:flex;flex-direction:column;justify-content:center;gap:4px}.wa-upper-controls{display:flex;align-items:center;gap:10px}.wa-play-button{background:transparent;border:none;color:#667781;font-size:22px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:color .2s}.wa-play-button:hover{color:#444}.wa-slider-wrapper{flex:1;display:flex;align-items:center;padding-right:8px}.wa-seek-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;border-radius:2px;background:#d2d5da;outline:none;cursor:pointer;background-image:linear-gradient(#667781,#667781);background-repeat:no-repeat}.wa-seek-slider::-webkit-slider-thumb{-webkit-appearance:none;height:12px;width:12px;border-radius:50%;background:#667781;cursor:pointer;border:none;box-shadow:0 1px 3px #0000004d;transition:transform .1s}.wa-seek-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.wa-audio-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#667781;margin-top:2px;padding-right:4px}.wa-duration{margin-left:34px}.wa-meta{display:flex;align-items:center;gap:4px}.wa-time{font-size:11px;color:#667781}.wa-ticks{display:flex;align-items:center;color:#8696a0}.wa-ticks.read{color:#53bdeb}.wa-waveform-wrapper{flex:1;display:flex;align-items:center;height:30px;cursor:pointer;padding-right:8px;position:relative;overflow:hidden}.wa-waveform-bars{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;gap:2px}.wa-bar{width:3px;background-color:#b9c0c4;border-radius:3px;transition:background-color .1s ease;pointer-events:none}.wa-bar.played{background-color:#54656f}.wa-seek-slider-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:10;margin:0}.voice-recorder-btn{background:transparent;border:none;cursor:pointer;padding:8px;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s;flex-shrink:0}.voice-recorder-btn:hover{background:#0000000d}.voice-recorder-icon-btn{width:24px;height:24px;color:#54656f}.voice-recorder-active{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;gap:12px;animation:fadeIn .2s ease}.voice-recorder-cancel{background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:16px;padding:8px;display:flex;align-items:center;transition:transform .2s}.voice-recorder-cancel:hover{transform:scale(1.1);color:#dc2626}.voice-recorder-info{flex:1;display:flex;align-items:center;gap:15px;justify-content:center;height:100%;overflow:hidden}.voice-recorder-time{font-family:monospace;font-size:15px;color:#111b21;font-weight:600;min-width:45px}.voice-recorder-time.recording{color:#ef4444}.voice-recorder-time.paused{color:#54656f;animation:blink 1s infinite}@keyframes blink{50%{opacity:.5}}.wave-bars-container{display:flex;align-items:center;gap:2px;height:24px;padding:0 5px}.wave-bar{width:3px;background-color:#ef4444;border-radius:2px;transition:height .08s ease-in-out;min-height:15%}.wave-bar.paused{background-color:#cbd5e1}.voice-recorder-controls{display:flex;align-items:center;gap:8px}.voice-recorder-control-btn,.voice-recorder-stop-btn{background:transparent;border:none;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s;color:#54656f}.voice-recorder-control-btn:hover{background:#0000000d;color:#111b21}.voice-recorder-stop-btn{color:#ef4444;border:1px solid #ef4444;width:32px;height:32px}.voice-recorder-stop-btn:hover{background:#fef2f2}.voice-recorder-preview{flex:1;display:flex;align-items:center;gap:12px;background:#f0f2f5;padding:4px 12px;border-radius:20px;height:36px}.preview-play-btn{background:transparent;border:none;cursor:pointer;color:#54656f;display:flex;align-items:center;padding:0}.preview-play-btn:hover{color:#111b21}.preview-progress{flex:1;height:4px;background:#d1d7db;border-radius:2px;position:relative;overflow:hidden}.preview-progress-bar{height:100%;background:#54656f;position:absolute;left:0;top:0}.preview-time{font-size:12px;color:#54656f;font-family:monospace}.voice-recorder-send{background:#00a884;color:#fff;border:none;border-radius:24px;padding:8px 16px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0003;transition:background-color .2s;white-space:nowrap}.voice-recorder-send:hover{background:#008f6f}.voice-recorder-send:disabled{opacity:.7;cursor:wait}.spinner-small{width:16px;height:16px;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 400px){.voice-recorder-send span{display:none}.voice-recorder-send{padding:10px;border-radius:50%}}.poll-message-container{border-radius:12px;padding:16px;width:300px;max-width:100%;box-shadow:0 1px 2px #0000001a;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;border:1px solid #e0e0e0}.poll-message-header{display:flex;align-items:center;gap:8px;color:#007bff;font-size:14px;font-weight:600;margin-bottom:12px}.poll-message-question{font-size:18px;font-weight:600;color:#111b21;margin-bottom:16px;line-height:1.3}.poll-message-options{display:flex;flex-direction:column;gap:8px}.poll-option{position:relative;padding:12px 40px 12px 12px;border:1px solid #e9edef;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#fff;min-height:48px;display:flex;align-items:center}.poll-option:hover{background-color:#f5f6f6}.poll-option-result{cursor:default;background:#e9edef;border-color:#d1d7db}.poll-option-selected{border-color:#00a884;background-color:#00a8840d}.poll-option-content{display:flex;flex-direction:column;width:100%;z-index:2;position:relative}.poll-option-text{font-size:16px;color:#3b4a54;font-weight:400}.poll-option-bar{position:absolute;left:0;top:0;bottom:0;background-color:#00a88426;border-radius:8px;z-index:1;transition:width .5s ease}.poll-option-stats{font-size:12px;color:#667781;margin-top:4px;font-weight:500}.poll-option-radio{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid #8696a0;border-radius:50%;transition:all .2s}.poll-option-radio-selected{background-color:#bbb;border-color:#bbb;box-shadow:inset 0 0 0 3px #fff}.poll-option-user-vote .poll-option-radio{background-color:#00a884;border-color:#00a884;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white' width='14px' height='14px'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;box-shadow:none}.poll-vote-btn{margin-top:16px;width:100%;padding:10px;background-color:#00a884;color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.poll-vote-btn:hover{background-color:#008f6f}.poll-vote-btn:disabled{background-color:#e9edef;color:#aebac1;cursor:not-allowed}.poll-message-footer{margin-top:12px;text-align:center;font-size:13px;color:#8696a0;border-top:1px solid #e9edef;padding-top:8px}.poll-message-error{color:red;padding:10px;border:1px dashed red;border-radius:4px}.copy-options-container{position:relative;width:100%}.copy-main-item{width:100%;display:flex;align-items:center;gap:8px;position:relative;padding:10px 16px!important}.copy-main-item span{flex:1}.submenu-toggle-btn{background:transparent;border:none;padding:4px 8px;margin:-4px -8px -4px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-left:1px solid #e5e7eb;transition:background-color .15s ease}.submenu-toggle-btn:hover{background-color:#0000000d}.submenu-arrow{font-size:12px;opacity:.6;transition:all .2s ease;color:#6b7280}.submenu-toggle-btn:hover .submenu-arrow{opacity:1;transform:translate(2px);color:#ff453a}.copy-submenu{position:absolute;bottom:calc(100% + 4px);right:-12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:180px;padding:6px 0;z-index:10001;animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.submenu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 16px;border:none;background:transparent;cursor:pointer;font-size:14px;color:#374151;transition:background-color .15s ease;text-align:left;white-space:nowrap}.submenu-item:hover{background-color:#f3f4f6}.submenu-item .menu-icon{font-size:14px;color:#6b7280;flex-shrink:0}.submenu-item:hover .menu-icon{color:#ff453a}@media (max-width: 768px){.copy-submenu{position:fixed;left:50%;top:50%;bottom:auto;right:auto;transform:translate(-50%,-50%);max-width:90vw;box-shadow:0 8px 24px #0000004d}.submenu-item{padding:12px 20px;font-size:15px}.submenu-toggle-btn{padding:10px 14px}}.selection-toolbar{position:absolute;top:0;left:0;right:0;background:#075e54;height:48px;display:flex;align-items:center;z-index:100;box-shadow:0 2px 8px #00000026;animation:slideDown .2s ease-out}.selection-toolbar-content{max-width:100%;width:100%;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.selection-count{color:#fff;font-weight:500;font-size:16px;flex-shrink:0}.selection-toolbar-actions{display:flex;gap:12px;align-items:center}.selection-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.selection-btn:hover{background-color:#ffffff1a}.selection-btn:active{background-color:#fff3}.selection-btn svg{font-size:20px}.btn-text{display:none}@media (max-width: 768px){.selection-toolbar{height:44px}.selection-toolbar-content{padding:0 12px}.selection-count{font-size:14px}.selection-btn{width:32px;height:32px}.selection-btn svg{font-size:16px}}.forward-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.forward-modal-content{background:#fff;border-radius:10px;width:90%;max-width:450px;max-height:75vh;display:flex;flex-direction:column;box-shadow:0 8px 30px #00000040;animation:slideUp .3s ease-out}.forward-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee}.forward-modal-title{display:flex;align-items:center;gap:8px}.forward-icon{color:#ff453a;font-size:16px}.forward-modal-title h3{margin:0;font-size:15px;font-weight:600;color:#1a1a1a}.forward-modal-close{background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;transition:all .2s;font-size:14px}.forward-modal-close:hover{background-color:#f5f5f5;color:#333}.forward-message-preview{padding:10px 16px;background-color:#f8f9fa;border-bottom:1px solid #eee}.preview-label{font-size:11px;color:#666;margin-bottom:6px;font-weight:500}.preview-content{font-size:13px;color:#333;padding:6px 10px;background:#fff;border-radius:6px;border-left:3px solid #ff453a}.forward-search-container{padding:10px 16px;position:relative;border-bottom:1px solid #eee}.forward-search-input{width:100%;padding:8px 10px 8px 32px;border:1px solid #ddd;border-radius:6px;font-size:13px;font-family:Inter,sans-serif;transition:all .2s}.forward-search-input:focus{outline:none;border-color:#ff453a;box-shadow:0 0 0 3px #ff453a1a}.forward-search-container .search-icon{position:absolute;left:26px;top:50%;transform:translateY(-50%);color:#999;font-size:12px}.forward-destinations-list{flex:1;overflow-y:auto;padding:8px 0}.destination-section{margin-bottom:12px}.section-title{display:flex;align-items:center;gap:6px;padding:6px 16px;font-size:10px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.destination-item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;transition:all .2s}.destination-item:hover{background-color:#f8f9fa}.destination-item.selected{background-color:#fff5f5;border-left:3px solid #ff453a}.destination-avatar{flex-shrink:0}.group-avatar,.user-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff}.group-avatar{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.user-avatar{background:linear-gradient(135deg,#8b5cf6,#6d28d9);font-size:13px}.destination-info{flex:1;min-width:0}.destination-name{font-size:13px;font-weight:600;color:#333;margin-bottom:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.destination-details{font-size:11px;color:#999}.no-results{padding:30px 16px;text-align:center;color:#999;font-size:13px}.forward-modal-footer{display:flex;gap:10px;padding:12px 16px;border-top:1px solid #eee}.forward-btn-cancel,.forward-btn-send{flex:1;padding:10px 20px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.forward-btn-cancel{background-color:#f5f5f5;color:#666}.forward-btn-cancel:hover:not(:disabled){background-color:#e5e5e5}.forward-btn-send{background-color:#ff453a;color:#fff}.forward-btn-send:hover:not(:disabled){background-color:#e63e32;transform:translateY(-1px);box-shadow:0 4px 12px #ff453a4d}.forward-btn-send:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}@media (max-width: 768px){.forward-modal-content{width:95%;max-height:85vh}.forward-modal-header{padding:16px}.forward-modal-title h3{font-size:16px}.destination-item{padding:10px 16px}.group-avatar,.user-avatar{width:36px;height:36px;font-size:16px}}.attach-menu-container{position:relative;display:flex;align-items:center}.attach-plus-btn{background:none;border:none;cursor:pointer;padding:0;color:#8696a0;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.attach-plus-btn:hover:not(.disabled){background:#f0f0f0;color:#54656f}.attach-plus-btn.disabled{opacity:.5;cursor:not-allowed}.attach-plus-btn svg{width:24px;height:24px}.attach-menu-dropdown{position:absolute;bottom:calc(100% + 10px);left:0;background:#233138;border-radius:12px;padding:8px 0;min-width:180px;box-shadow:0 4px 16px #0000004d;z-index:1000;animation:attachMenuSlideUp .2s ease-out}@keyframes attachMenuSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.attach-menu-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .2s;color:#e9edef;font-size:14px}.attach-menu-item:hover{background:#ffffff1a}.attach-menu-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.attach-menu-icon svg{width:24px;height:24px}.attach-menu-icon.photos{background:linear-gradient(135deg,#bf59cf,#7f66ff);color:#fff}.attach-menu-icon.document{background:linear-gradient(135deg,#5157ae,#5157ae);color:#fff}.attach-menu-icon.audio{background:linear-gradient(135deg,#f77d00,#ff9500);color:#fff}.attach-menu-icon.poll{background:linear-gradient(135deg,#02a698,#25d366);color:#fff}html.dark .attach-plus-btn{color:#8696a0}html.dark .attach-plus-btn:hover:not(.disabled){background:#ffffff1a;color:#e9edef}.media-preview-container{padding:10px;background-color:var(--bg-secondary, #f0f2f5);border-top:1px solid var(--border-color, #e0e0e0);width:100%}.dark-theme .media-preview-container{background-color:#202c33;border-color:#374045}.media-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.85rem;color:var(--text-secondary, #667781)}.cancel-upload-btn{background:none;border:none;color:#ef4444;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:.8rem;padding:4px 8px;border-radius:4px}.cancel-upload-btn:hover{background-color:#ef44441a}.media-preview-list{display:flex;flex-wrap:wrap;gap:10px;max-height:150px;overflow-y:auto}.media-preview-item{display:flex;align-items:center;background-color:var(--bg-primary, #ffffff);border-radius:6px;padding:6px;box-shadow:0 1px 3px #0000001a;width:200px;position:relative;transition:transform .2s}.dark-theme .media-preview-item{background-color:#2a3942;box-shadow:0 1px 2px #0003}.media-preview-item:hover{transform:translateY(-2px)}.media-preview-thumbnail{width:40px;height:40px;border-radius:4px;overflow:hidden;margin-right:10px;display:flex;justify-content:center;align-items:center;background-color:#e9edef;flex-shrink:0;cursor:default}.media-preview-thumbnail.clickable{cursor:zoom-in}.media-preview-thumbnail img{width:100%;height:100%;object-fit:cover}.file-icon-placeholder{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.file-icon-placeholder.video{position:relative;background-color:#000}.file-icon-placeholder.video video{width:100%;height:100%;object-fit:cover;opacity:.7}.play-overlay{position:absolute;color:#fff;font-size:1.2rem}.file-type-icon{font-size:1.5rem}.file-type-icon.pdf{color:#f40f02}.file-type-icon.word{color:#2b579a}.file-type-icon.excel{color:#217346}.file-type-icon.generic{color:#667781}.media-preview-info{flex:1;overflow:hidden;display:flex;flex-direction:column}.media-filename{font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary, #111b21)}.dark-theme .media-filename{color:#e9edef}.media-filesize{font-size:.7rem;color:var(--text-secondary, #667781)}.remove-preview-btn{background:none;border:none;color:#8696a0;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%}.remove-preview-btn:hover{background-color:#f0f2f5;color:#ef4444}.dark-theme .remove-preview-btn:hover{background-color:#374045}.reaction-picker-popup{position:absolute;background-color:#fff!important;border-radius:28px;box-shadow:0 2px 12px #00000026,0 0 0 1px #0000000d;padding:8px 12px;display:flex;gap:4px;z-index:9999;white-space:nowrap}.reaction-picker-popup.position-left{top:50%;right:100%;left:auto;bottom:auto;margin-right:8px;transform:translateY(-50%);animation:reactionPickerFadeIn .15s ease-out}.reaction-picker-popup.position-center{top:50%;right:100%;left:auto;bottom:auto;margin-right:8px;transform:translateY(-50%);animation:reactionPickerFadeInCenter .15s ease-out}.reaction-picker-popup.position-right{top:auto!important;bottom:100%!important;right:0!important;left:auto!important;margin-right:0!important;margin-bottom:8px;transform:none!important}.reaction-emoji-btn.plus-btn{font-size:18px;color:#8696a0}.reaction-emoji-btn.plus-btn:hover{background-color:#e9edef}@keyframes reactionPickerFadeIn{0%{opacity:0;transform:translateY(-40%)}to{opacity:1;transform:translateY(-50%)}}@keyframes reactionPickerFadeInCenter{0%{opacity:0;transform:translateY(-40%) translate(-50%)}to{opacity:1;transform:translateY(-50%) translate(-50%)}}@keyframes reactionPickerFadeInRight{0%{opacity:0;transform:none}to{opacity:1;transform:none}}@media (max-width: 500px){.reaction-picker-popup.position-left,.reaction-picker-popup.position-center{left:auto;right:0;transform:none}.reaction-emoji-btn{font-size:20px;padding:4px 6px}}html.dark .reaction-picker-popup{background:#2a2a2a;box-shadow:0 4px 12px #0006}html.dark .reaction-emoji-btn:hover{background-color:#3a3a3a}html.dark .reaction-emoji-btn.plus-btn{color:#9ca3af}html.dark .reaction-emoji-btn.plus-btn:hover{background-color:#3a3a3a}.chat-input-container{padding:1px 8px;background:#fff;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:stretch;position:relative;margin-bottom:0}.chat-input-wrapper{display:flex;align-items:center;gap:6px;background:#fff;border:none;border-radius:24px;padding:2px 8px;width:100%;min-height:32px}.chat-input-textarea{flex:1;background:#fafafa;border:none;outline:none;border-radius:12.83px;padding:3px 10px;font-size:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.4;color:#000;resize:none;max-height:100px;min-height:21px;overflow-y:auto;width:100%;margin:0}.chat-input-textarea::placeholder{color:#00000073;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14.5px;font-weight:400}.chat-input-textarea:focus{outline:none}.chat-input-textarea:disabled{background:#f5f5f5;cursor:not-allowed}.chat-input-emoji-btn{background:none;border:none;cursor:pointer;padding:0;color:#8696a0;border-radius:50%;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:26px;height:26px}.chat-input-emoji-btn:hover{background:#f0f0f0;color:#54656f}.chat-input-emoji-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input-emoji-icon{width:20px;height:20px;color:#8696a0;transition:color .2s ease}.chat-input-emoji-btn:hover:not(:disabled) .chat-input-emoji-icon{color:#54656f}.chat-input-send-btn{background:transparent;color:#31944f;border:none;padding:0 8px;min-width:50px;height:26px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease;flex-shrink:0;white-space:nowrap;margin-left:auto}.chat-input-send-btn:hover:not(:disabled){color:#267a3e}.chat-input-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input-send-btn .send-text{display:inline}.chat-input-send-btn .send-icon{width:18px;height:18px}.chat-input-emoji-picker{position:absolute;bottom:100%;left:50px;z-index:1001;margin-bottom:8px}.chat-input-upload-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:12px;color:#dc2626;font-weight:500;font-size:14px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.chat-input-spinner{width:16px;height:16px;border:2px solid #dc2626;border-right-color:transparent;border-radius:50%;animation:chat-input-spin .75s linear infinite;margin-right:8px}@keyframes chat-input-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-input-wrapper.recording-mode{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:0 16px!important;background-color:#fff!important;width:100%!important;border-radius:24px;border:1px solid #e5e7eb;box-shadow:0 2px 5px #0000000d}.chat-input-wrapper.recording-mode .chat-input-emoji-btn,.chat-input-wrapper.recording-mode .chat-input-textarea,.chat-input-wrapper.recording-mode .chat-input-send-btn{display:none!important}.chat-input-preview{padding:8px 12px;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;border-radius:8px}.chat-input-preview.reply{background-color:#d1f4dd;border-left:3px solid #31944F}.chat-input-preview.edit{background-color:#fff3cd;border-left:3px solid #ffc107}.chat-input-preview-content{flex:1}.chat-input-preview-header{font-size:12px;font-weight:600;margin-bottom:2px;display:flex;align-items:center;gap:6px}.chat-input-preview.reply .chat-input-preview-header{color:#31944f}.chat-input-preview.edit .chat-input-preview-header{color:#856404}.chat-input-preview-text{font-size:13px;color:#6c757d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-input-preview-close{background:transparent;border:none;cursor:pointer;font-size:18px;padding:4px 8px;display:flex;align-items:center}.chat-input-preview.reply .chat-input-preview-close{color:#31944f}.chat-input-preview.edit .chat-input-preview-close{color:#856404}.chat-input-mention-suggestions{position:absolute;bottom:100%;left:0;right:0;max-height:200px;overflow-y:auto;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 -4px 12px #0000001a;margin-bottom:8px;z-index:1000;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.chat-input-mention-suggestions::-webkit-scrollbar{width:6px}.chat-input-mention-suggestions::-webkit-scrollbar-track{background:#f7fafc;border-radius:8px}.chat-input-mention-suggestions::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:8px}.chat-input-mention-item{padding:10px 16px;cursor:pointer;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:10px}.chat-input-mention-item:hover{background-color:#f3f4f6}.chat-input-mention-item:last-child{border-bottom:none}.chat-input-mention-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;flex-shrink:0}.chat-input-mention-name{color:#333;font-weight:500;font-size:14px}@media (max-width: 768px){.chat-input-send-btn .send-text{display:none}.chat-input-send-btn{min-width:42px;padding:0 6px}}@media (max-width: 480px){.chat-input-container{padding:0 6px}.chat-input-wrapper{padding:2px 8px;gap:4px}.chat-input-textarea{font-size:14px;padding:4px 8px}.chat-input-emoji-btn{width:32px;height:32px}.chat-input-emoji-icon{width:20px;height:20px}}html.dark .chat-input-container{background:#1f2c34;border-top-color:#2a3942}html.dark .chat-input-wrapper{background:#1f2c34}html.dark .chat-input-textarea{background:#2a3942;color:#e9edef}html.dark .chat-input-textarea::placeholder{color:#e9edef80}html.dark .chat-input-emoji-btn{color:#8696a0}html.dark .chat-input-emoji-btn:hover{background:#2a3942;color:#e9edef}html.dark .chat-input-send-btn{color:#00a884}html.dark .chat-input-send-btn:hover:not(:disabled){color:#00d9ac}.drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#dc26261a,#b91c1c1a);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);display:flex;align-items:center;justify-content:center;z-index:1000;border:.25rem dashed #dc2626;border-radius:1rem;pointer-events:none}.drag-overlay-content{text-align:center;color:#dc2626}.drag-icon{font-size:4rem;margin-bottom:1.5rem;animation:bounce 1s cubic-bezier(.4,0,.2,1) infinite;filter:drop-shadow(0 .5rem 1rem rgba(220,38,38,.3))}.drag-text{font-size:1.75rem;font-weight:700;text-shadow:0 .125rem .375rem rgba(0,0,0,.1)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-.75rem)}}.highlighted-message{animation:highlightPulse 1.5s cubic-bezier(.4,0,.2,1)}@keyframes highlightPulse{0%,to{transform:scale(1);box-shadow:0 0 #dc262600}50%{transform:scale(1.02);box-shadow:0 0 0 .5rem #dc262633}}@media (max-width: 87.5rem){.chat-content{padding:0 .375rem}.chat-history{padding:.75rem .5rem}.message-content{padding:.625rem 1rem;font-size:.9375rem}}@media (max-width: 80rem){.chat-content{padding:0 .25rem}.chat-history{padding:.625rem .375rem}.message-content{padding:.5rem .875rem;font-size:.875rem}}@media (max-width: 64rem){.chat-content{padding:0 .25rem}.chat-history{padding:.5rem .375rem}.message-content{padding:.5rem .875rem;font-size:.875rem}}@media (max-width: 1280px){.chat-content{padding:0 4px;overflow-x:hidden}.chat-history{padding:12px 8px;overflow-x:hidden}.message-content{padding:8px 12px;font-size:14px;word-wrap:break-word;overflow-wrap:break-word}}@media (max-width: 1024px){.chat-content{padding:0 4px;overflow-x:hidden}.chat-history{padding:10px 6px;overflow-x:hidden}.message-content{padding:8px 12px;font-size:13px;word-wrap:break-word;overflow-wrap:break-word}}.typing-svg-container{width:40px;height:20px;display:flex;align-items:center;justify-content:center}.typing-svg-container svg{width:100%;height:100%}@media (max-width: 900px){.chat-content{padding:0 2px}.chat-history{padding:8px 4px}.message-content{padding:8px 10px;font-size:13px;border-radius:14px}.media-audio{width:120px;height:32px}.btn-send{font-size:11px;min-width:35px;padding:0 3px}.send-text{display:none}.send-icon{display:inline;width:14px;height:14px}.attach-icon{width:18px;height:18px}}.chat-content{flex:1;display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden;background-color:#f0f2f5;position:relative}@media (max-width: 900px){.chat-content{height:100vh;max-height:100vh;padding:0 4px}.welcome-screen{padding:20px}.welcome-title{font-size:22px}.welcome-subtitle,.welcome-description{font-size:13px;max-width:90vw}.chat-history{padding:8px 6px}}@media (max-width: 600px){.chat-content{height:100vh;max-height:100vh;padding:0 1px}.welcome-screen{padding:8px}.welcome-title{font-size:16px}.welcome-subtitle,.welcome-description{font-size:11px;max-width:98vw}.chat-history{padding:4px 2px}}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px}.welcome-icon{font-size:80px;margin-bottom:20px;opacity:.8}.welcome-title{font-size:32px;font-weight:300;color:#e9edef;margin-bottom:16px}.welcome-subtitle{font-size:16px;color:#8696a0;margin-bottom:8px;max-width:400px}.welcome-description{font-size:14px;color:#8696a0;max-width:500px;line-height:1.5}.chat-history{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 20px 20px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth;will-change:scroll-position;-webkit-overflow-scrolling:touch;background:transparent;min-height:0;width:100%;box-sizing:border-box;position:relative}.typing-indicator-container{position:sticky;bottom:0;left:0;right:0;width:100%;background:linear-gradient(to top,#f0f2f5 85%,rgba(240,242,245,.8) 95%,transparent);padding:8px 0 16px;margin-top:auto;z-index:10;pointer-events:none;animation:slideUpFade .3s ease-out}.typing-indicator-container>*{pointer-events:auto}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.typing-indicator-container{padding:6px 0 12px}}@media (max-width: 600px){.typing-indicator-container{padding:4px 0 10px}}@media (max-width: 1280px){.chat-history{padding:12px 10px}}@media (max-width: 1024px){.chat-history{padding:10px 8px}}.message{display:flex;margin-bottom:2px;animation:messageSlideIn .3s ease-out;width:auto;max-width:100%;box-sizing:border-box}.message.grouped-top{margin-bottom:1px}.message.grouped-middle{margin-bottom:1px;margin-top:0}.message.grouped-bottom{margin-top:0;margin-bottom:4px}.message-row{display:flex;flex-direction:row;width:100%;padding:2px 16px 2px 0;margin-bottom:0!important;position:relative;transition:background-color .2s ease;border-radius:0}.mini-read-avatar.counter-bubble{background-image:none!important;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 0 0 1px #fff;z-index:20!important}.mini-read-avatar.counter-bubble:hover{background-color:#d1d5db!important;color:#374151}.slack-dropdown-menu{position:absolute;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 15px #00000026;padding:4px 0;z-index:9999;display:flex;flex-direction:column;right:0!important;left:auto!important;min-width:150px;width:max-content}.message-row:hover{z-index:1}.message-row:hover{background-color:#c3c6ce!important}.message-row.group-start{margin-top:2px!important}.message-gutter{width:60px;min-width:60px;display:flex;flex-direction:column;align-items:flex-end;padding-right:12px;flex-shrink:0}.slack-avatar{width:36px;height:36px;border-radius:6px;background-size:cover;background-position:center;box-shadow:0 1px 2px #0000001a}.message-timestamp-left{font-size:10px;color:#9ca3af;opacity:0;margin-top:6px;transition:opacity .1s}.message-row:hover .message-timestamp-left{opacity:1}.message-row.group-start .message-timestamp-left{display:none}.message-main-content{position:relative!important;flex:1;min-width:0;max-width:calc(100% - 80px);overflow:hidden;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:2px}.sender-name{font-weight:700;font-size:12.5px!important;line-height:1.2}.sender-name:hover{text-decoration:underline}.header-timestamp{font-size:10px!important;color:#6b7280;margin-top:2px}.message-text-body{font-size:13.5px!important;line-height:1.4;color:#1d1c1d;white-space:pre-wrap;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;max-width:100%}.read-by-avatars-container,.mx_ReadReceiptGroup{bottom:2px!important}.action-toolbar{position:absolute;top:-28px!important;right:12px!important;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 5px #00000014;padding:2px;display:none;z-index:50;align-items:center;gap:2px}.message-row:hover .action-toolbar,.action-toolbar.active{display:flex}.toolbar-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;color:#5e5e5e;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.toolbar-btn:hover{background-color:#f3f4f6;color:#111;transform:scale(1.05)}.slack-dropdown-menu{position:absolute;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 15px #00000026;padding:4px 0;z-index:9999;display:flex;flex-direction:column;right:auto;left:0;min-width:150px;width:max-content}.slack-dropdown-menu .menu-item{display:flex;align-items:center;width:100%;padding:8px 16px;border:none;background:transparent;text-align:left;font-size:14px;color:#374151;cursor:pointer;transition:background-color .1s}.slack-dropdown-menu .menu-item:hover{background-color:#f3f4f6}.slack-dropdown-menu .menu-icon{margin-right:12px;width:16px;color:#6b7280;text-align:center}.menu-separator{height:1px;background-color:#e5e7eb;margin:4px 0}.menu-item-danger,.menu-item-danger .menu-icon{color:#dc2626!important}.menu-item-danger:hover{background-color:#fee2e2!important}.message-row.is-own{flex-direction:row-reverse;text-align:right;padding-right:2px!important;padding-left:16px!important}.message-row.is-own .message-gutter{padding-right:0;padding-left:0;align-items:center}.message-row.is-own .message-main-content{align-items:flex-end}.message-row.is-own .message-header{flex-direction:row-reverse;justify-content:flex-start}.message-row.is-own .message-text-body{text-align:left;background-color:#e1f4d6;padding:6px 12px;border-radius:8px 0 8px 8px;box-shadow:0 1px 1px #0000000d;display:inline-block;max-width:fit-content}.message-row.is-own .action-toolbar{right:16px!important;left:auto!important;flex-direction:row}.message-row.is-own .reply-preview-bar{border-left:none!important;border-right:3px solid ff453a;text-align:right;margin-left:auto}.message-row.is-own img,.message-row.is-own video{margin-left:auto}.reaction-picker-popup{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;background-color:#fff;padding:6px;border-radius:24px;box-shadow:0 4px 12px #00000026;border:1px solid #e5e7eb;display:flex;gap:4px;z-index:1000;animation:popIn .2s cubic-bezier(.175,.885,.32,1.275);white-space:nowrap}.reaction-emoji-btn{background:transparent;border:none;font-size:20px;cursor:pointer;padding:4px;border-radius:50%;transition:transform .2s,background-color .2s;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.reaction-emoji-btn:hover{transform:scale(1.2);background-color:#f3f4f6}.reaction-emoji-btn.plus-btn{font-size:16px;color:#6b7280;background-color:#f3f4f6}.reaction-emoji-btn.plus-btn:hover{background-color:#e5e7eb;color:#111}@keyframes popIn{0%{opacity:0;transform:translate(-50%) scale(.5)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.own-message{justify-content:flex-end;margin-left:auto;max-width:75%}.other-message{justify-content:flex-start;margin-right:auto;max-width:75%}.message-content{overflow:visible!important;position:relative;width:100%}.message-reactions-container{position:absolute;bottom:-12px;right:10px;display:flex;align-items:center;gap:4px;z-index:10}.reaction-pill{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border-radius:12px;cursor:pointer;height:auto;min-height:24px;min-width:38px;position:relative;z-index:100;background-color:#fff;color:#111b21;border:1px solid #d1d7db;transition:transform .1s,background-color .2s;box-shadow:0 1px 2px #00000014;-webkit-user-select:none;user-select:none}.reaction-pill:hover{transform:scale(1.1);background-color:#f9fafb}.reaction-emoji{font-size:14px;line-height:1;margin-top:1px}.reaction-count{font-size:11px;font-weight:600;color:#54656f;line-height:1}.reaction-pill-wrapper{position:relative;display:inline-block}.reaction-pill.has-tooltip{position:relative;cursor:pointer}.reaction-pill.has-tooltip:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);padding:6px 10px;background-color:#000000d9;color:#fff;font-size:12px;white-space:nowrap;border-radius:6px;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;z-index:99999;pointer-events:none;max-width:250px;text-overflow:ellipsis;overflow:hidden}.reaction-pill.has-tooltip:after{content:"";position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000d9;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s;z-index:99999;pointer-events:none}.reaction-pill.has-tooltip:hover:before,.reaction-pill.has-tooltip:hover:after{opacity:1;visibility:visible}.dark-theme .reaction-pill{background-color:#1f2c34;border-color:#2a3942;color:#e9edef}.dark-theme .reaction-count{color:#8696a0}@media (max-width: 1280px){.message-content{padding:8px 12px;font-size:13px}.message-text{font-size:13px}.own-message,.other-message{max-width:80%}}@media (max-width: 1024px){.message-content{padding:8px 10px;font-size:12px}.message-text{font-size:12px}.message-sender,.message-time{font-size:10px}.own-message,.other-message{max-width:85%}}@media (max-width: 768px){.own-message,.other-message{max-width:90%}}@media (max-width: 480px){.own-message,.other-message{max-width:95%}}.own-message .message-content{background:#d1f4e0;color:#1f2937;border-color:#10b981;border-bottom-right-radius:4px;box-shadow:0 1px 2px #0000001a}.other-message .message-content{background:#fff;color:#1f2937;border-color:#3b82f6;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a}.message-sender{font-size:11px;font-weight:600;color:#6b7280;margin-bottom:4px}.message-text{font-size:14px;line-height:1.5;margin-bottom:4px;color:#1f2937}.message-time{font-size:11px;color:#9ca3af;display:flex;align-items:center;gap:4px;justify-content:flex-end}.message-status{font-size:12px;color:#9ca3af}.date-separator{display:flex;justify-content:center;align-items:center;margin:4px 0;padding:0 20px;width:100%}.date-separator:before,.date-separator:after{content:"";flex:1;height:1px;background-color:#e0e0e0}.date-separator:before{margin-right:12px}.date-separator:after{margin-left:12px}.date-separator-content{font-size:12px!important;padding:6px 14px;color:#dc2626;font-weight:600;white-space:nowrap;background-color:#fef2f2;border-radius:8px}.unread-separator{display:flex;justify-content:center;align-items:center;margin:4px 0;padding:0 20px;width:100%}.unread-separator-content{background-color:#06cf9c;color:#fff;font-size:12px;font-weight:500;padding:6px 16px;border-radius:8px;box-shadow:0 1px 3px #0000001f;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.info-message,.error-message{justify-content:center;margin:10px 0}.info-content,.error-content{font-size:12px!important;padding:6px 12px}.error-content{background-color:#f15c6d33;color:#f15c6d}.file-message{display:flex;align-items:center;gap:8px}.btn{padding:0;border:none;border-radius:0;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:transparent;height:auto}.btn-send{background:transparent;color:#31944f;border:none;padding:0 8px;min-width:50px;height:32px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;transition:all .2s ease;flex-shrink:0;white-space:nowrap;margin-left:auto;margin-right:0;order:999;align-self:center}.input-group>label,.input-group>div:first-of-type,.input-group>button:not(.btn-send){margin-right:0;margin-left:0}.btn-send:hover:not(:disabled){color:#267a3d;text-decoration:underline}.btn-send:active{transform:scale(.98)}.btn-send:disabled{color:#d1d5db;cursor:not-allowed;transform:none;text-decoration:none}.send-text{display:inline}.send-icon{width:16px;height:16px;display:none}.btn-secondary{background-color:#374151;color:#fff;border-radius:8px;padding:8px 16px;min-width:60px;height:36px}.btn-secondary:hover{background-color:#1f2937}.btn-danger{background-color:#dc2626;color:#fff;border-radius:8px;padding:8px 16px;min-width:60px;height:36px}.btn-danger:hover{background-color:#b91c1c}.media-preview{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;padding:10px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.media-preview-item{position:relative;display:flex;align-items:center;gap:8px;background-color:#fff;padding:8px 12px;border-radius:8px;border:1px solid #e5e7eb}.preview-image{width:40px;height:40px;object-fit:cover;border-radius:4px}.preview-file{display:flex;align-items:center;gap:8px}.preview-icon{font-size:16px}.preview-name{font-size:12px;color:#1f2937;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-media-btn{position:absolute;top:-4px;right:-4px;width:20px;height:20px;background-color:#dc2626;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.cancel-media-btn{background-color:#dc2626;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}.cancel-media-btn:hover{background-color:#b91c1c}@media (max-width: 768px){.chat-history{padding:15px}.welcome-screen{padding:20px}.welcome-title{font-size:24px}.welcome-subtitle,.welcome-description{font-size:14px}}.typing-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;margin:8px 0;animation:fadeIn .3s ease-in}.typing-bubble{display:flex;align-items:center;gap:4px;background-color:#202c33;padding:10px 14px;border-radius:18px;box-shadow:0 1px 2px #0000001a}.typing-dot{width:8px;height:8px;background-color:#8696a0;border-radius:50%;animation:typingAnimation 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.typing-text{color:#8696a0;font-size:13px;font-style:italic}@keyframes typingAnimation{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.message-content button{transition:opacity .2s ease}.message-content button:hover{opacity:.8}.message-content button:active{opacity:.6}.mention-suggestions{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.mention-suggestions::-webkit-scrollbar{width:6px}.mention-suggestions::-webkit-scrollbar-track{background:#f7fafc;border-radius:8px}.mention-suggestions::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:8px}.mention-suggestions::-webkit-scrollbar-thumb:hover{background:#a0aec0}.wa-file-card{position:relative;min-width:260px!important;max-width:320px;padding:10px 10px 26px!important;background-color:#0000000a;border-radius:10px;display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid rgba(0,0,0,.05);transition:background-color .2s}.wa-file-card:hover{background-color:#00000014}.wa-file-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.wa-file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.wa-file-name{color:#111b21;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.wa-file-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:#667781}.wa-file-tag{text-transform:uppercase;font-weight:500}.wa-file-timestamp{position:absolute;bottom:5px;right:8px;display:flex;align-items:center;gap:4px;font-size:11px;color:#8696a0;background:transparent}.wa-file-download{color:#8696a0;font-size:18px;padding:4px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.mx_RedactedBody{color:#6b7280;padding-left:20px;position:relative;vertical-align:middle;white-space:pre-wrap;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:13px;line-height:1.5;display:inline-block;font-style:italic}.mx_RedactedBody:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236b7280'%3E%3Cpath d='M16 9v10H8V9h8m-1.5-6h-5l-1 1H5v2h14V4h-3.5l-1-1zM18 7H6v12c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.mx_ThreadSummaryLine{display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;gap:0;margin-top:0;background-color:#fff;padding:2px 8px;border-radius:14px;cursor:pointer;width:fit-content;max-width:350px;height:24px;min-height:24px;box-shadow:0 1px 2px #00000014;border:1px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:10}.mx_ThreadSummaryLine:hover{background-color:#f8fafc;box-shadow:0 4px 6px #0000001a;border-color:#d1d5db;padding-right:12px}.thread-always-visible{display:flex;align-items:center;gap:8px;white-space:nowrap}.thread-icon-wrapper{position:relative;display:flex;align-items:center;margin-right:6px}.thread-notification-dot{position:absolute;top:-2px;right:-2px;width:7px;height:7px;background-color:ff453a;border-radius:50%;border:1px solid #fff}.mx_ThreadCounter{color:#54656f;font-weight:600;font-size:11px;white-space:nowrap;line-height:1;flex-shrink:0}.thread-expanded-details{display:flex;align-items:center;max-width:0;opacity:0;transform:translate(-10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.mx_ThreadSummaryLine:hover .thread-expanded-details{max-width:200px;opacity:1;transform:translate(0);margin-left:8px}.thread-vertical-line{width:1px;height:12px;background-color:#d1d5db;margin:0 6px}.thread-last-user{display:flex;align-items:center;gap:6px}.thread-avatar-placeholder{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:700}.mx_ThreadLastReply{font-size:11px;color:#374151;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px;flex-shrink:1}.mx_ThreadLastReplyText{font-size:10px;color:#6b7280;font-weight:400;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;flex-shrink:1;display:inline-block}.message-row:not(.is-own) .mx_ThreadSummaryLine{align-self:flex-start;border-top-left-radius:4px}.message-row.is-own .mx_ThreadSummaryLine{align-self:flex-end;flex-direction:row;border-top-right-radius:4px;background-color:#f0f2f5}.message-row.is-own .mx_ThreadSummaryLine:hover{background-color:#fff}.reaction-pill{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:1px 6px;border-radius:12px;cursor:pointer;height:20px;min-width:28px;transition:transform .1s;box-shadow:0 1px 1px #0000000d;-webkit-user-select:none;user-select:none}.reaction-pill:hover{transform:scale(1.1)}.reaction-emoji{font-size:13px;line-height:1}.reaction-count{font-size:10px;font-weight:600;color:#54656f;line-height:1}.thread-row-container{display:flex;align-items:center;gap:8px;margin-top:0;width:fit-content;position:relative;z-index:5}.thread-face-pile{display:flex;align-items:center;flex-direction:row-reverse;min-width:18px;min-height:18px;margin-left:4px}.thread-mini-avatar{width:18px;height:18px;border-radius:50%;background-size:cover;background-position:center;background-color:#e2e8f0;border:2px solid #ffffff;box-shadow:0 1px 3px #0003;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.thread-mini-avatar.placeholder{color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;background:#667eea}.thread-mini-avatar:first-child{margin-left:0}.read-by-avatars-container{position:absolute;bottom:-10px;height:14px;z-index:1;-webkit-user-select:none;user-select:none}.read-receipts-trigger{position:relative;height:14px;cursor:pointer;pointer-events:auto}.message-row.is-own .read-by-avatars-container{right:0;left:auto}.message-row.is-own .read-receipts-popover{right:0;left:auto}.mini-read-avatar{position:absolute;top:0;width:14px;height:14px;border-radius:50%;background-size:cover;background-position:center;box-shadow:0 0 0 1px #fff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:8px;font-weight:700;transition:transform .15s cubic-bezier(.175,.885,.32,1.275)}.message-row:not(.is-own) .read-by-avatars-container{right:0;left:auto}.message-row.is-own .read-by-avatars-container{left:0;right:0}.mini-read-avatar:hover{transform:scale(1.5);z-index:50!important;box-shadow:0 0 0 1px #cbd5e1}.popover-header{padding:0 12px 8px;font-size:12px;font-weight:700;color:#374151;border-bottom:1px solid #f3f4f6}.popover-list{max-height:160px;overflow-y:auto;padding:4px}.popover-item{display:flex;gap:10px;padding:6px 12px;align-items:center;border-radius:6px;cursor:default}.popover-item:hover{background:#f9fafb}.popover-avatar{width:28px;height:28px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#eee}.popover-avatar-initial{width:100%;height:100%;background:#667eea;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.popover-name{font-size:13px;font-weight:600;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popover-status{font-size:11px;color:ff453a}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.message-row{padding-right:60px!important;position:relative}.read-receipts-popover{position:absolute;bottom:24px;width:240px;background:#fff;border-radius:12px;box-shadow:0 5px 20px #00000026;border:1px solid #e5e7eb;z-index:999999!important;padding:8px 0;text-align:left;animation:fadeIn .15s ease-out}.message-row.is-own .read-receipts-popover{right:0;left:0}.message-row:not(.is-own) .read-receipts-popover{right:-10px;left:auto}.message-checkbox-wrapper{position:absolute;left:8px;top:50%;transform:translateY(-50%);cursor:pointer;padding:4px;z-index:10}.message-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#075e54}.mention-span{transition:background-color .2s ease;display:inline-block}.mention-span.mention-me{background-color:#fce8b2!important;color:#3e2723!important;border-radius:4px;font-weight:700}.mention-span.mention-other{background-color:#fce8b2!important;color:#3e2723!important;border-radius:4px}html.dark .chat-content{background-color:#1a1a1a!important}html.dark .chat-history{background-color:transparent!important}html.dark .typing-indicator-container{background:linear-gradient(to top,#1a1a1a 85%,rgba(26,26,26,.8) 95%,transparent)!important}html.dark .message-row:hover{background-color:#2a2a2a!important}html.dark .message-text-body{color:#e5e5e5!important}html.dark .message-row.is-own .message-text-body,html.dark .message-row.is-own .message-text-body *,html.dark .message-row.is-own .message-text-body p,html.dark .message-row.is-own .message-text-body span,html.dark .message-row.is-own .message-text-body div,html.dark .is-own .message-text-body,html.dark .is-own .message-text-body *,html.dark .message-row.is-own .message-main-content,html.dark .message-row.is-own .message-main-content *,html.dark .message-row.is-own .message-main-content p,html.dark .message-row.is-own .message-main-content span,html.dark .message-row.is-own .message-main-content div{color:#fff!important;-webkit-text-fill-color:#ffffff!important}html.dark .message-row.is-own *:not(.sender-name):not(.header-timestamp):not(.message-timestamp-left):not(svg):not(path){color:#fff!important}html.dark .is-own .message-text-body,html.dark .message-row.is-own .message-text-body{color:#fff!important;-webkit-text-fill-color:#ffffff!important;fill:#fff!important;background-color:#005c4b!important}html.dark .message-text-body{color:#e5e5e5!important;-webkit-text-fill-color:#e5e5e5!important}html.dark .sender-name{color:#fff!important}html.dark .header-timestamp,html.dark .message-timestamp-left{color:#9ca3af!important}html.dark .mx_ThreadSummaryLine{background-color:#2a2a2a!important;border-color:#3a3a3a!important;box-shadow:0 1px 2px #0000004d!important}html.dark .mx_ThreadSummaryLine:hover{background-color:#3a3a3a!important;border-color:#4a4a4a!important}html.dark .mx_ThreadCounter,html.dark .mx_ThreadLastReply,html.dark .mx_ThreadLastReplyText{color:#e5e5e5!important}html.dark .thread-icon-wrapper svg{color:#9ca3af!important}html.dark .thread-face-pile{background-color:transparent!important}html.dark .read-receipts-popover{background-color:#2a2a2a!important;border:1px solid #3a3a3a!important;box-shadow:0 4px 6px #0000004d!important;color:#e5e5e5!important}html.dark .popover-header{border-bottom:1px solid #3a3a3a!important;color:#fff!important}html.dark .popover-item:hover{background-color:#3a3a3a!important}html.dark .popover-status{color:#9ca3af!important}html.dark .popover-avatar-initial{background-color:#3a3a3a!important;color:#e5e5e5!important}html.dark .reaction-pill{background-color:#2a2a2a!important;border:1px solid #3a3a3a!important;color:#e5e5e5!important}html.dark .reaction-pill:hover{background-color:#3a3a3a!important}html.dark .action-toolbar{background-color:#2a2a2a!important;border-color:#3a3a3a!important}html.dark .toolbar-btn{color:#9ca3af!important}html.dark .toolbar-btn:hover{background-color:#3a3a3a!important;color:#fff!important}html.dark .slack-dropdown-menu{background-color:#2a2a2a!important;border-color:#3a3a3a!important}html.dark .slack-dropdown-menu .menu-item{color:#e5e5e5!important}html.dark .slack-dropdown-menu .menu-item:hover,html.dark .menu-separator{background-color:#3a3a3a!important}html.dark .welcome-title{color:#fff!important}html.dark .welcome-subtitle,html.dark .welcome-description{color:#9ca3af!important}html.dark .chat-input-container{background-color:#1a1a1a!important}html.dark .input-group{background-color:#2a2a2a!important;border-color:#3a3a3a!important}html.dark .message-input{background-color:transparent!important;color:#e5e5e5!important}html.dark .message-input::placeholder{color:#6b7280!important}html.dark .message-content{color:#e5e5e5!important}html.dark .message-row p,html.dark .message-row span,html.dark .message-row div{color:inherit}html.dark .message-row .text-gray-800,html.dark .message-row .text-gray-900,html.dark .message-row [class*=text-gray-8],html.dark .message-row [class*=text-gray-9],html.dark .message-row [class*="text-[#"],html.dark .message-row [style*=color]{color:#e5e5e5!important}html.dark [class*="bg-[#d9fdd3]"] *,html.dark [class*=bg-green] *,html.dark [style*=background][style*=d9fdd3] *,html.dark [style*=background][style*="005c4b"] *{color:#fff!important}html.dark .flex.items-end .rounded-lg p,html.dark .flex.items-end .rounded-xl p{color:#e5e5e5!important}html.dark .mention-span.mention-me,html.dark .mention-span.mention-other{background-color:#b8860b!important;color:#fff!important}@media (max-width: 1280px) and (min-width: 901px){.chat-history{padding:10px 8px}.message-row{padding:2px 8px 2px 0}.message-gutter{width:50px;min-width:50px;padding-right:8px}.slack-avatar{width:32px;height:32px}.message-main-content{max-width:calc(100% - 60px)}.mx_ThreadSummaryLine{padding:4px 8px;gap:4px;font-size:11px;max-height:28px;align-items:center}.thread-face-pile{min-width:20px;min-height:20px}.thread-mini-avatar{width:20px!important;height:20px!important;border-radius:50%;border-width:1.5px;font-size:8px}.mx_ThreadCounter{font-size:11px!important;line-height:1}.mx_ThreadLastReply,.mx_ThreadLastReplyText{font-size:10px!important}.thread-icon-wrapper{margin-right:4px}.thread-vertical-line{height:10px;margin:0 4px}}@media (max-width: 900px) and (min-width: 769px){.chat-history{padding:8px 6px}.message-row{padding:2px 6px 2px 0}.message-gutter{width:45px;min-width:45px;padding-right:6px}.slack-avatar{width:30px;height:30px}.message-main-content{max-width:calc(100% - 55px)}.mx_ThreadSummaryLine{padding:3px 6px;gap:3px;font-size:10px;max-height:26px;align-items:center}.thread-face-pile{min-width:18px;min-height:18px}.thread-mini-avatar{width:18px!important;height:18px!important;border-radius:50%;border-width:1px;font-size:7px}.mx_ThreadCounter{font-size:10px!important;line-height:1}.mx_ThreadLastReply,.mx_ThreadLastReplyText{font-size:9px!important;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-icon-wrapper{margin-right:3px}.thread-icon-wrapper svg{width:11px!important;height:11px!important}.thread-vertical-line{height:8px;margin:0 3px}}@media (max-width: 768px){.chat-history{padding:6px 4px}.message-row{padding:2px 20px 2px 0!important}.message-gutter{width:40px;min-width:40px;padding-right:6px}.message-main-content{max-width:calc(100% - 50px)}.slack-avatar{width:32px;height:32px;border-radius:5px}.sender-name{font-size:11.5px!important}.header-timestamp{font-size:9px!important}.message-text-body{font-size:13px!important;line-height:1.35}.message-row.is-own .message-text-body{padding:5px 10px}.action-toolbar{top:-24px!important;right:8px!important;padding:1px}.toolbar-btn{width:26px;height:26px}.mention-suggestions{max-width:200px}.mini-read-avatar{border-radius:4px!important}.mx_ThreadSummaryLine{padding:5px 8px;gap:6px;font-size:11px}.thread-face-pile{min-width:22px;min-height:22px}.thread-mini-avatar{width:22px!important;height:22px!important;border-radius:4px!important;border-width:1.5px;font-size:9px}.mx_ThreadCounter{font-size:11px!important}.mx_ThreadLastReply,.mx_ThreadLastReplyText{font-size:10px!important}}@media (max-width: 600px){.message-row{padding:2px 20px 2px 0!important}.message-gutter{width:45px;min-width:45px;padding-right:4px}.slack-avatar{width:28px;height:28px;border-radius:5px;margin-right:-1px}.message-row.is-own .slack-avatar{margin-left:-15px}.message-header{gap:4px;margin-bottom:1px}.sender-name{font-size:11px!important;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-timestamp{font-size:8.5px!important}.message-text-body{font-size:12.5px!important;line-height:1.3;max-width:calc(100vw - 55px);word-break:break-word}.message-row.is-own .message-text-body{padding:4px 8px;border-radius:6px}.action-toolbar{top:-22px!important;right:4px!important;gap:1px}.toolbar-btn{width:24px;height:24px;font-size:12px}.reaction-picker-popup{padding:4px;gap:2px}.reaction-emoji-btn{width:28px;height:28px;font-size:18px;padding:2px}.reaction-pill{padding:3px 6px;min-height:20px;min-width:32px}.reaction-emoji{font-size:12px}.reaction-count{font-size:10px}.date-separator{margin:8px 0}.date-separator-content{font-size:11px!important;padding:3px 8px}.slack-dropdown-menu{min-width:140px}.slack-dropdown-menu .menu-item{padding:6px 12px;font-size:13px}.mini-read-avatar{border-radius:4px!important}.mx_ThreadSummaryLine{padding:4px 6px;gap:4px;font-size:10px}.thread-face-pile{min-width:20px;min-height:20px}.thread-mini-avatar{width:20px!important;height:20px!important;border-radius:4px!important;border-width:1px;font-size:8px}.mx_ThreadCounter{font-size:10px!important}.mx_ThreadLastReply,.mx_ThreadLastReplyText{font-size:9px!important;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-vertical-line{width:1px;margin:0 4px}.read-receipts-popover{width:200px;font-size:12px}}@media (max-width: 480px){.message-row{padding:1px 6px 1px 0!important}.message-gutter{width:28px;min-width:28px;padding-right:3px}.slack-avatar{width:24px;height:24px;border-radius:3px}.message-header{gap:3px;flex-wrap:wrap}.sender-name{font-size:10.5px!important;max-width:100px}.header-timestamp{font-size:8px!important}.message-text-body{font-size:12px!important;line-height:1.25;max-width:calc(100vw - 45px)}.message-row.is-own .message-text-body{padding:3px 6px;border-radius:5px 0 5px 5px}.action-toolbar{top:-20px!important;right:2px!important;gap:0;padding:0}.toolbar-btn{width:22px;height:22px;font-size:11px}.chat-history{padding:4px 2px;gap:4px}.reply-preview-bar{padding:4px 8px;font-size:11px}.typing-indicator-container{padding:3px 0 8px}.media-image,.media-video{max-width:calc(100vw - 80px)!important;border-radius:6px}.media-audio{width:100px!important;height:28px!important}.reaction-emoji-btn{width:24px;height:24px;font-size:16px}.mini-read-avatar{border-radius:3px!important}.mx_ThreadSummaryLine{padding:3px 5px;gap:3px;font-size:9px}.thread-face-pile{min-width:18px;min-height:18px;margin-left:2px}.thread-mini-avatar{width:18px!important;height:18px!important;border-radius:3px!important;border-width:1px;font-size:7px}.mx_ThreadCounter{font-size:9px!important}.mx_ThreadLastReply{display:none!important}.mx_ThreadLastReplyText{font-size:8px!important;max-width:60px}.thread-icon-wrapper svg{width:10px!important;height:10px!important}.unread-separator{margin:10px 0;padding:0 10px}.unread-separator-content{font-size:10px;padding:4px 12px;border-radius:6px}.slack-dropdown-menu{min-width:120px}.slack-dropdown-menu .menu-item{padding:5px 10px;font-size:12px}.slack-dropdown-menu .menu-icon{margin-right:8px;width:14px}.file-preview-container,.poll-message{max-width:calc(100vw - 70px)}}@media (max-width: 360px){.message-gutter{width:28px;min-width:28px;padding-right:3px}.slack-avatar{width:22px;height:22px}.sender-name{font-size:10px!important;max-width:80px}.message-text-body{font-size:11.5px!important;max-width:calc(100vw - 50px)}.message-row{padding-right:8px!important}.action-toolbar{display:none!important}.header-timestamp{display:none}.message-row.group-start .header-timestamp{display:inline;font-size:7.5px!important}}.message-row.message-mentioned{background-color:#fce7f3!important;border-left:3px solid #be185d;transition:background-color .3s ease}.message-row.message-mentioned:hover{background-color:#fbcfe8!important}.message-row.message-mentioned .message-text-body{background-color:transparent!important;box-shadow:none!important}.members-panel-container{width:320px;height:100%;background-color:#f0f2f5!important;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}.members-panel-header{height:50px;padding:0 12px;background:#fff;color:#1f2937;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e0e0}.members-panel-title{margin:0;font-size:15px;font-weight:600;color:#111b21}.members-panel-close-btn{background:transparent;border:none;color:#54656f;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;transition:background .2s}.members-panel-close-btn:hover{background-color:#f0f2f5;color:#111b21}.members-panel-content{flex:1;overflow-y:auto;padding:0;background-color:#f0f2f5!important}.members-panel-invite-btn{width:100%;padding:12px 16px;background-color:transparent;border:none;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background-color .15s ease;margin-bottom:8px}.invite-text{font-size:15px;font-weight:400;color:ff453a}.members-list{background:#f0f2f5;padding:0}.mx_EntityTile{padding:8px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background-color .15s ease;background-color:transparent;border-bottom:1px solid rgba(0,0,0,.05)}.mx_EntityTile:active{background-color:#fffc}.mx_EntityTile_avatar{position:relative;flex-shrink:0}.mx_BaseAvatar{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f0f2f5}.mx_BaseAvatar[data-color="1"],.mx_BaseAvatar[data-color="2"],.mx_BaseAvatar[data-color="3"],.mx_BaseAvatar[data-color="4"],.mx_BaseAvatar[data-color="5"]{background:#a50104}.mx_BaseAvatar_image{width:100%;height:100%;object-fit:cover;border-radius:50%}.mx_BaseAvatar_initial{color:#fff;font-size:16px;font-weight:600;text-transform:uppercase}.mx_BaseAvatar_online_indicator{position:absolute;bottom:0;right:0;width:12px;height:12px;background-color:#4caf50;border-radius:50%;border:2px solid #ffffff;z-index:10;box-shadow:0 1px 3px #0003}.mx_EntityTile_details{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mx_EntityTile_name{font-size:15px;font-weight:400;color:#111b21;line-height:20px}.mx_DisambiguatedProfile{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.mx_EntityTile_subtext{font-size:13px;font-weight:400;color:#667781;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mx_EntityTile_role{color:#667781}.members-panel-footer{padding:10px 8px;background-color:#fff;border-top:1px solid #e0e0e0}.members-filter-input{width:100%;padding:7px 10px;position:relative;border:1px solid #e0e0e0;border-radius:12.83px;font-size:14.97px;outline:none;background-color:#fafafa;transition:border-color .2s,background-color .2s;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.4}.members-filter-input:focus{border-color:ff453a;background-color:#fff}@media (max-width: 900px){.members-panel-container{position:fixed;top:0;right:0;height:100%;z-index:1000;box-shadow:-2px 0 8px #00000026}}@media (max-width: 480px){.members-panel-container{width:100%}}html.dark .members-panel-container{background-color:#1a1a1a!important;border-left-color:#3a3a3a!important}html.dark .members-panel-header{background-color:#1f1f1f!important;border-bottom-color:#3a3a3a!important}html.dark .members-panel-title{color:#fff!important}html.dark .members-panel-close-btn{color:#9ca3af!important}html.dark .members-panel-close-btn:hover{background-color:#2a2a2a!important;color:#fff!important}html.dark .members-panel-content,html.dark .members-list{background-color:#1a1a1a!important}html.dark .invite-text{color:#ff453a!important}html.dark .mx_EntityTile{border-bottom-color:#ffffff0d!important}html.dark .mx_EntityTile:hover{background-color:#ffffff0d!important}html.dark .mx_EntityTile:active{background-color:#ffffff1a!important}html.dark .mx_BaseAvatar{background-color:#3a3a3a!important}html.dark .mx_BaseAvatar_online_indicator{border-color:#1a1a1a!important}html.dark .mx_EntityTile_name{color:#e5e5e5!important}html.dark .mx_EntityTile_subtext,html.dark .mx_EntityTile_role{color:#9ca3af!important}html.dark .members-panel-footer{background-color:#1f1f1f!important;border-top-color:#3a3a3a!important}html.dark .members-filter-input{background-color:#2a2a2a!important;border-color:#3a3a3a!important;color:#e5e5e5!important}html.dark .members-filter-input::placeholder{color:#6b7280!important}html.dark .members-filter-input:focus{background-color:#2a2a2a!important;border-color:#ff453a!important}.thread-panel-container{width:450px;height:100%;background-color:#f0f2f5!important;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}@media (max-width: 900px){.thread-panel-container{position:fixed;top:0;right:0;height:100%;z-index:1000;box-shadow:-2px 0 8px #00000026}}@media (max-width: 480px){.thread-panel-container{width:100%}}.thread-panel-header{display:flex;justify-content:space-between;align-items:center;height:50px;padding:0 12px;border-bottom:1px solid #e0e0e0;background:#fff;gap:8px;box-shadow:0 1px 3px #00000014;z-index:10}.thread-back-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:50%;cursor:pointer;color:#667781;transition:background .2s,color .2s}.thread-back-btn:hover{background:#e9edef;color:#00a884}.thread-panel-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:#333;flex:1}.thread-icon{font-size:18px}.thread-close-btn{background:none;border:none;cursor:pointer;padding:6px;color:#666;font-size:18px;border-radius:4px;transition:all .2s}.thread-close-btn:hover{background:#e0e0e0;color:#333}.thread-main-message{padding:10px;margin:6px;background:#fff;border-radius:10px;box-shadow:0 1px 3px #00000014;border-left:3px solid #dc2626}.thread-main-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.thread-main-message-header strong{font-size:13px;font-weight:600}.thread-main-message-time{font-size:10px;color:#8696a0;background:#f0f2f5;padding:2px 5px;border-radius:6px}.thread-main-message-text{color:#333;font-size:13px;line-height:1.35;margin-bottom:6px;word-wrap:break-word;max-height:70px;overflow-y:auto}.thread-main-message-text::-webkit-scrollbar{width:4px}.thread-main-message-text::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.thread-main-message-text::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.thread-main-message-text::-webkit-scrollbar-thumb:hover{background:#aaa}.thread-main-message-media{margin-bottom:6px}.thread-main-message-media img,.thread-main-message-media video{max-width:160px;max-height:160px;border-radius:8px;object-fit:cover}.thread-replies-count{display:inline-block;font-size:11px;color:#dc2626;font-weight:600;background:#fef2f2;padding:3px 8px;border-radius:8px;margin-top:2px}.thread-messages{flex:1;overflow-y:auto;padding:8px;background:#f0f2f5}.thread-loading,.thread-empty{display:flex;justify-content:center;align-items:center;height:100%;color:#999;font-size:13px}.thread-empty p{text-align:center;padding:16px}.thread-message{margin-bottom:4px;animation:fadeIn .3s ease-out;display:flex;gap:6px;align-items:flex-start}.thread-message-avatar{width:28px;height:28px;min-width:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px}.thread-message-content{flex:1;min-width:0}.thread-date-separator{display:flex;justify-content:center;align-items:center;margin:10px 0;padding:0 12px;width:100%}.thread-date-separator:before,.thread-date-separator:after{content:"";flex:1;height:1px;background-color:#e0e0e0}.thread-date-separator:before{margin-right:8px}.thread-date-separator:after{margin-left:8px}.thread-date-separator-content{font-size:10px;padding:2px 8px;color:#dc2626;font-weight:600;white-space:nowrap;background-color:#fef2f2;border-radius:6px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.thread-message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.thread-message-header strong{font-size:12px;color:#54656f}.thread-message-time{font-size:9px;color:#999}.thread-message-text{font-size:13px;line-height:1.3;padding:6px 10px;border-radius:8px;word-wrap:break-word;max-width:100%}.thread-message-media{margin-top:2px;max-width:100%}.thread-message-media img,.thread-message-media video{max-width:160px;max-height:160px;border-radius:6px;margin-bottom:2px;object-fit:cover}.thread-message-media .thread-message-text{margin-top:2px}.thread-message-own .thread-message-header strong{color:#54656f}.thread-message-own .thread-message-text{background:#e1f4d6!important;color:#111b21!important}.thread-message-other .thread-message-text{color:#111b21!important}.thread-input-container{padding:4px 8px;background:#fff;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;align-items:stretch;position:relative}.thread-media-preview{display:flex;flex-wrap:wrap;gap:6px;padding:6px;background:#f8f9fa;border-radius:8px;margin-bottom:4px;max-height:120px;overflow-y:auto}.thread-media-preview-item{position:relative;width:64px;height:64px;border-radius:6px;overflow:hidden;background:#fff;border:1px solid #e0e0e0}.thread-preview-image{width:100%;height:100%;object-fit:cover}.thread-preview-file{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2px;text-align:center}.thread-preview-icon{font-size:20px;margin-bottom:2px}.thread-preview-name{font-size:8px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:0 2px}.thread-preview-size{font-size:7px;color:#999;margin-top:1px}.thread-remove-media-btn{position:absolute;top:1px;right:1px;background:#0009;color:#fff;border:none;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:9px;transition:background .2s}.thread-remove-media-btn:hover{background:#000c}.thread-cancel-media-btn{padding:6px 12px;background:#f44336;color:#fff;border:none;border-radius:6px;font-size:11px;cursor:pointer;transition:background .2s;align-self:center}.thread-cancel-media-btn:hover{background:#d32f2f}.thread-emoji-picker{position:absolute;bottom:100%;right:12px;z-index:1001;margin-bottom:8px}.thread-input-wrapper{display:flex;align-items:center;gap:8px;background:#fff;border:none;border-radius:24px;padding:4px 10px;width:100%;min-height:auto}.thread-attach-btn{background:none;border:none;cursor:pointer;padding:0;color:#8696a0;border-radius:50%;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.thread-attach-btn:hover{background:#f0f0f0;color:#333}.thread-attach-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.thread-emoji-btn{background:none;border:none;cursor:pointer;padding:0;color:#8696a0;border-radius:50%;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.thread-emoji-btn:hover{background:#f0f0f0;color:#54656f}.thread-input{flex:1;background:#fafafa;border:none;outline:none;border-radius:12.83px;padding:6px 10px;font-size:14.97px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.4;color:#000;resize:none;max-height:300px;min-height:24px;overflow-y:auto}.thread-input::placeholder{color:#00000073;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14.97px;font-weight:400}.thread-input:focus{outline:none}.thread-attach-icon,.thread-emoji-icon{width:24px;height:24px;color:#8696a0;transition:color .2s ease}.thread-attach-btn:hover:not(.disabled) .thread-attach-icon,.thread-emoji-btn:hover:not(:disabled) .thread-emoji-icon{color:#54656f}.thread-attach-container{position:relative;display:flex;align-items:center}.thread-plus-btn{background:none;border:none;cursor:pointer;padding:0;color:#8696a0;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.thread-plus-btn:hover:not(.disabled){background:#f0f0f0;color:#54656f}.thread-plus-btn.disabled{opacity:.5;cursor:not-allowed}.thread-plus-btn svg{width:24px;height:24px}.thread-attach-menu{position:absolute;bottom:calc(100% + 10px);left:0;background:#233138;border-radius:12px;padding:8px 0;min-width:180px;box-shadow:0 4px 16px #0000004d;z-index:1000;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.thread-attach-menu-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background .2s;color:#e9edef;font-size:14px}.thread-attach-menu-item:hover{background:#ffffff1a}.thread-attach-menu-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.thread-attach-menu-icon svg{width:24px;height:24px}.thread-attach-menu-icon.photos{background:linear-gradient(135deg,#bf59cf,#7f66ff);color:#fff}.thread-attach-menu-icon.document{background:linear-gradient(135deg,#5157ae,#5157ae);color:#fff}.thread-send-btn{background:#1976d2;border:none;color:#fff;cursor:pointer;padding:8px 12px;border-radius:50%;font-size:16px;transition:all .2s;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.thread-send-btn:hover:not(:disabled){background:#1565c0;transform:scale(1.05)}.thread-send-btn:disabled{background:#ccc;cursor:not-allowed}.thread-messages::-webkit-scrollbar{width:6px}.thread-messages::-webkit-scrollbar-track{background:#f1f1f1}.thread-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.thread-messages::-webkit-scrollbar-thumb:hover{background:#999}.thread-spinner{animation:spin 1s linear infinite}.thread-panel-container{position:relative}.thread-panel-dragging{border:2px dashed #00a884}.thread-drag-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;z-index:1000;display:flex;align-items:center;justify-content:center;border-radius:inherit}.thread-drag-content{display:flex;flex-direction:column;align-items:center;gap:16px;color:#00a884;pointer-events:none}.thread-mention-dropdown{position:absolute;bottom:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;margin-bottom:8px}.thread-mention-suggestion{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:background-color .2s;border-bottom:1px solid #f3f4f6}.thread-mention-suggestion:last-child{border-bottom:none}.thread-mention-suggestion:hover,.thread-mention-suggestion.selected{background-color:#f0f7ff}.mention-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.mention-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#a50104;color:#fff;font-weight:600;font-size:14px}.mention-info{flex:1;min-width:0}.mention-name{font-weight:500;font-size:14px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-role{font-size:12px;color:#666;margin-top:2px}.thread-read-receipts{margin-top:4px;display:flex;justify-content:flex-end;position:relative}.thread-message-other .thread-read-receipts{justify-content:flex-start}.thread-read-receipts-trigger{cursor:pointer;display:flex;align-items:center}.thread-read-avatars{display:flex;flex-direction:row-reverse;align-items:center}.thread-read-avatar{width:18px;height:18px;border-radius:50%;border:1.5px solid white;overflow:hidden;margin-left:-6px;transition:transform .2s,z-index .2s;position:relative}.thread-read-avatar:hover{transform:scale(1.2);z-index:10!important}.thread-read-avatar img{width:100%;height:100%;object-fit:cover}.thread-read-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff453a,#ff453a);color:#fff;font-weight:600;font-size:8px}.thread-read-avatar.counter-bubble{background:#e5e7eb;color:#54656f;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:20;margin-left:4px}.thread-read-receipts-popover{position:fixed;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;width:220px;z-index:9999;overflow:visible;animation:fadeIn .15s ease-out;border:1px solid #e0e0e0}.thread-read-receipts-popover.position-top{top:-12px;transform:translateY(-100%);bottom:auto;margin:0}.thread-read-receipts-popover.position-bottom{top:100%;margin-top:12px;bottom:auto;transform:none}.thread-read-receipts-popover:before,.thread-read-receipts-popover:after{content:"";position:absolute;border-style:solid;height:0;width:0;right:14px;pointer-events:none}.thread-read-receipts-popover.position-top:before{border-width:8px;border-color:#e0e0e0 transparent transparent transparent;bottom:-16px}.thread-read-receipts-popover.position-top:after{border-width:7px;border-color:white transparent transparent transparent;bottom:-13px}.thread-read-receipts-popover.position-bottom:before{border-width:8px;border-color:transparent transparent #e0e0e0 transparent;top:-16px}.thread-read-receipts-popover.position-bottom:after{border-width:7px;border-color:transparent transparent #f0f2f5 transparent;top:-13px}.popover-header{padding:8px 12px;background:#f0f2f5;font-size:12px;font-weight:600;color:#54656f;border-bottom:1px solid #e0e0e0;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;align-items:center}.popover-close-btn{background:none;border:none;color:#54656f;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s}.popover-close-btn:hover{background-color:#0000001a;color:#111b21}.popover-list{max-height:200px;overflow-y:auto}.popover-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #f0f0f0}.popover-item:last-child{border-bottom:none}.popover-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0}.popover-avatar img{width:100%;height:100%;object-fit:cover}.popover-avatar-initial{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#a50104;color:#fff;font-weight:600;font-size:14px}.popover-info{flex:1;min-width:0}.popover-name{font-size:13px;font-weight:500;color:#111b21;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popover-status{font-size:11px;color:#54656f}.thread-message-text{word-wrap:break-word;white-space:pre-wrap}.thread-message-text .mention{background-color:#fce8b2!important;color:#3e2723!important;padding:2px 6px;border-radius:4px;font-weight:500}.thread-message-text .mention-span{transition:background-color .2s ease;display:inline-block}.thread-message-text .mention-span.mention-me{background-color:#fce8b2!important;color:#3e2723!important;border-radius:4px;font-weight:700}.thread-message-text .mention-span.mention-other{background-color:#fce8b2!important;color:#3e2723!important;border-radius:4px}.thread-message{position:relative}.thread-message-actions{position:absolute;top:4px;right:4px;opacity:0;transition:opacity .2s;display:flex;gap:2px;align-items:center}.thread-message:hover .thread-message-actions{opacity:1}.thread-message-actions:has(.thread-message-menu),.thread-message-actions:has(.reaction-picker-popup){opacity:1!important}.thread-message-menu-btn{background:#fffffff2;border:1px solid #e0e0e0;border-radius:4px;padding:4px 6px;cursor:pointer;color:#666;transition:all .2s;display:flex;align-items:center;justify-content:center}.thread-message-menu-btn:hover{background:#fff;color:#333;box-shadow:0 2px 4px #0000001a}.thread-message-menu{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:4px 0;min-width:150px;z-index:1000;animation:fadeIn .2s ease-out}.thread-message-menu .menu-item{display:flex;align-items:center;gap:10px;padding:10px 16px;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s}.thread-message-menu .menu-item:hover{background-color:#f5f5f5}.thread-message-menu .menu-icon{font-size:14px;color:#666}.thread-reaction-picker{position:absolute;top:100%;right:0;margin-top:4px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px;display:flex;gap:4px;z-index:1001;animation:fadeIn .2s ease-out}.reaction-emoji-btn{background:none;border:none;font-size:24px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;line-height:1}.reaction-emoji-btn:hover{background-color:#f5f5f5;transform:scale(1.2)}.thread-reply-preview{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#f0f7ff;border-left:3px solid #1976d2;margin-bottom:8px;border-radius:4px}.reply-preview-content{flex:1;min-width:0}.reply-preview-header{display:flex;align-items:center;gap:8px;font-size:12px;color:#1976d2;font-weight:600;margin-bottom:4px}.reply-icon{font-size:12px}.reply-preview-text{font-size:13px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-close-btn{background:none;border:none;cursor:pointer;padding:4px;color:#999;font-size:14px;border-radius:4px;transition:all .2s;flex-shrink:0}.reply-close-btn:hover{background-color:#0000000d;color:#666}.thread-reply-reference{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background-color:#1976d214;border-left:3px solid #1976d2;border-radius:4px;margin-bottom:8px;font-size:12px}.reply-ref-icon{color:#1976d2;font-size:12px;margin-top:2px;flex-shrink:0}.reply-ref-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.reply-ref-sender{color:#1976d2;font-weight:600;font-size:12px}.reply-ref-text{color:#666;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-message-edit-mode{display:flex;flex-direction:column;gap:8px;padding:8px 12px;background:#e3f2fd;border-radius:8px}.thread-edit-input{width:100%;padding:8px 12px;border:1px solid #1976d2;border-radius:6px;font-size:14px;font-family:inherit;resize:none;outline:none}.thread-edit-input:focus{border-color:#1565c0;box-shadow:0 0 0 2px #1976d233}.thread-edit-actions{display:flex;justify-content:flex-end;gap:8px}.thread-edit-cancel{padding:6px 12px;background:#f5f5f5;color:#666;border:1px solid #ddd;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.thread-edit-cancel:hover{background:#eee;color:#333}.thread-edit-save{padding:6px 12px;background:#1976d2;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.thread-edit-save:hover:not(:disabled){background:#1565c0}.thread-edit-save:disabled{background:#ccc;cursor:not-allowed}.thread-edited-label{font-size:10px;color:#999;font-style:italic;margin-left:6px}html.dark .thread-panel-container{background-color:#1a1a1a!important;border-left-color:#3a3a3a!important}html.dark .thread-panel-header{background:#1f1f1f!important;border-bottom-color:#3a3a3a!important}html.dark .thread-panel-title{color:#fff!important}html.dark .thread-back-btn{color:#9ca3af!important}html.dark .thread-back-btn:hover{background:#2a2a2a!important;color:#fff!important}html.dark .thread-close-btn{color:#9ca3af!important}html.dark .thread-close-btn:hover{background:#2a2a2a!important;color:#fff!important}html.dark .thread-main-message{background:#1f1f1f!important;border-left-color:#dc2626!important;box-shadow:0 1px 3px #0000004d!important}html.dark .thread-main-message-time{color:#9ca3af!important;background:#2d2d2d!important}html.dark .thread-main-message-text{color:#e5e5e5!important}html.dark .thread-main-message-text::-webkit-scrollbar-track{background:#2d2d2d!important}html.dark .thread-main-message-text::-webkit-scrollbar-thumb{background:#555!important}html.dark .thread-replies-count{color:#f87171!important;background:#dc262626!important}html.dark .thread-messages{background:#1a1a1a!important}html.dark .thread-loading,html.dark .thread-empty{color:#6b7280!important}html.dark .thread-message-header strong{color:#9ca3af!important}html.dark .thread-message-time{color:#6b7280!important}html.dark .thread-message-other .thread-message-text{background:#2a2a2a!important;color:#e5e5e5!important}html.dark .thread-message-own .thread-message-text{background:#005c4b!important;color:#e5e5e5!important}html.dark .thread-input-container{background:#1f1f1f!important;border-top-color:#3a3a3a!important}html.dark .thread-input{background:#2a2a2a!important;border-color:#3a3a3a!important;color:#e5e5e5!important}html.dark .thread-input:focus{border-color:#00a884!important}html.dark .thread-input::placeholder{color:#6b7280!important}html.dark .thread-attach-btn,html.dark .thread-emoji-btn{color:#9ca3af!important}html.dark .thread-attach-btn:hover,html.dark .thread-emoji-btn:hover{background:#2a2a2a!important;color:#fff!important}html.dark .thread-media-preview{background:#2a2a2a!important}html.dark .thread-media-preview-item{background:#1f1f1f!important;border-color:#3a3a3a!important}html.dark .thread-preview-name{color:#9ca3af!important}html.dark .thread-preview-size{color:#6b7280!important}html.dark .thread-mention-dropdown{background:#2a2a2a!important;border-color:#3a3a3a!important}html.dark .thread-mention-suggestion:hover,html.dark .thread-mention-suggestion.selected{background-color:#3a3a3a!important}html.dark .mention-name{color:#e5e5e5!important}html.dark .mention-role{color:#9ca3af!important}html.dark .thread-read-receipts-popover{background:#2a2a2a!important;border-color:#3a3a3a!important}html.dark .popover-header{background:#1f1f1f!important;border-bottom-color:#3a3a3a!important;color:#9ca3af!important}html.dark .popover-close-btn{color:#9ca3af!important}html.dark .popover-close-btn:hover{background-color:#ffffff1a!important;color:#fff!important}html.dark .popover-item{border-bottom-color:#3a3a3a!important}html.dark .popover-name{color:#e5e5e5!important}html.dark .popover-time{color:#6b7280!important}html.dark .thread-messages::-webkit-scrollbar-track{background:#1a1a1a!important}html.dark .thread-messages::-webkit-scrollbar-thumb{background:#ffffff26!important}html.dark .thread-messages::-webkit-scrollbar-thumb:hover{background:#ffffff40!important}html.dark .thread-drag-overlay{background-color:#1a1a1af2!important}html.dark .thread-drag-content{color:#00a884!important}html.dark .thread-edit-input{background:#2a2a2a!important;border-color:#3a3a3a!important;color:#e5e5e5!important}html.dark .thread-edited-label{color:#6b7280!important}html.dark .thread-read-receipts-popover.position-top:before{border-color:#3a3a3a transparent transparent transparent!important}html.dark .thread-read-receipts-popover.position-top:after{border-color:#2a2a2a transparent transparent transparent!important}html.dark .thread-read-receipts-popover.position-bottom:before{border-color:transparent transparent #3a3a3a transparent!important}html.dark .thread-read-receipts-popover.position-bottom:after{border-color:transparent transparent #1f1f1f transparent!important}html.dark .thread-input-container{background:#1f1f1f!important;border-top-color:#2a2a2a!important}html.dark .thread-input-wrapper{background:#1f1f1f!important}html.dark .thread-input{background:#1f1f1f!important;color:#e9edef!important}html.dark .thread-input::placeholder{color:#e9edef80!important}html.dark .thread-emoji-btn{color:#8696a0!important}html.dark .thread-emoji-btn:hover{background:#ffffff1a!important;color:#e9edef!important}.thread-load-more{display:flex;justify-content:center;padding:8px 16px;margin-bottom:12px}.thread-load-more-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;background:transparent;color:#dc2626;border:1px dashed #dc2626;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.thread-load-more-btn:hover:not(:disabled){background:#fef2f2;border-style:solid}.thread-load-more-btn:disabled{opacity:.6;cursor:not-allowed}html.dark .thread-load-more-btn{color:#f87171;border-color:#f87171}html.dark .thread-load-more-btn:hover:not(:disabled){background:#f871711a}.threads-list-panel{width:350px;height:100%;background-color:#fff;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;flex-shrink:0;animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}.threads-list-header{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 12px;border-bottom:1px solid #e0e0e0;background-color:#fff}.threads-list-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:#111b21}.threads-list-title svg{color:#54656f;font-size:18px}.threads-list-close{background:none;border:none;cursor:pointer;padding:6px;border-radius:50%;color:#54656f;transition:background-color .2s;font-size:18px}.threads-list-close:hover{background-color:#e9edef}.threads-list-content{flex:1;overflow-y:auto;padding:6px;background-color:#f0f2f5}.threads-list-loading,.threads-list-error,.threads-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 16px;color:#667781;text-align:center;gap:10px}.threads-list-loading .spinner{animation:spin 1s linear infinite}.threads-list-error button{margin-top:8px;padding:8px 16px;background-color:#00a884;color:#fff;border:none;border-radius:8px;cursor:pointer}.threads-list-items{display:flex;flex-direction:column;gap:1px}.thread-list-item{display:flex;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;transition:background-color .2s;box-shadow:0 1px 1px #0000000d}.thread-list-item:hover{background-color:#f5f6f6}.thread-item-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background-color:#00a884;display:flex;align-items:center;justify-content:center}.thread-item-avatar img{width:100%;height:100%;object-fit:cover}.thread-item-avatar span{color:#fff;font-weight:600;font-size:13px}.thread-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:0px;justify-content:center}.thread-item-header{display:flex;justify-content:space-between;align-items:baseline}.thread-item-sender{font-weight:600;font-size:13px;color:#111b21;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.thread-item-date{font-size:10px;color:#667781;flex-shrink:0}.thread-item-message{font-size:12px;color:#667781;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.thread-item-count{display:flex;align-items:center;gap:3px;font-size:10px;color:#00a884;font-weight:500;margin-top:1px}@media (max-width: 768px){.threads-list-panel{position:fixed;top:0;right:0;width:100%;z-index:1000}}html.dark .threads-list-panel{background-color:#1a1a1a!important;border-left-color:#3a3a3a!important}html.dark .threads-list-header{background-color:#1f1f1f!important;border-bottom-color:#3a3a3a!important}html.dark .threads-list-title{color:#fff!important}html.dark .threads-list-title svg{color:#9ca3af!important}html.dark .threads-list-close{color:#9ca3af!important}html.dark .threads-list-close:hover{background-color:#2a2a2a!important;color:#fff!important}html.dark .threads-list-content{background-color:#1a1a1a!important;border:none!important}html.dark .threads-list-loading,html.dark .threads-list-error,html.dark .threads-list-empty{color:#6b7280!important}html.dark .thread-list-item{background-color:#1f1f1f!important;box-shadow:0 1px 1px #0003!important}html.dark .thread-list-item:hover{background-color:#2a2a2a!important}html.dark .thread-item-sender{color:#e5e5e5!important}html.dark .thread-item-date{color:#6b7280!important}html.dark .thread-item-message{color:#9ca3af!important}html.dark .thread-item-count{color:#00a884!important}.mentions-panel{width:100%;height:100%;display:flex;flex-direction:column;background-color:#fff;border-left:1px solid #e5e7eb}.mentions-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:50px;border-bottom:1px solid #f0f2f5;background-color:#fff}.mentions-title{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#111b21}.mentions-title svg{color:#be185d;font-size:18px}.mentions-close{background:none;border:none;cursor:pointer;padding:8px;color:#54656f;transition:color .2s,background-color .2s;border-radius:50%;display:flex;align-items:center;justify-content:center}.mentions-close:hover{background-color:#f0f2f5;color:#111b21}.mentions-content{flex:1;overflow-y:auto;padding:0;background-color:#f0f2f5}.mentions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#54656f;gap:12px}.spinner{animation:spin 1s linear infinite;font-size:24px;color:#00a884}.mentions-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#ef4444;text-align:center;gap:12px}.mentions-error button{padding:8px 16px;background-color:#fce7f3;color:#be185d;border:none;border-radius:4px;cursor:pointer;font-weight:500}.mentions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;color:#8696a0;text-align:center;gap:16px}.mentions-empty svg{color:#d1d7db}.mentions-list{padding:4px;display:flex;flex-direction:column;gap:2px}.mention-item{display:flex;gap:6px;padding:6px 8px;background-color:#fff;border-radius:12px;cursor:pointer;transition:transform .1s,box-shadow .1s;border:1px solid transparent;box-shadow:0 1px 2px #0000000d}.mention-item:hover{background-color:#fff;transform:translateY(-1px);box-shadow:0 4px 6px #0000000d;border-color:#fbcfe8}.mention-avatar{flex-shrink:0;width:24px;height:24px;border-radius:50%;background-color:#dfe1e5;display:flex;align-items:center;justify-content:center;overflow:hidden}.mention-avatar img{width:100%;height:100%;object-fit:cover}.mention-avatar span{font-size:11px;font-weight:600;color:#54656f}.mention-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.mention-top{display:flex;justify-content:space-between;align-items:baseline}.mention-sender{font-size:12px;font-weight:600;color:#111b21;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-date{font-size:11px;color:#8696a0;flex-shrink:0}.mention-group-name{font-size:11px;color:#6b7280;font-weight:500}.mention-text{font-size:12px;color:#374151;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;background-color:#fff1f2;padding:2px 4px;border-radius:4px;margin-top:1px}.mention-footer{display:flex;align-items:center;gap:4px;margin-top:6px;font-size:11px;color:#be185d;font-weight:600;opacity:0;transition:opacity .2s}.mention-item:hover .mention-footer{opacity:1}:root{--panel-bg: #ffffff;--main-bg: #f0f2f5;--text-primary: #111b21;--text-secondary: #54656f;--accent-color: ff453a;--border-color: #e9edef;--hover-color: #f5f6f6;--danger-color: #ea0038}.info-panel-container{width:350px;height:100%;background-color:var(--main-bg)!important;border-left:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;box-shadow:-2px 0 5px #0000000d;animation:slideInRight .3s cubic-bezier(.16,1,.3,1);position:relative;z-index:100}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.info-panel-header{display:flex;align-items:center;height:50px;padding:0 20px;background:var(--panel-bg);border-bottom:1px solid var(--border-color);color:var(--text-primary)}.info-panel-title{flex:1;font-weight:500;font-size:16px}.info-close-btn{background:none;border:none;cursor:pointer;padding:8px;color:var(--text-secondary);font-size:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.info-close-btn:hover{background-color:#0000000d;color:var(--text-primary)}.info-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px;display:flex;flex-direction:column;gap:16px}.info-section{background:var(--panel-bg);border-radius:8px;box-shadow:0 1px 2px #00000014;overflow:hidden;display:flex;flex-direction:column}.info-section-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;padding:16px 20px 8px;margin:0;letter-spacing:.5px}.info-item{display:flex;flex-direction:column;padding:12px 20px;border-bottom:1px solid var(--border-color)}.info-item:last-child{border-bottom:none}.info-label{font-size:13px;color:var(--text-secondary);margin-bottom:4px}.info-value{font-size:15px;color:var(--text-primary);font-weight:400;word-break:break-word}.info-tools-list{display:flex;flex-direction:column;padding:8px 0}.info-tool-btn{display:flex;align-items:center;width:100%;padding:14px 20px;background:transparent;border:none;cursor:pointer;transition:background-color .2s;gap:16px;text-align:left;border-bottom:1px solid var(--border-color)}.info-tool-btn:last-child{border-bottom:none}.info-tool-btn:hover{background-color:var(--hover-color)}.info-tool-icon{font-size:20px;color:var(--text-secondary);display:flex;align-items:center}.info-tool-text{font-size:15px;color:var(--text-primary);font-weight:400}@media (max-width: 900px){.info-panel-container{position:fixed;top:0;right:0;height:100%;width:100%;max-width:400px;z-index:2000}}.info-content::-webkit-scrollbar{width:5px}.info-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.info-content::-webkit-scrollbar-track{background:transparent}.info-avatar-section{display:flex;justify-content:center;padding:20px 0 10px}.info-avatar-wrapper{position:relative;width:150px;height:150px;border-radius:50%;overflow:hidden;background-color:#dfe3e5;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000001a}.info-avatar-wrapper.editable{cursor:pointer}.info-avatar-img{width:100%;height:100%;object-fit:cover}.info-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#dfe3e5;color:#8696a0}.info-avatar-icon{font-size:80px}.info-avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.info-avatar-wrapper.editable:hover .info-avatar-overlay{opacity:1}.info-camera-icon{color:#fff;font-size:32px}.info-spinner{border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top:3px solid white;width:30px;height:30px;animation:spin 1s linear infinite}.active-video-call-banner{background:linear-gradient(135deg,#ff453a,#ff453a);padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.banner-content{display:flex;align-items:center;gap:10px;max-width:1200px;margin:0 auto}.banner-icon{width:32px;height:32px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #fff6}50%{transform:scale(1.05);box-shadow:0 0 0 10px #fff0}}.banner-info{flex:1;color:#fff}.banner-title{font-size:13px;font-weight:600;margin-bottom:0}.banner-subtitle{font-size:11px;opacity:.85}.banner-join-btn{background:#fff;color:ff453a;border:none;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.banner-close-btn{background:#fff3;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:8px}.banner-close-btn:hover{background:#ffffff4d}.banner-join-btn:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.banner-join-btn:active{transform:translateY(0)}.banner-participants{display:flex;align-items:center;margin-left:auto;margin-right:12px}.participants-avatars{display:flex;align-items:center;position:relative}.participant-avatar{width:28px;height:28px;border-radius:50%;background:#fff3;border:2px solid ff453a;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:transform .2s ease}.participant-avatar:not(:first-child){margin-left:-10px}.participant-avatar:hover{transform:translateY(-2px) scale(1.1);z-index:10!important}.participant-avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff4d,#ffffff26);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase}.participant-count{width:28px;height:28px;border-radius:50%;background:#fff;color:ff453a;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-left:-10px;border:2px solid ff453a;box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.active-video-call-banner{padding:10px 16px}.banner-icon{width:36px;height:36px}.banner-title{font-size:13px}.banner-subtitle{font-size:11px}.banner-join-btn{padding:8px 16px;font-size:13px}}.pinned-message-banner{background-color:#f0f2f5;border-bottom:1px solid #d1d7db;padding:10px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.pinned-message-banner:hover{background-color:#e9edef}.pinned-message-banner:before{display:none}.pinned-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border-radius:50%;color:#54656f;font-size:16px;flex-shrink:0;margin-left:0}.pinned-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pinned-header{display:flex;align-items:center;gap:6px;font-size:12px;color:#54656f;font-weight:600}.pinned-label{color:#54656f;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.pinned-sender{color:#111b21;font-weight:600}.pinned-time{color:#667781;font-weight:500}.pinned-text{color:#3b4a54;font-size:14px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400}.pinned-file{color:#54656f;font-weight:600;font-style:italic;display:flex;align-items:center;gap:4px}.pinned-unpin-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:50%;color:#8696a0;font-size:14px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.pinned-unpin-btn:hover{background:#0000000d;color:#374151}.pinned-unpin-btn:active{transform:scale(.95)}@media (max-width: 768px){.pinned-message-banner{padding:8px 12px;gap:10px}.pinned-icon{width:24px;height:24px;font-size:14px}.pinned-header{font-size:11px;gap:4px}.pinned-label{font-size:10px}.pinned-text{font-size:13px}}@media (max-width: 480px){.pinned-message-banner{padding:6px 10px;gap:8px}.pinned-header{font-size:10px}.pinned-label{display:none}.pinned-sender:before{content:"Fijado • ";opacity:.8;font-weight:400;color:ff453a}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.pinned-message-banner{animation:slideDown .3s ease-out}.poll-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}.poll-modal-container{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.poll-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.poll-modal-header h2{margin:0;font-size:20px;font-weight:600;color:#333}.poll-modal-close-btn{background:none;border:none;cursor:pointer;padding:8px;color:#666;font-size:18px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.poll-modal-close-btn:hover{background:#f0f0f0;color:#333}.poll-modal-content{flex:1;overflow-y:auto;padding:24px}.poll-form-group{margin-bottom:24px}.poll-form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#333}.poll-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all .2s;font-family:inherit}.poll-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.poll-char-count{display:block;margin-top:4px;font-size:12px;color:#999;text-align:right}.poll-options-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.poll-option-item{display:flex;gap:8px;align-items:center}.poll-option-item .poll-input{flex:1}.poll-remove-option-btn{background:none;border:none;cursor:pointer;padding:8px;color:#ef4444;font-size:16px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.poll-remove-option-btn:hover{background:#fee;color:#dc2626}.poll-add-option-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:#f5f5f5;border:2px dashed #ccc;border-radius:8px;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.poll-add-option-btn:hover{background:#e8e8e8;border-color:#999;color:#333}.poll-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e0e0e0}.poll-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.poll-btn-cancel{background:#f5f5f5;color:#666}.poll-btn-cancel:hover{background:#e0e0e0;color:#333}.poll-btn-create{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff}.poll-btn-create:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1976d24d}.poll-modal-content::-webkit-scrollbar{width:6px}.poll-modal-content::-webkit-scrollbar-track{background:#f1f1f1}.poll-modal-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.poll-modal-content::-webkit-scrollbar-thumb:hover{background:#999}.poll-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.poll-emoji-btn{background:transparent;border:none;color:#8696a0;cursor:pointer;padding:8px;position:absolute;right:5px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s;font-size:1.2rem}.poll-emoji-btn:hover,.poll-emoji-btn.active{background-color:#8696a01a;color:#00a884}.poll-input{padding-right:40px!important}.poll-emoji-picker-container{position:absolute;top:100%;right:0;z-index:1000;box-shadow:0 4px 12px #00000026;border-radius:8px}.chat-layout-container{display:flex;gap:0;width:100%;max-width:100%;margin:0;height:100vh;border-radius:0;overflow:hidden;box-shadow:none;background:linear-gradient(135deg,#fff,#f8fafc)}.hamburger-btn{display:none}@media (max-width: 48rem){.hamburger-btn{display:flex;position:fixed;top:1rem;left:1rem;z-index:101;width:3.5rem;height:3.5rem;align-items:center;justify-content:center;background:linear-gradient(135deg,#13467a,#0f3660);color:#fff;border-radius:.75rem;box-shadow:0 .5rem 1.5rem #13467a4d,0 .25rem .75rem #00000026;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger-btn:hover{background:linear-gradient(135deg,#0f3660,#0a2847);transform:translateY(-.125rem);box-shadow:0 .75rem 2rem #13467a66,0 .375rem 1rem #0003}.hamburger-btn:active{transform:scale(.95)}.hamburger-btn.hidden{display:none}}.sidebar-overlay{display:none}@media (max-width: 48rem){.sidebar-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);z-index:99;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.sidebar-overlay.hidden{display:none}}.left-sidebar-mobile{display:none}@media (max-width: 48rem){.left-sidebar-mobile{display:block;position:fixed;left:0;top:0;height:100vh;z-index:100;transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:.5rem 0 2rem #0000004d}.left-sidebar-mobile.open{transform:translate(0)}.left-sidebar-mobile.closed{transform:translate(-100%)}}.chat-content-container{flex:1;display:flex;flex-direction:column;background:linear-gradient(135deg,#fff,#f8fafc);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width: 48rem){.chat-content-container{height:100vh}.chat-content-container.no-chat{display:none}}@media (max-width: 37.5rem){.chat-content-container{height:100vh}}@media (max-width: 87.5rem){.chat-layout-container{overflow-x:hidden}}@media (max-width: 80rem){.chat-layout-container{overflow-x:hidden}}@media (max-width: 64rem){.chat-layout-container{overflow-x:hidden}}@media (max-width: 48rem){.chat-layout-container{overflow-x:hidden}}*{box-sizing:border-box}html,body{overflow-x:hidden;width:100%;max-width:100vw}@media (max-width: 1280px){.chat-layout-container{overflow-x:hidden}}@media (max-width: 1024px){.chat-layout-container{overflow-x:hidden}}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#dc2626,#b91c1c);border-radius:.25rem}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#b91c1c,#991b1b)}.login-card{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #0003;padding:2.5rem;width:100%;max-width:420px;min-width:320px;margin:0 auto;position:relative;animation:cardEntrance .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:2rem}.welcome-title{color:#1a1a1a;font-size:1.75rem;font-weight:600;margin:0 0 .5rem;letter-spacing:-.02em}.welcome-subtitle{color:#6b7280;font-size:.9rem;font-weight:400;margin:0;letter-spacing:.01em}.login-form{display:flex;flex-direction:column}.login-card input{background-color:#f9fafb!important;color:#1a1a1a!important;border:1.5px solid #e5e7eb!important;border-radius:12px!important;height:48px!important;font-size:.95rem!important;transition:all .2s ease!important}.login-card input::placeholder{color:#9ca3af!important;font-weight:400}.login-card input:focus{background-color:#fff!important;border-color:#c62d42!important;box-shadow:0 0 0 3px #c62d421a!important;outline:none!important}.login-card input:disabled{background-color:#f3f4f6!important;color:#6b7280!important}.login-card .relative span{display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:color .2s ease}.login-card .relative span:hover{color:#6b7280}.login-card input:-webkit-autofill,.login-card input:-webkit-autofill:hover,.login-card input:-webkit-autofill:focus,.login-card input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px #f9fafb inset!important;-webkit-text-fill-color:#1a1a1a!important;transition:background-color 5000s ease-in-out 0s;border-color:#e5e7eb!important}.sede-toggle-container{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:.5rem}.sede-toggle{position:relative;display:flex;align-items:center;width:auto;min-width:250px;height:40px;background:#f3f4f6;border-radius:10px;padding:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.sede-toggle-slider{position:absolute;left:4px;top:4px;bottom:4px;width:calc(50% - 4px);background:#c62d42;border-radius:8px;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #c62d424d}.sede-toggle-slider.lima{transform:translate(100%)}.sede-toggle-option{flex:1;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.65rem;font-weight:600;color:#6b7280;transition:color .2s ease;padding:0 8px;white-space:nowrap}.sede-toggle-option.active{color:#fff}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 16px;color:#dc2626;font-size:.875rem;text-align:center;animation:shake .4s ease}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.login-button,.login-card button[type=submit]{height:52px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;overflow:hidden!important;background:linear-gradient(135deg,#c62d42,#a8253a)!important;color:#fff!important;border:none!important;border-radius:12px!important;font-size:.95rem!important;font-weight:600!important;letter-spacing:.02em!important;cursor:pointer!important;text-transform:uppercase!important;transition:all .25s ease!important;box-shadow:0 4px 14px #c62d4259!important}.login-button:hover:not(:disabled),.login-card button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#a8253a,#8b1f30)!important;transform:translateY(-2px)!important;box-shadow:0 8px 20px #c62d4266!important}.login-button:active:not(:disabled),.login-card button[type=submit]:active:not(:disabled){transform:translateY(0)!important;box-shadow:0 4px 12px #c62d424d!important}.login-button:disabled,.login-card button[type=submit]:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280)!important;cursor:not-allowed!important;box-shadow:none!important}.button-content{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;line-height:1!important;width:auto!important}.loading-spinner{width:20px!important;height:20px!important;min-width:20px!important;min-height:20px!important;max-width:20px!important;max-height:20px!important;border:2px solid rgba(255,255,255,.3)!important;border-top:2px solid white!important;border-radius:50%!important;margin:0!important;box-sizing:border-box!important;animation:spin .8s linear infinite}.forgot-password{text-align:center;margin-top:.5rem}.forgot-password a{color:#9ca3af;text-decoration:none;font-size:.8rem;font-weight:400;transition:all .2s ease;position:relative}.forgot-password a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:#c62d42;transition:width .2s ease}.forgot-password a:hover{color:#c62d42}.forgot-password a:hover:after{width:100%}@media (max-width: 900px){.login-card{max-width:400px;min-width:300px;padding:2rem}.welcome-title{font-size:1.5rem}}@media (max-width: 600px){.login-card{max-width:calc(100vw - 32px);min-width:0;padding:1.75rem 1.5rem;border-radius:16px;margin:0 16px}.welcome-title{font-size:1.35rem}.welcome-subtitle{font-size:.85rem}.sede-toggle{min-width:200px}.sede-toggle-option{font-size:.7rem;padding:0 8px}}@media (max-width: 380px){.login-card{padding:1.5rem 1.25rem;margin:0 12px}.login-header{margin-bottom:1.5rem}.welcome-title{font-size:1.25rem}.sede-toggle{min-width:180px;height:36px}.sede-toggle-option{font-size:.65rem}}.loading-screen{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#0b141a;position:fixed;top:0;left:0;z-index:9999}.loading-content{display:flex;flex-direction:column;align-items:center;gap:24px}.loading-spinner{width:60px;height:60px;border:6px solid rgba(0,168,132,.2);border-top:6px solid ff453a;border-radius:50%;animation:spin 1s linear infinite}.loading-message{color:#8696a0;font-size:16px;font-family:Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;font-weight:400;letter-spacing:.3px}.loading-screen{animation:fadeIn .2s ease-in}.login-loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f5f7fb;z-index:9999;animation:fadeIn .3s ease}.login-loading-content{display:flex;flex-direction:column;align-items:center;gap:20px;max-width:320px;padding:20px}.loading-spinner-container{width:56px;height:56px;color:#667781}.loading-spinner-icon{width:100%;height:100%}.loading-text{color:#d1d5db;font-size:.95rem;font-weight:400;text-align:center;letter-spacing:.01em}.loading-progress-bar{width:200px;height:3px;background:#2a3942;border-radius:2px;overflow:hidden}.loading-progress-fill{height:100%;background:linear-gradient(90deg,#00a884,#25d366);border-radius:2px;transition:width .3s ease}.loading-security{display:flex;align-items:center;gap:6px;color:#667781;font-size:.75rem;margin-top:10px}.lock-icon{width:12px;height:12px}.loading-security .highlight{color:#00a884}@media (max-width: 480px){.loading-spinner-container{width:48px;height:48px}.loading-text{font-size:.875rem}.loading-progress-bar{width:180px}.loading-security{font-size:.7rem}}.conversation-modal-container{width:95%;max-width:1000px;max-height:92vh;background:linear-gradient(135deg,#1a1f2e,#16202d);border-radius:12px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.conversation-modal-header{background:linear-gradient(135deg,#0f1419,#1a1f2e);padding:14px 20px;border-bottom:1px solid rgba(16,185,129,.1);display:flex;justify-content:space-between;align-items:center}.icon-wrapper{width:36px;height:36px;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #10b9814d}.close-button{width:32px;height:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#9ca3af;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:18px}.close-button:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:rotate(90deg)}.conversation-modal-body{padding:16px 20px;overflow-y:auto;overflow-x:hidden;flex:1;display:grid;grid-template-columns:1fr 1fr;gap:16px;scroll-behavior:smooth;min-height:0;align-content:start}.conversation-modal-body::-webkit-scrollbar{width:10px}.conversation-modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px;margin:5px 0}.conversation-modal-body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#10b98199,#05966999);border-radius:10px;border:2px solid rgba(255,255,255,.05);transition:all .3s ease}.conversation-modal-body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#10b981e6,#059669e6);box-shadow:0 0 8px #10b98166}.conversation-modal-body{scrollbar-color:rgba(16,185,129,.6) rgba(255,255,255,.05);scrollbar-width:thin}.sede-selector{grid-column:1 / -1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:5px 8px;margin-bottom:2px;animation:fadeIn .3s ease-out}.sede-buttons-group{display:flex;gap:6px;margin-top:4px}.sede-button{flex:1;padding:4px 8px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:5px;color:#ffffffb3;font-size:10.5px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.3px}.sede-button:hover:not(:disabled){background:#ffffff14;border-color:#c62d4280;color:#ff6b6b;transform:translateY(-1px)}.sede-button.active{background:linear-gradient(135deg,#c62d4240,#c62d4226);border-color:#c62d42;color:#ff6b6b;box-shadow:0 0 10px #c62d424d}.sede-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.user-selection-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;overflow:hidden;transition:all .3s}.user-selection-card:hover{border-color:#10b9814d;box-shadow:0 4px 14px #10b9811a}.card-header{background:#10b9810d;padding:4px 8px;border-bottom:1px solid rgba(16,185,129,.1);display:flex;align-items:center;gap:5px}.card-body{padding:6px 8px}.search-input-wrapper{position:relative;margin-bottom:5px}.search-input-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:10px;pointer-events:none}.search-input{width:100%;padding:5px 8px 5px 24px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:5px;color:#fff;font-size:11.5px;transition:all .2s;outline:none}.search-input::placeholder{color:#6b7280}.search-input:focus{background:#ffffff14;border-color:#10b98180;box-shadow:0 0 0 2px #10b9811a}.modal-users-list{max-height:120px;overflow-y:auto;overflow-x:hidden;border:1px solid rgba(255,255,255,.08);border-radius:5px;background:#0003;scroll-behavior:smooth}.modal-users-list::-webkit-scrollbar{width:4px}.modal-users-list::-webkit-scrollbar-track{background:#ffffff08;border-radius:5px}.modal-users-list::-webkit-scrollbar-thumb{background:#10b98180;border-radius:5px;transition:all .3s ease}.modal-users-list::-webkit-scrollbar-thumb:hover{background:#10b981cc;box-shadow:0 0 4px #10b9814d}.modal-users-list{scrollbar-color:rgba(16,185,129,.5) rgba(255,255,255,.03);scrollbar-width:thin}.modal-user-item{display:flex;align-items:center;gap:6px;padding:4px 7px;cursor:pointer;transition:all .2s;border-bottom:1px solid rgba(255,255,255,.05)}.modal-user-item:last-child{border-bottom:none}.modal-user-item:hover{background:#10b98114}.modal-user-item.selected{background:linear-gradient(90deg,#10b98126,#10b9810d);border-left:2px solid #10b981}.modal-user-avatar{width:22px;height:22px;background:linear-gradient(135deg,#10b981,#059669);border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:10px;flex-shrink:0;box-shadow:0 2px 8px #10b98133}.modal-user-info{flex:1;min-width:0}.modal-user-name{color:#fff;font-size:11.5px;font-weight:500;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-check-icon{width:16px;height:16px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;flex-shrink:0;animation:checkPop .3s ease-out}@keyframes checkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.modal-empty-state{padding:12px 8px;text-align:center;color:#6b7280;font-size:10.5px}.pagination-wrapper{display:flex;align-items:center;justify-content:space-between;margin-top:5px;padding-top:5px;border-top:1px solid rgba(255,255,255,.08)}.pagination-btn{padding:3px 7px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:10px;cursor:pointer;transition:all .2s;font-weight:500}.pagination-btn:hover:not(:disabled){background:#10b9811a;border-color:#10b9814d;color:#10b981}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{color:#9ca3af;font-size:10.5px;font-weight:500}.conversation-name-section{grid-column:1 / -1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:5px;padding:5px 8px}.section-label{display:flex;align-items:center;gap:4px;color:#fff;font-size:10.5px;font-weight:500;margin-bottom:4px}.conversation-name-input{width:100%;padding:5px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:11.5px;transition:all .2s;outline:none}.conversation-name-input::placeholder{color:#6b7280}.conversation-name-input:focus{background:#ffffff14;border-color:#10b98180;box-shadow:0 0 0 2px #10b9811a}.input-hint{margin-top:2px;color:#6b7280;font-size:9.5px;font-style:italic}.error-banner{grid-column:1 / -1;display:flex;align-items:center;gap:5px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:4px;padding:5px 7px;color:#fca5a5;font-size:10.5px}.info-banner{grid-column:1 / -1;display:flex;align-items:flex-start;gap:5px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:4px;padding:5px 7px}.conversation-modal-footer{background:#0003;border-top:1px solid rgba(255,255,255,.08);padding:8px 12px;display:flex;justify-content:flex-end;gap:6px}.footer-btn{padding:6px 12px;border:none;border-radius:5px;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:5px}.cancel-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#d1d5db}.cancel-btn:hover{background:#ffffff1a;color:#fff}.create-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.create-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.create-btn:disabled{background:#ffffff0d;color:#6b7280;cursor:not-allowed;box-shadow:none}.conversation-modal-container .flex{display:flex}.conversation-modal-container .items-center{align-items:center}.conversation-modal-container .gap-3{gap:.75rem}.conversation-modal-container .text-xl{font-size:1.25rem}.conversation-modal-container .text-lg{font-size:1.125rem}.conversation-modal-container .text-base{font-size:1rem}.conversation-modal-container .text-sm{font-size:.875rem}.conversation-modal-container .font-semibold{font-weight:600}.conversation-modal-container .font-medium{font-weight:500}.conversation-modal-container .text-white{color:#fff}.conversation-modal-container .text-gray-400{color:#9ca3af}.conversation-modal-container .text-emerald-400{color:#34d399}.conversation-modal-container .text-blue-400{color:#60a5fa}.conversation-modal-container .mt-1{margin-top:.25rem}.conversation-modal-container .mb-1{margin-bottom:.25rem}@media (max-width: 1200px){.conversation-modal-container{max-width:90%}.conversation-modal-body{grid-template-columns:1fr;gap:20px}}@media (max-width: 1024px){.conversation-modal-body{grid-template-columns:1fr}.conversation-modal-container{max-width:95%}}@media (max-width: 768px){.conversation-modal-container{width:98%;max-width:100%;max-height:95vh;border-radius:12px}.conversation-modal-header{padding:16px 20px;flex-direction:column;align-items:flex-start;gap:12px}.conversation-modal-header .flex{width:100%;justify-content:space-between;align-items:center}.conversation-modal-header h2{font-size:1.125rem}.conversation-modal-header p{font-size:.75rem}.close-button{position:absolute;top:16px;right:16px;width:36px;height:36px}.conversation-modal-body{padding:16px;gap:16px;grid-template-columns:1fr}.sede-selector{padding:16px}.sede-buttons-group{flex-direction:column;gap:10px}.sede-button{padding:10px 12px;font-size:13px}.user-selection-card{border-radius:10px}.card-header{padding:12px 16px}.card-body{padding:16px}.search-input{padding:10px 12px 10px 36px;font-size:13px}.modal-users-list{max-height:200px}.modal-user-item{padding:8px 12px;gap:10px}.modal-user-avatar{width:32px;height:32px;font-size:13px}.modal-user-name{font-size:13px}.modal-check-icon{width:22px;height:22px;font-size:12px}.pagination-wrapper{flex-wrap:wrap;gap:8px;padding-top:12px;margin-top:12px}.pagination-btn{flex:1;min-width:80px;padding:6px 12px;font-size:12px}.pagination-info{font-size:12px;flex-basis:100%;text-align:center}.conversation-name-section{padding:16px}.section-label{font-size:14px;margin-bottom:10px}.conversation-name-input{padding:12px 14px;font-size:13px}.input-hint{font-size:11px;margin-top:6px}.error-banner{padding:12px 14px;font-size:13px;gap:10px}.error-banner .text-lg{font-size:16px}.info-banner{padding:12px 14px;gap:10px}.info-banner .text-lg{font-size:16px}.info-banner p:first-child{font-size:13px;margin-bottom:4px}.info-banner p:last-child{font-size:11px}.conversation-modal-footer{padding:12px 16px;flex-direction:column-reverse;gap:10px}.footer-btn{padding:10px 16px;font-size:13px;width:100%;justify-content:center}.create-btn{order:2}.cancel-btn{order:1}}@media (max-width: 480px){.conversation-modal-container{width:100%;max-height:100vh;border-radius:0}.conversation-modal-header{padding:12px 16px}.conversation-modal-header h2{font-size:1rem}.conversation-modal-header p{display:none}.icon-wrapper{width:40px;height:40px}.icon-wrapper .text-xl{font-size:18px}.conversation-modal-body{padding:12px;gap:12px}.sede-selector{padding:12px}.sede-buttons-group{gap:8px}.sede-button{padding:8px 10px;font-size:11px;letter-spacing:.3px}.card-header{padding:10px 12px}.card-header h3{font-size:14px}.card-body{padding:12px}.search-input-wrapper{margin-bottom:12px}.search-input{padding:8px 10px 8px 32px;font-size:12px}.search-input-icon{left:10px;font-size:12px}.modal-users-list{max-height:150px}.modal-empty-state{padding:30px 15px;font-size:12px}.modal-user-item{padding:6px 10px;gap:8px}.modal-user-avatar{width:28px;height:28px;font-size:12px}.modal-user-name{font-size:12px}.modal-check-icon{width:20px;height:20px;font-size:11px}.pagination-wrapper{padding-top:10px;margin-top:10px;gap:6px}.pagination-btn{min-width:70px;padding:5px 8px;font-size:11px}.pagination-info{font-size:11px}.conversation-name-section{padding:12px}.section-label{font-size:13px;margin-bottom:8px}.conversation-name-input{padding:10px 12px;font-size:12px}.input-hint{font-size:10px;margin-top:4px}.error-banner{padding:10px 12px;font-size:12px;gap:8px}.info-banner{padding:10px 12px;gap:8px}.info-banner p:first-child{font-size:12px;margin-bottom:2px}.info-banner p:last-child{font-size:10px}.conversation-modal-footer{padding:10px 12px;gap:8px}.footer-btn{padding:8px 12px;font-size:12px}}.manage-conversations-modal{max-width:900px;max-height:85vh;display:flex;flex-direction:column}.manage-conversations-modal .modal-header{padding:1.25rem 1.5rem}.manage-conversations-modal .modal-header h2{display:flex;align-items:center;gap:.75rem}.manage-conversations-modal .close-btn{background:none;border:none;color:#8696a0;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.manage-conversations-modal .close-btn:hover{background-color:#ffffff1a;color:#e9edef;transform:rotate(90deg)}.manage-conversations-modal .modal-footer{padding:1rem 1.5rem;border-top:1px solid #374045;background-color:#111b21;display:flex;justify-content:flex-end;gap:.75rem}.manage-conversations-modal .modal-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.conversations-list{display:flex;flex-direction:column;gap:.875rem}.conversation-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e8e8e8;border-radius:8px;padding:.75rem 1rem;transition:all .3s ease;box-shadow:0 1px 3px #0000000d}.conversation-card:hover{box-shadow:0 8px 24px #a501041f;border-color:#a50104;transform:translateY(-2px)}.conversation-header{margin-bottom:.5rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.conversation-header h3{font-size:.95rem}.conversation-actions{display:flex;gap:.5rem}.action-btn{padding:.4rem;border-radius:6px;font-size:.9rem;width:30px;height:30px}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.edit-btn{color:#3498db}.edit-btn:hover{background:#3498db;color:#fff;border-color:#3498db}.delete-btn{color:#e74c3c}.delete-btn:hover{background:#e74c3c;color:#fff;border-color:#e74c3c}.conversation-description{color:#7f8c8d;font-size:.875rem;margin-bottom:.75rem;line-height:1.4}.conversation-info{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;font-size:.8rem}.info-item{display:flex;align-items:center;gap:.4rem;white-space:nowrap}.info-item>span:first-of-type{font-weight:600;font-size:.75rem;color:#666;margin-right:4px}.info-item svg{color:#00bfa5;font-size:.9rem;flex-shrink:0}.participants{display:flex;flex-wrap:wrap;gap:.4rem}.participant-badge{padding:.15rem .6rem;font-size:.7rem;border-radius:12px}.status,.date{font-size:.7rem;padding:.15rem .6rem}.participant-badge:hover{transform:scale(1.05);box-shadow:0 4px 12px #a501044d}.date{color:#7f8c8d;font-size:.8rem}.status{padding:.35rem .85rem;border-radius:20px;font-size:.78rem;font-weight:700;letter-spacing:.3px;box-shadow:0 2px 4px #0000001a}.status.active{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724;border:1px solid #b1dfbb}.status.expiring-soon{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404;border:1px solid #ffd966}.status.expired{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;border:1px solid #f1b0b7}.edit-mode{display:flex;flex-direction:column;gap:1rem}.edit-mode .form-group{display:flex;flex-direction:column;gap:.5rem}.edit-mode label{font-weight:600;color:#2c3e50;font-size:.9rem}.edit-mode input,.edit-mode textarea{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;font-family:inherit;transition:border-color .2s ease;background:#fff;color:#2c3e50}.edit-mode input:focus,.edit-mode textarea:focus{outline:none;border-color:#00bfa5}.edit-mode input::placeholder,.edit-mode textarea::placeholder{color:#95a5a6}.edit-mode textarea{resize:vertical;min-height:80px}.edit-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-save,.btn-cancel{padding:.7rem 1.75rem;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:.9rem;letter-spacing:.3px}.btn-save{background:linear-gradient(135deg,#a50104,#8b0003);color:#fff;box-shadow:0 4px 12px #a501044d}.btn-save:hover{background:linear-gradient(135deg,#8b0003,#6b0002);transform:translateY(-2px);box-shadow:0 6px 20px #a5010466}.btn-cancel{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.btn-cancel:hover{background:#e8e8e8;border-color:#d0d0d0;transform:translateY(-1px)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#7f8c8d}.loading-state .spinner{width:36px;height:36px;border:3px solid #f3f3f3;border-top:3px solid #00bfa5;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.75rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state svg{color:#bdc3c7;margin-bottom:.75rem}.empty-state p{font-size:1rem;margin:0}@media (max-width: 768px){.manage-conversations-modal{max-width:95%;max-height:90vh}.conversation-card{padding:1rem}.conversation-header{flex-direction:column;align-items:flex-start;gap:.75rem}.conversation-actions{width:100%;justify-content:flex-end}.conversation-info{flex-wrap:wrap;gap:.5rem}.info-item{flex:1 1 auto}.participants{width:100%}}.sede-selector-compact{margin-bottom:12px;padding:8px 10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:6px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sede-selector-label{font-size:12px;font-weight:600;color:#e9edef;margin-bottom:6px;display:flex;align-items:center;gap:5px}.sede-buttons-group-compact{display:flex;gap:6px}.sede-button-compact{flex:1;padding:6px 10px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:5px;color:#ffffffb3;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.3px}.sede-button-compact:hover:not(.active){background:#ffffff14;border-color:#c62d4280;color:#ff6b6b;transform:translateY(-1px)}.sede-button-compact.active{background:linear-gradient(135deg,#c62d4240,#c62d4226);border-color:#c62d42;color:#ff6b6b;box-shadow:0 0 12px #c62d424d}.users-list-container{max-height:350px;overflow-y:auto;scroll-behavior:smooth}.users-list-container::-webkit-scrollbar{width:6px}.users-list-container::-webkit-scrollbar-track{background:#ffffff08;border-radius:6px}.users-list-container::-webkit-scrollbar-thumb{background:#00a88480;border-radius:6px;transition:all .3s ease}.users-list-container::-webkit-scrollbar-thumb:hover{background:#00a884cc;box-shadow:0 0 5px #00a8844d}.users-list-container{scrollbar-color:rgba(0,168,132,.5) rgba(255,255,255,.03);scrollbar-width:thin}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:999;animation:fadeIn .2s ease-in-out}.settings-panel{position:fixed;top:0;right:0;width:450px;height:100vh;background-color:#fff;box-shadow:-2px 0 10px #0000001a;z-index:1000;display:flex;flex-direction:column;animation:slideInRight .3s ease-out}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB;background-color:#f9fafb}.settings-header h2{margin:0;font-size:20px;font-weight:600;color:#111827;font-family:Inter,sans-serif}.settings-close-btn{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s;color:#6b7280}.settings-close-btn:hover{background-color:#e5e7eb;color:#111827}.settings-close-btn svg{width:20px;height:20px}.settings-content{flex:1;overflow-y:auto;padding:24px}.settings-section{margin-bottom:32px}.settings-section:last-child{margin-bottom:0}.settings-section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.settings-section-icon{width:20px;height:20px;color:#6b7280}.settings-section-header h3{margin:0;font-size:16px;font-weight:600;color:#111827;font-family:Inter,sans-serif}.settings-section-content{background-color:#f9fafb;border-radius:8px;padding:16px}.settings-item{padding:12px 0;border-bottom:1px solid #E5E7EB}.settings-item:last-child{border-bottom:none;padding-bottom:0}.settings-item:first-child{padding-top:0}.settings-item-label{font-size:13px;color:#6b7280;margin-bottom:4px;font-family:Inter,sans-serif}.settings-item-value{font-size:15px;color:#111827;font-weight:500;font-family:Inter,sans-serif}.settings-info-box{background-color:#eff6ff;border-left:3px solid #3B82F6;padding:12px 16px;border-radius:6px}.settings-info-box p{margin:0;font-size:14px;color:#1e40af;line-height:1.5;font-family:Inter,sans-serif}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 768px){.settings-panel{width:100%}}.settings-toggle-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.settings-toggle-label{font-size:15px;color:#111827;font-weight:500;font-family:Inter,sans-serif;margin-right:16px}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#3b82f6}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}html.dark .settings-panel{background-color:#1d1f1f!important;box-shadow:-2px 0 10px #00000080;border-left:1px solid #3a3a3a}html.dark .settings-header{background-color:#1d1f1f!important;border-bottom-color:#3a3a3a!important}html.dark .settings-header h2{color:#fff!important}html.dark .settings-close-btn{color:#9ca3af!important}html.dark .settings-close-btn:hover{background-color:#2a2a2a!important;color:#fff!important}html.dark .settings-section-header h3{color:#fff!important}html.dark .settings-section-icon{color:#9ca3af!important}html.dark .settings-section-content{background-color:#2a2a2a!important;border:1px solid #3a3a3a}html.dark .settings-item{border-bottom-color:#3a3a3a!important}html.dark .settings-item-label{color:#9ca3af!important}html.dark .settings-item-value,html.dark .settings-toggle-label{color:#e5e5e5!important}html.dark .slider{background-color:#4b5563}html.dark input:checked+.slider{background-color:#3b82f6}html.dark .slider:before{background-color:#e5e5e5}html.dark .settings-info-box{background-color:#3b82f61a!important;border-left-color:#3b82f6!important}html.dark .settings-info-box p{color:#93c5fd!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#111b21;overflow:hidden;transition:background-color .3s ease,color .3s ease}html.dark body{background-color:#1a1a1a;color:#e5e5e5}.App{height:100vh;width:100vw;display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box}@media (max-width: 900px){.App{min-width:100vw;min-height:100vh;font-size:15px}}@media (max-width: 600px){.App{min-width:100vw;min-height:100vh;font-size:13px;flex-direction:column;padding:0}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-image:url(/assets/login-C1Co_J8A.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;padding:20px;width:100%;box-sizing:border-box;position:relative}@media (max-width: 768px){.login-container{padding:16px;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh}}@media (max-width: 480px){.login-container{padding:12px;align-items:center;justify-content:center}}@media (max-width: 360px){.login-container{padding:8px;align-items:center;justify-content:center}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:silver;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}html.dark ::-webkit-scrollbar-track{background:#2a2a2a}html.dark ::-webkit-scrollbar-thumb{background:#4a4a4a}html.dark ::-webkit-scrollbar-thumb:hover{background:#5a5a5a}@media (max-width: 768px){body{-webkit-text-size-adjust:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}}@media screen and (-webkit-min-device-pixel-ratio: 0){input[type=text],input[type=password],input[type=email]{font-size:16px!important}}