*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-inset-1{inset:-.25rem}.inset-0{inset:0}.bottom-0{bottom:0}.bottom-32{bottom:8rem}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\/2{left:50%}.left-1\/4{left:25%}.left-4{left:1rem}.right-1\/3{right:33.333333%}.right-20{right:5rem}.right-3{right:.75rem}.right-32{right:8rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-1\/3{top:33.333333%}.top-4{top:1rem}.top-40{top:10rem}.z-10{z-index:10}.z-50{z-index:50}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-\[49px\]{margin-left:49px}.ml-\[4px\]{margin-left:4px}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-\[-17px\]{margin-top:-17px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-36{height:9rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-7{height:1.75rem}.h-96{height:24rem}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-7{width:1.75rem}.w-80{width:20rem}.w-96{width:24rem}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\[250px\]{min-width:250px}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-\[-100\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[-100\%\]{--tw-translate-x:-100%}.rotate-12{--tw-rotate:12deg}.rotate-12,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity))}.border-blue-300\/20{border-color:#93c5fd33}.border-green-400\/30{border-color:#4ade804d}.border-purple-400\/20{border-color:#c084fc33}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity))}.border-slate-700\/50{border-color:#33415580}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-blue-500\/30{background-color:#3b82f64d}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.bg-cyan-400\/10{background-color:#22d3ee1a}.bg-cyan-500\/20{background-color:#06b6d433}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-green-400\/20{background-color:#4ade8033}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.bg-purple-500\/30{background-color:#a855f74d}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity))}.bg-slate-800\/50{background-color:#1e293b80}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity))}.bg-slate-900\/40{background-color:#0f172a66}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-\[linear-gradient\(rgba\(255\2c 255\2c 255\2c 0\.02\)_1px\2c transparent_1px\)\2c linear-gradient\(90deg\2c rgba\(255\2c 255\2c 255\2c 0\.02\)_1px\2c transparent_1px\)\]{background-image:linear-gradient(#ffffff05 1px,#0000 0),linear-gradient(90deg,#ffffff05 1px,#0000 0)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500\/0{--tw-gradient-from:#3b82f600 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500\/10{--tw-gradient-from:#3b82f61a var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-cyan-500\/0{--tw-gradient-from:#06b6d400 var(--tw-gradient-from-position);--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:#10b98100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-500\/0{--tw-gradient-from:#10b98100 var(--tw-gradient-from-position);--tw-gradient-to:#10b98100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-500\/10{--tw-gradient-from:#10b9811a var(--tw-gradient-from-position);--tw-gradient-to:#10b98100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400{--tw-gradient-from:#4ade80 var(--tw-gradient-from-position);--tw-gradient-to:#4ade8000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-500\/20{--tw-gradient-from:#22c55e33 var(--tw-gradient-from-position);--tw-gradient-to:#22c55e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:#f9731600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500\/0{--tw-gradient-from:#f9731600 var(--tw-gradient-from-position);--tw-gradient-to:#f9731600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500\/10{--tw-gradient-from:#f973161a var(--tw-gradient-from-position);--tw-gradient-to:#f9731600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500\/0{--tw-gradient-from:#a855f700 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500\/10{--tw-gradient-from:#a855f71a var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-950{--tw-gradient-from:#020617 var(--tw-gradient-from-position);--tw-gradient-to:#02061700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/0{--tw-gradient-from:#fff0 var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-blue-500\/0{--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#3b82f600 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-blue-950{--tw-gradient-to:#17255400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#172554 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-cyan-300{--tw-gradient-to:#67e8f900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#67e8f9 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-500\/0{--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a855f700 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-500\/5{--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a855f70d var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-600{--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#9333ea var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white\/20{--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff3 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-cyan-500{--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)}.to-cyan-500\/0{--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position)}.to-cyan-500\/10{--tw-gradient-to:#06b6d41a var(--tw-gradient-to-position)}.to-cyan-600{--tw-gradient-to:#0891b2 var(--tw-gradient-to-position)}.to-emerald-500{--tw-gradient-to:#10b981 var(--tw-gradient-to-position)}.to-emerald-500\/20{--tw-gradient-to:#10b98133 var(--tw-gradient-to-position)}.to-green-500{--tw-gradient-to:#22c55e var(--tw-gradient-to-position)}.to-green-500\/0{--tw-gradient-to:#22c55e00 var(--tw-gradient-to-position)}.to-green-500\/10{--tw-gradient-to:#22c55e1a var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.to-pink-500\/0{--tw-gradient-to:#ec489900 var(--tw-gradient-to-position)}.to-pink-500\/10{--tw-gradient-to:#ec48991a var(--tw-gradient-to-position)}.to-purple-400{--tw-gradient-to:#c084fc var(--tw-gradient-to-position)}.to-purple-500\/0{--tw-gradient-to:#a855f700 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-red-500{--tw-gradient-to:#ef4444 var(--tw-gradient-to-position)}.to-red-500\/0{--tw-gradient-to:#ef444400 var(--tw-gradient-to-position)}.to-red-500\/10{--tw-gradient-to:#ef44441a var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to:#0f172a var(--tw-gradient-to-position)}.to-white\/0{--tw-gradient-to:#fff0 var(--tw-gradient-to-position)}.bg-\[size\:100px_100px\]{background-size:100px 100px}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{object-fit:cover}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.pr-12{padding-right:3rem}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-5xl{font-size:3rem;line-height:1}.text-\[2rem\]{font-size:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-green-100\/80{color:#dcfce7cc}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-white\/60{color:#fff9}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity))}.placeholder-slate-500::placeholder{--tw-placeholder-opacity:1;color:rgb(100 116 139/var(--tw-placeholder-opacity))}.opacity-0{opacity:0}.opacity-30{opacity:.3}.mix-blend-multiply{mix-blend-mode:multiply}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-lg{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.blur-2xl{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)}.blur-2xl{--tw-blur:blur(40px)}.blur-3xl{--tw-blur:blur(64px)}.blur-3xl,.drop-shadow-2xl{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)}.drop-shadow-2xl{--tw-drop-shadow:drop-shadow(0 25px 25px #00000026)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-2xl{--tw-backdrop-blur:blur(40px)}.backdrop-blur-2xl,.backdrop-blur-md{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[mask-image\:radial-gradient\(ellipse_80\%_50\%_at_50\%_50\%\2c black\2c transparent\)\]{-webkit-mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,#000,#0000);mask-image:radial-gradient(ellipse 80% 50% at 50% 50%,#000,#0000)}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-400\/50:hover{border-color:#60a5fa80}.hover\:border-emerald-400\/50:hover{border-color:#34d39980}.hover\:border-orange-400\/50:hover{border-color:#fb923c80}.hover\:border-purple-400\/50:hover{border-color:#c084fc80}.hover\:border-white\/30:hover{border-color:#ffffff4d}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-gray-400:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity))}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.hover\:bg-red-500:hover{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity))}.hover\:bg-slate-600:hover{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity))}.hover\:bg-yellow-200:hover{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity))}.hover\:from-blue-500:hover{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:via-purple-500:hover{--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a855f7 var(--tw-gradient-via-position),var(--tw-gradient-to)}.hover\:to-cyan-500:hover{--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-blue-500\/20:hover{--tw-shadow-color:#3b82f633;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-blue-500\/50:hover{--tw-shadow-color:#3b82f680;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-emerald-500\/20:hover{--tw-shadow-color:#10b98133;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-orange-500\/20:hover{--tw-shadow-color:#f9731633;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-purple-500\/20:hover{--tw-shadow-color:#a855f733;--tw-shadow:var(--tw-shadow-colored)}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.focus\:border-cyan-500:focus{--tw-border-opacity:1;border-color:rgb(6 182 212/var(--tw-border-opacity))}.focus\:bg-slate-800\/80:focus{background-color:#1e293bcc}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:hover\:scale-100:hover:disabled{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus-within .group-focus-within\:from-blue-500\/10{--tw-gradient-from:#3b82f61a var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:focus-within .group-focus-within\:from-cyan-500\/10{--tw-gradient-from:#06b6d41a var(--tw-gradient-from-position);--tw-gradient-to:#06b6d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:focus-within .group-focus-within\:via-blue-500\/10{--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#3b82f61a var(--tw-gradient-via-position),var(--tw-gradient-to)}.group:focus-within .group-focus-within\:via-purple-500\/10{--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a855f71a var(--tw-gradient-via-position),var(--tw-gradient-to)}.group:focus-within .group-focus-within\:to-cyan-500\/10{--tw-gradient-to:#06b6d41a var(--tw-gradient-to-position)}.group:focus-within .group-focus-within\:to-purple-500\/10{--tw-gradient-to:#a855f71a var(--tw-gradient-to-position)}.group:hover .group-hover\:translate-x-\[100\%\]{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:from-blue-500\/10{--tw-gradient-from:#3b82f61a var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:from-emerald-500\/10{--tw-gradient-from:#10b9811a var(--tw-gradient-from-position);--tw-gradient-to:#10b98100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:from-orange-500\/10{--tw-gradient-from:#f973161a var(--tw-gradient-from-position);--tw-gradient-to:#f9731600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:from-purple-500\/10{--tw-gradient-from:#a855f71a var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:to-cyan-500\/10{--tw-gradient-to:#06b6d41a var(--tw-gradient-to-position)}.group:hover .group-hover\:to-green-500\/10{--tw-gradient-to:#22c55e1a var(--tw-gradient-to-position)}.group:hover .group-hover\:to-pink-500\/10{--tw-gradient-to:#ec48991a var(--tw-gradient-to-position)}.group:hover .group-hover\:to-red-500\/10{--tw-gradient-to:#ef44441a var(--tw-gradient-to-position)}.group:hover .group-hover\:opacity-50{opacity:.5}@media (min-width:640px){.sm\:right-4{right:1rem}.sm\:mb-2{margin-bottom:.5rem}.sm\:mb-4{margin-bottom:1rem}.sm\:h-12{height:3rem}.sm\:h-16{height:4rem}.sm\:h-5{height:1.25rem}.sm\:h-6{height:1.5rem}.sm\:h-8{height:2rem}.sm\:w-12{width:3rem}.sm\:w-16{width:4rem}.sm\:w-5{width:1.25rem}.sm\:w-6{width:1.5rem}.sm\:w-8{width:2rem}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.sm\:rounded-2xl{border-radius:1rem}.sm\:rounded-3xl{border-radius:1.5rem}.sm\:rounded-xl{border-radius:.75rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:py-4{padding-bottom:1rem;padding-top:1rem}.sm\:pr-14{padding-right:3.5rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:p-10{padding:2.5rem}.md\:p-6{padding:1.5rem}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:gap-12{gap:3rem}.lg\:text-7xl{font-size:4.5rem;line-height:1}}.chat-container{background-color:#f8fafc;background-color:var(--bg-secondary);display:flex;height:100vh}.sidebar{background-color:#1e293b;background-color:var(--sidebar-bg);box-shadow:4px 0 6px -1px #0000001a;color:#fff;display:flex;flex-direction:column;overflow:hidden;position:relative;width:320px}.sidebar-body{flex:1 1;overflow-y:auto}.sidebar-header{align-items:center;border-bottom:1px solid #334155;border-bottom:1px solid var(--sidebar-border);display:flex;justify-content:space-between;margin-left:-13px;padding:.4rem 1rem;position:relative}.sidebar-title{font-size:1.125rem;font-weight:600;margin:0}.menu-button{align-items:center;background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-left:-20px;padding:.5rem;transition:background-color .2s}.menu-button:hover{background-color:#334155}.dropdown-menu{background-color:#fff;background-color:var(--bg-primary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:0 10px 15px -3px var(--shadow-md);margin-top:.5rem;min-width:200px;overflow:hidden;position:absolute;right:2rem;top:51%;z-index:10}.status-display{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:.5rem;padding:.75rem 1rem}.status-text{color:#6b7280}.dropdown-button,.status-text{font-size:.875rem;font-weight:500}.dropdown-button{align-items:center;background-color:initial;border:none;color:#374151;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s;width:100%}.dropdown-button:hover{background-color:#f3f4f6}.status-submenu{background-color:#fafafa;border-top:1px solid #e5e7eb;padding:.5rem 0}.status-option{align-items:center;background-color:initial;border:none;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.625rem 1rem .625rem 2rem;text-align:left;transition:background-color .2s;width:100%}.status-option:hover{background-color:#f3f4f6}.status-option.active,.status-option.active:hover{background-color:#e0f2fe}.status-option-text{font-weight:400}.status-option.active .status-option-text{font-weight:600}.status-checkmark{color:#0891b2;margin-left:auto}.logout-button{align-items:center;background-color:initial;border:none;border-top:1px solid #e5e7eb;color:#dc2626;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s;width:100%}.logout-button:hover{background-color:#fef2f2}.employee-list{flex:1 1;overflow-y:auto;padding:.5rem 0}.employee-item{align-items:center;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;transition:background-color .2s}.employee-item:not(:last-child){border-bottom:1px solid #334155}.employee-item.selected,.employee-item:hover{background-color:#334155}.employee-avatar{align-items:center;background-color:#6b7280;border-radius:50%;color:#fff;display:flex;font-size:.875rem;font-weight:600;height:40px;justify-content:center;position:relative;width:40px}.employee-avatar.current-user{background-color:#3b82f6}.status-indicator{border:2px solid #1e293b;bottom:2px;height:11px;position:absolute;right:-1px;width:11px}.employee-name{color:#fff;font-size:.875rem;font-weight:400;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-name.current-user{color:#60a5fa;font-weight:600}.employee-status{color:#94a3b8;font-size:.75rem;text-transform:capitalize}.sidebar-footer{background-color:#0f172a;border-top:1px solid #334155;padding:1rem}.user-info{align-items:center;display:flex;gap:.5rem}.user-info-text{color:#94a3b8;font-size:.875rem}.user-info-name{color:#fff;font-weight:700}.chat-area{flex:1 1;flex-direction:column}.chat-area,.chat-header{background-color:#fff;background-color:var(--bg-primary);display:flex}.chat-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:0 1px 2px 0 var(--shadow-sm);justify-content:space-between;padding:1rem 1.5rem}.chat-header-left{gap:1rem}.chat-avatar,.chat-header-left{align-items:center;display:flex}.chat-avatar{background-color:#6b7280;border-radius:50%;color:#fff;font-size:1rem;font-weight:600;height:45px;justify-content:center;position:relative;width:45px}.chat-status-indicator{border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.chat-user-name{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.chat-user-status{color:#6b7280;font-size:.875rem;margin:0;text-transform:capitalize}.chat-actions{display:flex;gap:.5rem}.action-button{background-color:initial;border:1px solid #e5e7eb;padding:.5rem;transition:all .2s}.action-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.messages-area{background-color:#f8fafc;background-color:var(--bg-secondary);display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-y:auto;padding:1rem}.empty-messages{color:#9ca3af;font-size:.875rem;margin:auto}.message-wrapper{align-items:flex-end;display:flex;gap:.5rem;margin-bottom:.25rem}.message-wrapper.sent{justify-content:flex-end}.message-wrapper.received{justify-content:flex-start}.message-avatar{align-items:center;background-color:#6b7280;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:32px;justify-content:center}.message-avatar,.message-avatar-spacer{flex-shrink:0;width:32px}.message-content{display:flex;flex-direction:column;max-width:60%;min-width:0}.message-sender{font-size:.75rem;font-weight:600;margin-bottom:.25rem;max-width:300px;overflow:hidden;padding:0 .25rem;text-overflow:ellipsis;white-space:nowrap}.message-sender.sent{color:#3b82f6;text-align:right}.message-sender.received{color:#6b7280;text-align:left}.message-bubble{border-radius:16px;box-shadow:0 1px 2px 0 #0000000d;display:inline-block;max-width:100%;padding:.5rem 1rem;width:-webkit-fit-content;width:fit-content;word-break:break-word}.message-bubble.sent{background-color:#3b82f6;border-bottom-right-radius:4px;color:#fff;margin-left:auto}.message-bubble.received{background-color:#fff;background-color:var(--message-received-bg);border:1px solid #e5e7eb;border:1px solid var(--message-received-border);border-bottom-left-radius:4px;color:#111827;color:var(--message-received-text)}.message-text{font-size:.875rem;line-height:1.5;margin:0}.message-time{display:block;font-size:.7rem;margin-top:.25rem}.message-wrapper.sent .message-time{color:#4b5563;text-align:right}.message-wrapper.received .message-footer{justify-content:flex-start}.message-wrapper.received .message-time{color:#4b5563;margin-left:2px;text-align:left}.message-bubble.received .message-time{color:#4b5563;text-align:left}.message-bubble.sent .message-time{color:#6b7280;text-align:right}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:#f1f5f9}.messages-area::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.messages-area::-webkit-scrollbar-thumb:hover{background:#94a3b8}.message-input-area{background:linear-gradient(135deg,#1e293b,#1e3a8a 50%,#1e293b);border-top:1px solid #e5e7eb;padding:1rem 1.5rem}.message-input-container{gap:.75rem;width:100%}.message-input{background-color:initial;border:none;color:#111827;color:var(--text-primary);font-family:inherit;line-height:1.5;max-height:none;min-height:40px;padding:10px 6px;resize:none;width:100%}.files-preview-container{background-color:#f3f4f680;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:column;flex-shrink:0;gap:4px;padding:4px 12px 8px;position:static}.files-preview-container::-webkit-scrollbar{width:4px}.files-preview-container::-webkit-scrollbar-track{background:#0000}.files-preview-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.file-preview-inside{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;display:flex;font-size:.875rem;gap:6px;left:auto;padding:4px 8px;position:relative;top:auto}.send-button{font-size:.875rem;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.send-button:enabled{background-color:#3b82f6;cursor:pointer}.send-button:enabled:hover{background-color:#2563eb}.send-button:disabled{background-color:#e5e7eb}.welcome-screen{align-items:center;color:#6b7280;display:flex;flex:1 1;flex-direction:column;justify-content:center}.welcome-content{text-align:center}.welcome-title{color:#374151;font-size:1.5rem;margin-bottom:.5rem}.welcome-text{font-size:1rem}.backdrop{bottom:0;left:0;right:0;top:0;z-index:2}.chat-search-bar{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:8px;position:relative}.clear-search-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:14px;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.chat-search-input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;padding:6px 10px;width:100%}.chat-search-input:focus{border-color:#3b82f6}.group-popup-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.group-popup{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;left:50%;max-height:80vh;max-width:600px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.group-popup-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px}.group-popup-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.close-popup-btn{border-radius:4px;padding:4px;transition:background-color .2s}.group-popup-content{flex:1 1;overflow-y:auto;padding:20px}.group-name-section{margin-bottom:20px}.group-name-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.group-name-section label{color:#374151;font-size:14px;font-weight:500;margin:0}.group-name-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.group-name-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.unified-input-container{background-color:#fff;background-color:var(--input-bg);border:1px solid #e5e7eb;border:1px solid var(--input-border);border-radius:8px;display:flex;flex:1 1;flex-direction:column;max-height:200px;overflow:hidden;position:relative}.scrollable-content-wrapper{display:flex;flex-direction:column;max-height:100%;overflow-y:auto;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.scrollable-content-wrapper::-webkit-scrollbar{width:6px}.scrollable-content-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.scrollable-content-wrapper::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.scrollable-content-wrapper::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.add-people-btn{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:background-color .2s}.add-people-section{margin-top:16px}.add-people-btn:hover{background-color:#2563eb}.search-members{align-items:center;border:1px solid #d1d5db;border-radius:8px;display:flex;gap:8px;margin-bottom:16px;padding:10px 12px}.search-members-input{border:none;flex:1 1;font-size:14px;outline:none}.members-table{border:1px solid #e5e7eb;border-radius:8px;max-height:300px;overflow-y:auto}.members-table table{border-collapse:collapse;width:100%}.members-table thead{background-color:#f9fafb;position:-webkit-sticky;position:sticky;top:0;z-index:1}.members-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;padding:12px;text-align:left;text-transform:uppercase}.members-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:12px}.members-table tbody tr:hover{background-color:#f9fafb}.members-table tbody tr:last-child td{border-bottom:none}.table-name-cell{gap:10px}.table-avatar,.table-name-cell{align-items:center;display:flex}.table-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.table-status{align-items:center;display:flex;gap:6px;text-transform:capitalize}.selected-members-summary{background-color:#eff6ff;border-radius:6px;color:#1e40af;font-size:14px;font-weight:500;margin-top:12px;padding:10px}.group-popup-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px}.cancel-btn{background-color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-btn:hover{background-color:#f9fafb}.create-group-btn{background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.create-group-btn:hover:not(:disabled){background-color:#059669}.create-group-btn:disabled{background-color:#d1d5db;cursor:not-allowed}.groups-divider{align-items:center;border-bottom:1px solid #334155;border-top:1px solid #334155;display:flex;padding:1rem}.groups-divider span{color:#fff;font-size:1.125rem;font-weight:600}.groups-list{flex:0 0 auto;overflow-y:auto;padding-bottom:0}.group-item{cursor:pointer}.group-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center}.group-details-panel{background:#f8fafc;border-bottom:1px solid #e2e8f0;max-height:300px;overflow-y:auto;padding:16px}.group-details-panel h4{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:12px}.group-members-list{display:flex;flex-direction:column;gap:8px}.group-member-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;padding:8px}.member-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-shrink:0;font-size:14px}.member-info{min-width:0}.member-name{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:500;gap:8px}.admin-badge{background:#3b82f6;border-radius:4px;color:#fff;display:inline-block;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.member-email{color:#64748b;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-member-btn{align-items:center;background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background-color .2s}.remove-member-btn:hover{background:#fee2e2}.action-button{align-items:center;background:none;display:flex;justify-content:center;transition:background-color .2s}.action-button:hover{background:#f1f5f9}.action-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.group-details-panel{max-height:200px}.member-email{display:none}}.date-separator{align-items:center;display:flex;gap:12px;justify-content:center;margin:24px 0;position:relative}.date-separator-line{background:linear-gradient(90deg,#0000,#94a3b84d 20%,#94a3b84d 80%,#0000);flex:1 1;height:1px}.date-separator-text{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #94a3b833;border-radius:20px;box-shadow:0 2px 8px #00000014;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 16px;position:relative;text-transform:uppercase;white-space:nowrap;z-index:1}.date-separator-text.animated{animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#667eea);background-size:200% 200%;border:none;color:#fff}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.date-separator.minimalist .date-separator-line{display:none}.date-separator.minimalist .date-separator-text{background:#0000;border:none;box-shadow:none;color:#94a3b8;font-size:11px;padding:4px 12px}.date-separator.glass .date-separator-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;box-shadow:0 8px 32px #0000001a}@media (prefers-color-scheme:dark){.date-separator-line{background:linear-gradient(90deg,#0000,#47556966 20%,#47556966 80%,#0000)}.date-separator-text{background:linear-gradient(135deg,#1e293b,#334155);border-color:#47556966;color:#cbd5e1}.date-separator.glass .date-separator-text{background:#1e293bb3;border-color:#4755694d}}.chat-header-gradient{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a8a 50%,#0f172a);border-bottom:1px solid #3b82f633;box-shadow:0 4px 12px #00000026;display:flex;justify-content:space-between;padding:16px 24px}.chat-header-gradient .chat-header-left{align-items:center;display:flex;gap:12px}.chat-header-gradient .chat-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;box-shadow:0 2px 8px #3b82f64d;color:#fff;display:flex;font-size:16px;font-weight:600;height:48px;justify-content:center;position:relative;width:48px}.chat-header-gradient .chat-user-name{color:#f1f5f9;font-size:18px;font-weight:600;margin:0}.chat-header-gradient .chat-user-status{color:#94a3b8;font-size:13px;margin:2px 0 0}.chat-header-gradient .chat-actions{display:flex;gap:8px}.chat-header-gradient .action-button{align-items:center;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .2s}.chat-header-gradient .action-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.attachment-button{align-items:center;background:#0000;border:none;border-radius:6px;color:#60a5fa;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.attachment-button:hover{background:#f3f4f6;color:#3b82f6}.attachment-button:disabled{cursor:not-allowed;opacity:.5}.attachment-name.sender{color:#fff}.attachment-container.sender{background:#3b82f6}.attachment-name.receiver{color:#000}.attachment-container.receiver{background:#fff}.selected-file-preview{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;display:flex;gap:8px;margin-bottom:8px;padding:12px 16px}.selected-file-name{color:#e2e8f0;flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-file-size{color:#94a3b8;font-size:12px}.remove-file-btn{align-items:center;background:#ef44441a;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background .2s}.remove-file-btn:hover{background:#ef444433}.attachment-container{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;max-width:100%;min-width:280px;padding:12px}.message-bubble.sent .attachment-container{background:#1e293b;border-color:#3b82f633}.attachment-icon{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.attachment-info{flex:1 1;min-width:0}.attachment-name{color:#1e293b;font-size:14px;font-weight:500;max-width:180px;overflow:hidden;position:relative;text-overflow:ellipsis;white-space:nowrap}.attachment-name:hover:after{word-wrap:break-word;background:#333;border-radius:4px;box-shadow:0 2px 5px #0003;color:#fff;content:attr(data-full-name);font-size:12px;left:0;max-width:300px;padding:4px 8px;position:absolute;top:-30px;white-space:nowrap;z-index:100}@media (prefers-color-scheme:dark){.attachment-name:hover:after{background:#e5e7eb;color:#333}}@media (max-width:768px){.attachment-name{max-width:120px}}.attachment-size{color:#64748b;font-size:12px}.attachment-download{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s}.attachment-download:hover{background:#2563eb;transform:scale(1.05)}.upload-spinner{margin-right:8px}.send-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s;white-space:nowrap}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.send-button:disabled{background:#cbd5e1;cursor:not-allowed;transform:none}.attachment-icon[data-type=pdf]{background:#fee2e2}.attachment-icon[data-type=doc],.attachment-icon[data-type=docx]{background:#dbeafe}.attachment-icon[data-type=csv],.attachment-icon[data-type=xls],.attachment-icon[data-type=xlsx]{background:#dcfce7}.attachment-icon[data-type=rar],.attachment-icon[data-type=zip]{background:#fef3c7}.attachment-icon[data-type=gif],.attachment-icon[data-type=jpeg],.attachment-icon[data-type=jpg],.attachment-icon[data-type=png]{background:#fae8ff}@media (max-width:768px){.attachment-container{min-width:200px}.selected-file-preview{flex-wrap:wrap}.chat-header-gradient{padding:12px 16px}}@media (prefers-color-scheme:dark){.attachment-container{background:#1e293b;border-color:#334155}.attachment-icon{background:#334155}.attachment-name{color:#f9f8f8}.selected-file-preview{background:#1e3a5f;border-color:#3b82f6}.selected-file-name{color:#93c5fd}}.sidebar-search-container{border-bottom:1px solid #3b82f633;padding:.75rem 1rem}.sidebar-search{align-items:center;display:flex;position:relative}.sidebar-search-icon{color:#94a3b8;left:.75rem;pointer-events:none;position:absolute}.sidebar-search-input{background:#ffffff0d;border:1px solid #94a3b833;border-radius:.5rem;color:#e2e8f0;font-size:.875rem;outline:none;padding:.625rem .75rem .625rem 2.5rem;transition:all .2s;width:100%}.sidebar-search-input::placeholder{color:#94a3b8}.sidebar-search-input:focus{background:#ffffff14;border-color:#3b82f680}.sidebar-search-clear{align-items:center;background:#ef44441a;border:none;border-radius:.25rem;color:#fca5a5;cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.5rem;transition:background .2s}.sidebar-search-clear:hover{background:#ef444433}.chat-link{color:#dee0e6;text-decoration:underline;transition:color .2s ease;word-break:break-all}.chat-link:hover{color:#2563eb}.message-bubble.sent .chat-link{color:#bfdbfe}.message-text mark{background-color:#fde68a;border-radius:2px;color:inherit;padding:0 2px}.message-bubble.sent .message-text mark{background-color:#fcd34d;color:#1e3a8a}.message-bubble.sent .chat-link:hover{color:#fff}.voice-recorder-container{align-items:center;animation:slideUp .3s ease-out;background:linear-gradient(90deg,#fef2f2,#fee2e2);border-top:1px solid #fca5a5;display:flex;gap:12px;padding:12px 16px}.recording-indicator{gap:8px}.recording-dot{animation:pulse 1.5s ease-in-out infinite;background-color:#dc2626;border-radius:50%;height:12px;width:12px}.recording-timer{color:#1f2937;font-family:Courier New,monospace;font-size:24px;font-weight:700;min-width:80px;text-align:center}.voice-controls{display:flex;gap:8px;margin-left:auto}.voice-button{align-items:center;border:none;border-radius:9999px;color:#60a5fa;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.voice-button:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.voice-button:disabled{cursor:not-allowed;opacity:.5}.voice-button-pause{background-color:#fef3c7;color:#92400e}.voice-button-pause:hover{background-color:#fde68a}.voice-button-cancel{background-color:#fee2e2;color:#991b1b;padding:8px}.voice-button-cancel:hover{background-color:#fecaca}.voice-button-stop{background-color:#3b82f6;color:#fff;padding:8px}.voice-button-stop:hover{background-color:#2563eb}.voice-preview-container{align-items:center;background:linear-gradient(90deg,#dbeafe,#bfdbfe);border-top:1px solid #93c5fd;display:flex;gap:12px;padding:12px 16px}.voice-preview-info{flex:1 1}.voice-preview-title{color:#1e40af;font-size:14px;font-weight:500}.voice-preview-duration{color:#6b7280;font-size:12px}.voice-button-delete{background-color:#fee2e2;color:#991b1b;padding:8px}.voice-button-delete:hover{background-color:#fecaca}.voice-button-send{background-color:#10b981;color:#fff;padding:8px 16px}.voice-button-send:hover{background-color:#059669}.voice-message-player{align-items:center;border-radius:12px;display:flex;gap:12px;max-width:350px;min-width:250px;padding:12px}.voice-message-player.sent{background-color:#dbeafe}.voice-message-player.received{background-color:#f3f4f6}.voice-play-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.voice-play-button.sent{background-color:#3b82f6;color:#fff}.voice-play-button.received{background-color:#4b5563;color:#fff}.voice-play-button:hover{opacity:.8;transform:scale(1.05)}.voice-waveform-container{flex:1 1;min-width:0}.voice-progress-bar{background-color:#ffffff80;border-radius:9999px;height:4px;overflow:hidden;position:relative}.voice-progress-fill{border-radius:9999px;height:100%;left:0;position:absolute;top:0;transition:width .1s linear}.voice-progress-fill.sent{background-color:#3b82f6}.voice-progress-fill.received{background-color:#4b5563}.voice-time-display{color:#6b7280;display:flex;font-size:11px;justify-content:space-between;margin-top:4px}.mic-button{position:relative;transition:all .2s}.mic-button:hover:not(:disabled){background-color:#f3f4f6;transform:scale(1.1)}.mic-button:active:not(:disabled){transform:scale(.95)}.upload-spinner{border:2px solid #fff;border-top-color:#0000}@media (max-width:768px){.voice-preview-container,.voice-recorder-container{padding:8px 12px}.recording-timer{font-size:20px}.voice-message-player{max-width:280px;min-width:200px}.voice-button{font-size:14px;padding:6px 12px}}.mic-button:focus,.voice-button:focus,.voice-play-button:focus{outline:2px solid #3b82f6;outline-offset:2px}*{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.voice-uploading{opacity:.6;pointer-events:none}.voice-uploading:after{align-items:center;background:#fffc;content:"";display:flex;inset:0;justify-content:center;position:absolute}.pinned-messages-bar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:12px 20px}.pinned-message-content{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.pin-icon{animation:pinPulse 2s infinite;color:#fbbf24;flex-shrink:0}@keyframes pinPulse{0%,to{transform:rotate(0deg)}50%{transform:rotate(-10deg)}}.pinned-date{border-radius:10px;color:#fffc;font-size:11px;font-weight:500;padding:2px 8px;white-space:nowrap}.pinned-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px}.pinned-message-info{flex:1 1;min-width:0}.pinned-sender{color:#fffc;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:2px;text-transform:uppercase}.pinned-text{color:#fff;cursor:pointer;font-size:14px;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s;white-space:nowrap}.pinned-text:hover{opacity:.8;text-decoration:underline}.pinned-controls{flex-shrink:0;gap:12px}.pin-counter,.pinned-controls{align-items:center;display:flex}.pin-counter{background:#ffffff1a;border-radius:12px;color:#fff;font-size:12px;font-weight:500;gap:8px;padding:4px 8px}.pin-nav-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:18px;line-height:1;padding:0 4px;transition:opacity .2s}.pin-nav-btn:hover{opacity:.7;transform:scale(1.1)}.unpin-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.unpin-btn:hover{background:#ffffff4d;transform:scale(1.1)}.message-wrapper{position:relative}.message-hover-actions{position:absolute;top:50%;transform:translateY(-50%);z-index:5}.message-wrapper.sent .message-hover-actions{left:10px}.message-wrapper.received .message-hover-actions{right:10px}.pin-message-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.pin-message-btn:hover{background:#f3f4f6;color:#374151;transform:scale(1.1)}.pin-message-btn.pinned{background:#fef3c7;border-color:#fbbf24;color:#d97706}.pin-message-btn.pinned:hover{background:#fde68a}.message-bubble{position:relative}.pinned-indicator{align-items:center;animation:pinBadge .3s ease-out;background:#fbbf24;border-radius:12px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:10px;font-weight:600;gap:3px;padding:3px 8px;position:absolute;right:-8px;top:-8px;z-index:10}@keyframes pinBadge{0%{opacity:0;transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.highlight-message{animation:highlightPulse 2s ease-out}@keyframes highlightPulse{0%{background-color:initial}25%{background-color:#fbbf2433}50%{background-color:#fbbf244d}75%{background-color:#fbbf2433}to{background-color:initial}}.message-wrapper.sent{padding-left:40px}.message-wrapper.received{padding-right:40px}@media (max-width:768px){.pinned-messages-bar{padding:10px 15px}.pinned-text{font-size:13px}.pin-counter{font-size:11px;padding:3px 6px}.message-hover-actions{opacity:1}.pin-message-btn{padding:4px}}.importance-selector{align-items:center;border-right:0 solid #e5e7eb;display:flex;gap:4px;margin-right:8px;padding:0 8px}.importance-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:6px;position:relative;transition:all .2s}.importance-btn:hover{background:#f3f4f6;transform:scale(1.1)}.importance-btn.active{background:#f3f4f6;box-shadow:0 0 0 2px currentColor}.importance-btn:hover:after{animation:fadeIn .2s;background:#1f2937;border-radius:6px;bottom:calc(100% + 8px);color:#fff;content:attr(title);font-size:11px;left:50%;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.importance-badge{align-items:center;animation:importancePulse .3s ease-out;border:1px solid;border-radius:12px;display:inline-flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.5px;margin-bottom:8px;padding:3px 8px;text-transform:uppercase}@keyframes importancePulse{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.importance-badge span{line-height:1}.message-bubble.urgent{border-left:3px solid #ef4444;box-shadow:0 2px 8px #ef44441a}.message-bubble.important{border-left:3px solid #f59e0b;box-shadow:0 2px 8px #f59e0b1a}@keyframes urgentPulse{0%,to{box-shadow:0 2px 8px #ef44441a}50%{box-shadow:0 2px 12px #ef44444d}}.message-wrapper .message-bubble.urgent{animation:urgentPulse 2s infinite}.message-input-container{align-items:center;background:linear-gradient(135deg,#1e293b,#1e3a8a 50%,#1e293b);border-top:0 solid #e5e7eb;display:flex;gap:8px;padding:12px 16px;position:relative}.message-text{white-space:pre-wrap}.message-input{border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:14px;outline:none;padding:10px 16px;transition:border-color .2s}.message-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.employee-item.has-urgent:before,.group-item.has-urgent:before{animation:pulse 2s infinite;background:#ef4444;border-radius:50%;content:"";height:8px;position:absolute;right:8px;top:8px;width:8px}.employee-item.has-important:before,.group-item.has-important:before{animation:pulse 2s infinite;background:#f59e0b;border-radius:50%;content:"";height:8px;position:absolute;right:8px;top:8px;width:8px}@media (max-width:768px){.importance-selector{gap:2px;margin-right:4px;padding:0 4px}.importance-btn{padding:4px}.importance-badge{font-size:9px;padding:2px 6px}}.mention-dropdown{animation:slideUp .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:100%;box-shadow:0 10px 30px #00000026;left:48px;margin-bottom:8px;max-height:320px;overflow-y:auto;position:absolute;right:48px;z-index:1000}.mention-dropdown::-webkit-scrollbar{width:8px}.mention-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 12px 12px 0}.mention-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.mention-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.mention-option{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .15s ease}.mention-option:last-child{border-bottom:none}.mention-option.selected,.mention-option:hover{background:linear-gradient(90deg,#eff6ff,#dbeafe)}.mention-option.selected{background:linear-gradient(90deg,#dbeafe,#bfdbfe);border-left:3px solid #3b82f6;padding-left:13px}.mention-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 2px 4px #3b82f633;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:36px;justify-content:center;width:36px}.mention-avatar.everyone-avatar{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.mention-info{flex:1 1;min-width:0}.mention-name{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-option.selected .mention-name{color:#1e40af}.mention-email{color:#64748b;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mention-option.selected .mention-email{color:#3b82f6}.mention-no-results{color:#64748b;font-style:italic;padding:24px 16px}.mention-highlight{background:linear-gradient(90deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:4px;color:#1e40af;font-weight:600;padding:2px 6px}.mention-dropdown:before{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#64748b;content:"Use ↑↓ to navigate, Enter to select, Esc to close";display:block;font-size:11px;font-weight:500;padding:8px 16px;text-align:center}.mention-option:has(.everyone-avatar){background:linear-gradient(90deg,#faf5ff,#f3e8ff)}.mention-option:has(.everyone-avatar).selected,.mention-option:has(.everyone-avatar):hover{background:linear-gradient(90deg,#f3e8ff,#e9d5ff)}.mention-option:has(.everyone-avatar).selected{border-left-color:#8b5cf6}.mention-dropdown.loading{color:#64748b;padding:24px;text-align:center}.mention-dropdown.loading:before{content:"Loading members...";display:block}@media (max-width:768px){.mention-dropdown{left:12px;max-height:240px;right:12px}.mention-option{gap:10px;padding:10px 12px}.mention-avatar{font-size:13px;height:32px;width:32px}.mention-name{font-size:13px}.mention-email{font-size:11px}.mention-dropdown:before{display:none}}.mention-no-results{color:#9ca3af;font-size:14px;padding:20px;text-align:center}.message-footer{align-items:center;display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.message-status{font-weight:500;margin-left:4px}.global-search-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-top:8px;min-width:180px;padding:8px 86px;transition:all .2s;white-space:nowrap}.global-search-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px)}@media (max-width:600px){.global-search-btn{min-width:140px;padding:8px 60px}}.global-search-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.global-search-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;left:50%;max-height:80vh;max-width:700px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.global-search-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:20px}.global-search-input{border:none;color:#111827;flex:1 1;font-size:16px;outline:none}.global-search-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;padding:4px;transition:all .2s}.global-search-close:hover{background:#f3f4f6;color:#111827}.global-search-results{flex:1 1;overflow-y:auto;padding:16px}.search-empty,.search-loading{color:#6b7280;font-size:14px;padding:40px 20px;text-align:center}.search-section{margin-bottom:24px}.search-section-title{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;padding-left:4px;text-transform:uppercase}.search-result-item{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:4px;padding:12px;transition:all .2s}.search-result-item:hover{background:#f3f4f6}.search-result-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:600;height:40px;justify-content:center;width:40px}.search-result-icon{color:#6b7280;flex-shrink:0;margin-top:2px}.search-result-content{flex:1 1;min-width:0}.search-result-title{color:#111827;font-size:14px;font-weight:600;margin-bottom:4px}.search-result-subtitle{color:#6b7280;font-size:13px;margin-bottom:4px}.search-result-message{-webkit-box-orient:vertical;box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;color:#374151;display:flex;font-size:13px;line-height:1.4;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis}.search-result-message mark{background:#fef3c7;border-radius:3px;color:#92400e;font-weight:500;padding:2px 4px}.search-result-time{color:#9ca3af;font-size:12px}.group-name-edit-container{align-items:center;display:flex;gap:8px}.group-name-edit-input{background:#ffffff1a;border:2px solid #3b82f6;border-radius:6px;color:#fff;font-size:18px;font-weight:600;min-width:200px;outline:none;padding:6px 12px}.group-name-edit-input:focus{background:#ffffff26;border-color:#60a5fa}.group-name-cancel-btn,.group-name-save-btn{background:#ffffff1a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:6px 10px;transition:all .2s}.group-name-save-btn:hover{background:#10b981}.group-name-cancel-btn:hover{background:#ef4444}.edit-group-name-btn{background:none;border:none;cursor:pointer;font-size:16px;margin-left:8px;opacity:.7;padding:4px;transition:opacity .2s,transform .2s}.edit-group-name-btn:hover{opacity:1;transform:scale(1.1)}.chat-user-name{align-items:center;display:flex}.employee-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.employee-info-top{align-items:center;display:flex;gap:8px;justify-content:space-between}.employee-info-bottom{display:flex;flex-direction:column;gap:2px}.last-message-time{color:#94a3b8;flex-shrink:0;font-size:11px;white-space:nowrap}.last-message-preview{color:#64748b;font-size:12px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message-preview.unread{color:#e2e8f0;font-weight:500}.unread-badge{background:#ef4444;border-radius:9px;box-shadow:0 2px 4px #0000004d;font-size:10px;font-weight:600;height:18px;min-width:18px;padding:0 4px;right:-4px;top:-4px}.profile-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin-bottom:8px;padding:10px 16px;transition:all .2s ease;width:100%}.profile-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.profile-button:active{transform:translateY(0)}.profile-modal-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.profile-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #3b82f633;border-radius:16px;box-shadow:0 20px 60px #00000080;left:50%;max-height:80vh;max-width:500px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.profile-modal-header{align-items:center;background:#0f172acc;border-bottom:1px solid #1e293b;display:flex;justify-content:space-between;padding:20px 24px}.profile-modal-header h3{color:#f1f5f9;font-size:20px;font-weight:600;margin:0}.close-profile-btn{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.close-profile-btn:hover{background:#ef44441a;color:#ef4444}.profile-modal-content{max-height:calc(80vh - 80px);overflow-y:auto;padding:24px}.profile-loading{gap:16px;padding:40px}.profile-loading p{color:#94a3b8;font-size:14px}.profile-avatar-section{align-items:center;border-bottom:1px solid #1e293b;display:flex;flex-direction:column;margin-bottom:24px;padding:20px 0}.profile-avatar-large{box-shadow:0 8px 24px #3b82f64d;font-size:36px;font-weight:600;margin-bottom:16px}.profile-name{color:#f1f5f9;font-size:24px;margin:0 0 8px}.profile-designation{color:#3b82f6;font-size:14px;font-weight:500}.profile-details-section{gap:16px}.profile-detail-item{background:#1e293b80;border:1px solid #1e293b;border-radius:12px;padding:16px;transition:all .2s ease}.profile-detail-item:hover{background:#1e293bb3;border-color:#3b82f64d}.profile-detail-label{font-size:12px;gap:8px;letter-spacing:.5px;margin-bottom:8px}.profile-detail-value{color:#f1f5f9;font-size:16px;font-weight:500}.profile-error{color:#94a3b8;padding:40px}.profile-error p{font-size:14px}.action-button{background:#0000;border:none;border-radius:8px;cursor:pointer;padding:8px;transition:.2s ease}.action-button:hover{background:#1e293b33}.action-button.active{background:#3b82f6}.action-button.active svg{color:#fff!important}.notification-bell-btn{background:none;border:none;border-radius:8px;color:#60a5fa;cursor:pointer;padding:8px;position:relative;transition:background-color .2s}.notification-bell-btn:hover{background-color:#60a5fa1a}.notification-badge{background-color:#ef4444;border-radius:10px;color:#fff;font-size:10px;font-weight:700;min-width:16px;padding:2px 6px;position:absolute;right:4px;text-align:center;top:4px}.notifications-dropdown{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-height:500px;overflow:hidden;position:absolute;right:20px;top:60px;width:350px;z-index:1000}.notifications-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px}.notifications-header h3{font-size:16px;margin:0}.notifications-header button{background:none;border:none;color:#60a5fa;cursor:pointer;font-size:14px}.notifications-list{max-height:400px;overflow-y:auto}.notification-item{border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:background-color .2s}.notification-item:hover{background-color:#f9fafb}.notif-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:700;height:40px;justify-content:center;width:40px}.notif-content{flex:1 1}.notif-from{font-size:14px;font-weight:600;margin-bottom:4px}.notif-message{color:#6b7280;font-size:13px;margin-bottom:4px}.notif-time{color:#9ca3af;font-size:12px}.no-notifications{color:#9ca3af;padding:40px 20px;text-align:center}:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-color:#e5e7eb;--border-light:#f3f4f6;--hover-bg:#f3f4f6;--sidebar-bg:#1e293b;--sidebar-text:#fff;--sidebar-hover:#334155;--sidebar-border:#334155;--message-sent-bg:#3b82f6;--message-sent-text:#fff;--message-received-bg:#fff;--message-received-text:#111827;--message-received-border:#e5e7eb;--input-bg:#fff;--input-border:#e5e7eb;--shadow-sm:#0000000d;--shadow-md:#0000001a}.dark-theme{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-color:#334155;--border-light:#475569;--hover-bg:#334155;--sidebar-bg:#020617;--sidebar-text:#f1f5f9;--sidebar-hover:#1e293b;--sidebar-border:#1e293b;--message-sent-bg:#3b82f6;--message-sent-text:#fff;--message-received-bg:#1e293b;--message-received-text:#f1f5f9;--message-received-border:#334155;--input-bg:#1e293b;--input-border:#334155;--shadow-sm:#0000004d;--shadow-md:#00000080;--system-bg:linear-gradient(135deg,#3b82f626,#3b82f61a);--system-border:#3b82f659;--system-icon:#93c5fd;--system-text:#f1f5f9;--system-time:#cbd5e1;--system-shadow:#3b82f640}.light-theme{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#111827;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-color:#e5e7eb;--border-light:#f3f4f6;--hover-bg:#f3f4f6;--sidebar-bg:#1e293b;--sidebar-text:#fff;--sidebar-hover:#334155;--sidebar-border:#334155;--message-sent-bg:#3b82f6;--message-sent-text:#fff;--message-received-bg:#fff;--message-received-text:#111827;--message-received-border:#e5e7eb;--input-bg:#fff;--input-border:#e5e7eb;--shadow-sm:#0000000d;--shadow-md:#0000001a;--system-bg:linear-gradient(135deg,#3b82f61a,#93c5fd26);--system-border:#3b82f640;--system-icon:#3b82f6;--system-text:#1e293b;--system-time:#64748b;--system-shadow:#3b82f614}.theme-toggle-btn{align-items:center;background:none;border:none;border-radius:8px;color:#60a5fa;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.theme-toggle-btn:hover{background-color:#60a5fa1a}.dark-theme .theme-toggle-btn{color:#fbbf24}.profile-dropdown-trigger{align-items:center;color:#cbd5e1;display:flex;gap:8px;padding:10px;text-align:left;width:100%}.profile-dropdown-trigger,.read-more-btn{background:none;border:none;cursor:pointer}.read-more-btn{color:#000;display:inline-block;font-size:.8rem;margin-top:4px;padding:0;text-decoration:underline}.read-more-btn:hover{color:#000}.profile-dropdown-menu{background:#1e293b;border-radius:8px;bottom:55px;box-shadow:0 4px 20px #0000004d;left:10px;padding:8px 0;position:absolute;width:200px;z-index:50}.profile-dropdown-menu .dropdown-button,.profile-dropdown-menu .logout-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;gap:10px;padding:10px 15px;text-align:left;width:100%}.profile-dropdown-menu .dropdown-button:hover,.profile-dropdown-menu .logout-button:hover{background:#ffffff14}.profile-drawer{background:linear-gradient(to bottom right,#0f172a,#1e3a5f,#0f172a);border-radius:12px 12px 0 0;bottom:0;box-shadow:0 -4px 20px #0000004d;display:flex;flex-direction:column;height:100%;left:0;position:absolute;transform:translateY(100%);transition:transform .3s ease-in-out;width:320px;z-index:100}.profile-drawer.open{transform:translateY(0)}.profile-drawer-header{align-items:center;background:#0f172a80;border-bottom:1px solid #ffffff1a;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:1.5rem 1rem}.profile-drawer-header h3{color:#fff;font-size:1.125rem;font-weight:600;margin:0}.close-drawer-btn{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.close-drawer-btn:hover{background-color:#ffffff1a;color:#fff}.profile-drawer-content{flex:1 1;padding:2rem .6rem}.profile-avatar-section{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:2rem;text-align:center}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 10px 25px #3b82f64d;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:100px;justify-content:center;margin:0 auto 1rem;width:100px}.profile-name{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.profile-designation{color:#94a3b8;font-size:.875rem;margin:0}.profile-details-section{display:flex;flex-direction:column;gap:1.5rem}.profile-detail-item{display:flex;flex-direction:column;gap:.5rem}.profile-detail-label{align-items:center;color:#94a3b8;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.05em;text-transform:uppercase}.profile-detail-value{border-radius:6px;color:#fff;font-size:.95rem;word-break:break-word}.profile-loading{align-items:center;color:#94a3b8;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem}.profile-error{color:#f87171;padding:3rem 1rem;text-align:center}.profile-error p{font-size:.95rem;margin:0}.system-message-line{color:var(--system-text);font-size:14px;margin:4px 0;text-align:center;width:100%}.system-message-text{opacity:.7}.system-message-time{font-size:12px;opacity:.7}.sidebar-tabs{display:flex;gap:13px;padding:.7rem 0}.sidebar-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#94a3b8;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:500;justify-content:center;padding:.6rem 0;position:relative;text-align:center;transition:all .2s ease}.tab-indicator-dot{animation:pulse 2s infinite;background-color:#ef4444;border-radius:50%;box-shadow:0 0 0 2px #1e293b;display:none;height:8px;position:absolute;right:-15px;top:19px;width:8px}.sidebar-tab.has-unread .tab-indicator-dot{display:block}.sidebar-tab:hover{color:#fff}.sidebar-tab.active{border-bottom:2px solid #3b82f6;color:#fff;font-weight:600}.attachments-container{display:flex;flex-direction:column;gap:8px;margin-top:5px;max-width:100%}.file-reshare-dialog-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.file-reshare-dialog{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:80vh;max-width:90%;overflow-y:auto;width:500px}.file-reshare-dialog-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.file-reshare-dialog-header h3{font-size:18px;font-weight:600;margin:0}.close-dialog-btn{color:#6b7280;transition:all .2s}.close-dialog-btn:hover{background-color:#f3f4f6;color:#374151}.file-reshare-dialog-content{padding:20px}.file-reshare-dialog-content p{color:#374151;margin:0 0 16px}.existing-files-list,.new-files-list{margin-bottom:20px}.existing-file-item,.new-file-item{align-items:center;background-color:#f9fafb;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px}.file-info{flex:1 1}.file-name{color:#111827;font-weight:500;margin-bottom:4px}.file-details{color:#6b7280;font-size:14px}.checkbox-container{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px}.checkbox-container input{margin-right:8px}.file-reshare-dialog-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:16px 20px}.cancel-btn,.confirm-btn{border-radius:6px;cursor:pointer;font-weight:500;margin-left:8px;padding:8px 16px}.confirm-btn{background-color:#3b82f6;border:1px solid #3b82f6;color:#fff}.confirm-btn:hover{background-color:#2563eb}.file-options{display:flex;flex-direction:column;gap:8px;margin-top:8px}.radio-option{align-items:center;cursor:pointer;display:flex;font-size:14px}.radio-option input{margin-right:8px}.unread-badge{background-color:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;font-size:11px;font-weight:700;height:20px;justify-content:center;left:257px;position:absolute;top:18px;width:20px}.top-right-info,.unread-badge{align-items:center;display:flex}.top-right-info{gap:6px}.unread-badge-inline{border:none;font-size:10px;height:18px;position:static!important;width:18px}.notifications-container{bottom:20px;display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;z-index:1000}.notification{align-items:center;animation:slideIn .3s ease-out;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;max-width:300px;padding:12px 16px;transition:transform .2s}.notification:hover{transform:scale(1.02)}.notification button{background:none;border:none;color:#fff;cursor:pointer;font-weight:700;margin-left:8px;padding:4px}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.reply-to-indicator-inside{background-color:#f1f5f9cc;border-left:3px solid #3b82f6;border-radius:8px;box-shadow:0 1px 2px #0000000d;display:flex;margin-bottom:8px;max-width:90%;padding:8px 12px}.message-bubble.sent .reply-to-indicator-inside{background-color:#dbeafecc;border-left-color:#2563eb}.reply-message-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.reply-message-btn:hover{background-color:#3b82f61a;color:#3b82f6}.reply-to-indicator{background-color:#f6f8fade;border-left:2px solid #1d1e21;border-radius:4px;display:flex;margin-bottom:8px;margin-top:4px;padding:6px 8px}.reply-to-content{flex:1 1}.reply-to-header{align-items:center;color:#6b7280;display:flex;font-size:.75rem;margin-bottom:4px}.reply-to-label{margin-right:4px}.reply-to-sender{color:#3b82f6;font-weight:600}.reply-to-message{color:#4b5563;font-size:.8rem;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.go-to-original-message{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;margin-left:8px;padding:4px;transition:all .2s}.go-to-original-message:hover{background-color:#3b82f61a;color:#3b82f6}.reply-preview-container{display:flex;flex-direction:column;gap:4px;left:12px;position:absolute;right:12px;top:8px;z-index:10}.reply-preview{border-left:3px solid #3b82f6;box-shadow:0 1px 3px #0000001a}.reply-preview,.reply-preview-container{background:linear-gradient(135deg,#3b82f61a,#93c5fd26)}.reply-preview-container{border-bottom:1px solid #bae6fd;flex-shrink:0;padding:8px 12px;position:static}.reply-preview{background:#0000;border:none;border-radius:6px;box-shadow:none;padding:8px 10px}.reply-preview-header{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:4px}.reply-preview-label{color:#3b82f6;font-weight:600;margin-right:4px}.reply-preview-sender{color:#1e40af;font-weight:600}.cancel-reply-btn{align-items:center;background:#ef44441a;border:none;border-radius:4px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:4px;transition:all .2s}.cancel-reply-btn:hover{background:#ef444433;color:#dc2626}.reply-preview-message{background:#fff;border-radius:4px;box-sizing:border-box;color:#1e40af;display:block;font-size:.8rem;font-weight:500;max-width:100%;overflow:hidden;padding:4px 6px;text-overflow:ellipsis;white-space:nowrap}.message-input.has-reply-preview{padding-top:10px}unified-input-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dark-theme .unified-input-container{background-color:#fff;background-color:var(--input-bg);border-color:#e5e7eb;border-color:var(--input-border)}.dark-theme .reply-preview-container{background:linear-gradient(135deg,#3b82f626,#3b82f61a);border-bottom-color:#2563eb4d}.dark-theme .files-preview-container{background-color:#1e293b4d;border-bottom-color:#33415580}.dark-theme .file-preview-inside{background:#33415566;border-color:#47556980}.dark-theme .scrollable-content-wrapper::-webkit-scrollbar-track{background:#1e293b4d}.dark-theme .scrollable-content-wrapper::-webkit-scrollbar-thumb{background-color:#64748b80}.dark-theme .scrollable-content-wrapper::-webkit-scrollbar-thumb:hover{background-color:#64748bb3}@media (max-width:768px){.unified-input-container{max-height:150px}.reply-preview-container{padding:6px 10px}.files-preview-container{padding:4px 10px 6px}.message-input{font-size:16px}}.dark-theme .reply-preview{background:#1e3a5f;border-color:#2563eb}.dark-theme .reply-preview-label{color:#93c5fd}.dark-theme .reply-preview-sender{color:#bfdbfe}.dark-theme .reply-preview-message{background:#1e293b99;color:#e2e8f0}.dark-theme .cancel-reply-btn{background:#ef444426;color:#fca5a5}.dark-theme .cancel-reply-btn:hover{background:#ef444440;color:#ef4444}.call-notification{animation:slideInRight .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;min-width:320px;padding:20px;position:fixed;right:20px;top:20px;z-index:1000}.call-notification-content{align-items:center;display:flex;gap:15px;margin-bottom:15px}.call-notification-avatar{align-items:center;background:#fff3;border:3px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:600;height:56px;justify-content:center;width:56px}.call-notification-info{flex:1 1}.call-notification-info h4{color:#fff;font-size:18px;font-weight:600;margin:0}.call-notification-info p{color:#fffc;font-size:14px;margin:4px 0 0}.ringing-indicator{align-items:center;color:#ffffffe6;display:flex;font-size:13px;font-weight:500;gap:8px;margin-top:8px}.pulse-dot{animation:pulse 1.5s ease-in-out infinite;background:#4ade80;border-radius:50%;height:8px;width:8px}.call-notification-actions{display:flex;gap:12px;justify-content:center}.call-accept-btn,.call-reject-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:56px;justify-content:center;transition:transform .2s,box-shadow .2s;width:56px}.call-accept-btn{background:#10b981;color:#fff}.call-accept-btn:hover{box-shadow:0 5px 20px #0000004d;transform:scale(1.1)}.call-reject-btn{background:#ef4444;color:#fff}.call-reject-btn:hover{box-shadow:0 5px 20px #0000004d;transform:scale(1.1)}.call-accept-btn:active,.call-reject-btn:active{transform:scale(.95)}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.call-ui{background:linear-gradient(135deg,#1e293b,#334155);bottom:0;color:#fff;display:flex;flex-direction:column;height:100%;left:0;position:fixed;right:0;z-index:999}.call-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 24px}.minimize-btn{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;padding:6px;transition:all .2s}.minimize-btn:hover{background:#ffffff1a;color:#fff}.call-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:24px}.call-participant{text-align:center}.call-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 10px 25px #0000004d;color:#fff;display:flex;font-size:48px;font-weight:600;height:120px;justify-content:center;margin:0 auto 24px;width:120px}.call-participant h4{font-size:24px;margin:0 0 8px}.call-participant p{color:#94a3b8;font-size:18px;margin:0}.call-controls{gap:16px;padding:24px}.call-controls,.control-btn{display:flex;justify-content:center}.control-btn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;height:56px;transition:all .2s;width:56px}.control-btn:hover{background:#fff3;transform:scale(1.05)}.control-btn.muted{background:#ef444433;color:#fca5a5}.end-call-btn{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;transition:all .2s;width:56px}.end-call-btn:hover{background:#dc2626;transform:scale(1.05)}.call-ui-minimized{align-items:center;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #3b82f64d;border-radius:12px;bottom:20px;box-shadow:0 10px 25px #0003;color:#fff;display:flex;gap:12px;min-width:200px;padding:12px 16px;position:fixed;right:20px;z-index:1000}.call-type{background-color:var(--secondary-bg)}.call-info-minimized{align-items:center;display:flex;flex-grow:1}.call-icon{color:#4ade80;margin-right:8px}.minimized-call-details{display:flex;flex-direction:column}.recipient-name{color:#fff;font-size:14px;font-weight:600}.call-duration{color:#fff;font-size:12px;opacity:.9}.end-call-btn-minimized,.expand-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:8px;padding:4px;transition:background-color .2s}.end-call-btn-minimized:hover,.expand-btn:hover{background-color:#ffffff1a}.end-call-btn-minimized{color:#ef4444}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.call-history-actions{align-items:center;gap:8px;width:100%}.search-container{align-items:center;background-color:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;display:flex;flex:1 1;padding:8px 12px}.call-search-input{background:#0000;border:none;color:#000;font-size:14px;margin-left:8px;outline:none;width:100%}.call-search-input::placeholder{color:#000}.call-date-header{background-color:#2d75bc}.call-history-container{background-color:#1e293b;background-color:var(--sidebar-bg);color:var(--text-color);display:flex;flex-direction:column;height:100%}.call-history-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 16px}.call-history-actions{display:flex;gap:10px}.filter-dropdown{align-items:center;background-color:#fff;background-color:var(--input-bg);border-radius:6px;display:flex;padding:6px}.filter-select{background:#0000;border:none;color:var(--text-color);cursor:pointer;margin-left:6px;outline:none}.call-history-list{flex:1 1;overflow-y:auto;padding:8px 0}.empty-call-history{align-items:center;color:var(--muted-color);display:flex;flex-direction:column;height:200px;justify-content:center}.empty-call-history p{margin-top:12px}.call-date-header{align-items:center;color:var(--muted-color);display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px}.call-info{flex-direction:column;gap:4px}.call-parties{font-weight:500;gap:6px}.call-details,.call-parties{align-items:center;display:flex}.call-details{color:var(--muted-color);font-size:14px;gap:8px}.call-type{border-radius:4px;font-size:12px;padding:2px 6px}.call-duration{align-items:center;display:flex;gap:4px}.call-time{color:var(--muted-color)}.call-status{align-items:center;display:flex}.status-indicator{border-radius:50%;height:10px;width:10px}.call-details-expanded{background-color:#464d5a;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:10px 6px 8px 5px}.detail-row{display:flex;margin-bottom:8px}.detail-label{color:var(--muted-color);width:100px}.detail-value{flex:1 1}.call-history{background:#f8fafc;border-radius:8px;margin-top:16px}.call-history-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);cursor:pointer;padding:12px 16px}.call-history h3{color:#1e293b;font-size:18px;margin:0 0 16px}.no-calls{color:#64748b;padding:20px 0;text-align:center}.call-list{list-style:none;margin:0;padding:0}.call-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;padding:12px 0}.call-item:last-child{border-bottom:none}.call-icon{align-items:center;background-color:var(--secondary-bg);border-radius:50%;display:flex;height:36px;justify-content:center;margin-right:12px;width:36px}.call-incoming{background-color:#10b9811a;color:#10b981}.call-outgoing{background-color:#3b82f61a;color:#3b82f6}.call-missed{background-color:#ef44441a;color:#ef4444}.call-contact{color:#1e293b;font-weight:500}.call-status,.call-time{color:#64748b;font-size:14px}.control-btn:nth-child(3){background:#fbbf2433;color:#fbbf24}.control-btn:nth-child(3):hover{background:#fbbf244d}.control-btn:nth-child(3).muted{background:#10b98133;color:#10b981}.control-btn:nth-child(3).muted:hover{background:#10b9814d}.hold-indicator{align-items:center;background:#fbbf241a;border-radius:8px;color:#fbbf24;display:flex;font-size:14px;font-weight:500;justify-content:center;margin-bottom:10px;margin-top:10px;padding:8px 12px}.hold-pulse{animation:pulse 1.5s ease-in-out infinite;background-color:#fbbf24;border-radius:50%;height:8px;margin-right:8px;width:8px}.call-header h3{color:#fff;font-size:18px;font-weight:600;margin:0;transition:color .3s ease}.call-header.on-hold h3{color:#fbbf24}.call-header.on-hold{border-bottom:2px solid #fbbf2480}.recording-indicator{align-items:center;color:#ef4444;display:flex;font-size:14px;font-weight:500;gap:6px;margin-top:8px}.recording-indicator .recording-dot{animation:pulse 1.5s infinite;background-color:#ef4444;border-radius:50%;height:8px;width:8px}.recording-btn{position:relative}.recording-btn.recording{color:#ef4444}.recording-btn.recording:after{animation:pulse-ring 1.5s infinite;background-color:#ef444433;border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 #ef4444b3;transform:scale(.95)}70%{box-shadow:0 0 0 10px #ef444400;transform:scale(1)}to{box-shadow:0 0 0 0 #ef444400;transform:scale(.95)}}.uploading-recording{background-color:#000000b3;border-radius:4px;bottom:-30px;left:0;padding:8px;right:0}.call-history{height:100%;overflow-y:auto;padding:16px}.call-history-header h3{font-size:18px;font-weight:600;margin:0}.no-call-history{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:200px;justify-content:center}.no-call-history p{margin-top:8px}.call-history-list{display:flex;flex-direction:column;gap:8px}.call-history-item{align-items:center;background-color:#232f4a;border-radius:8px;display:flex;justify-content:space-between;padding:12px;transition:background-color .2s}.call-history-item:hover{background-color:#1e293b}.call-info{display:flex;flex:1 1;gap:12px}.call-type{align-items:center;background-color:#464d5a;display:flex;height:32px;justify-content:center;width:75px}.call-type-icon{font-size:12px;font-weight:700}.call-type-icon.video{color:#3b82f6}.call-type-icon.audio{color:#10b981}.call-details{flex:1 1}.call-participants{align-items:center;display:flex;font-weight:500;gap:6px;margin-bottom:4px}.call-meta{color:#6b7280;display:flex;flex-direction:column;font-size:12px;gap:2px}.call-date-time,.call-duration,.call-status{align-items:center;display:flex;gap:4px}.call-actions{align-items:center;display:flex}.download-recording-btn{background-color:#e5e7eb;border-radius:50%;height:32px;transition:background-color .2s;width:32px}.download-recording-btn:hover{background-color:#d1d5db}.download-recording-btn:disabled{opacity:.5}.download-spinner{border-top-color:#3b82f6;height:16px;width:16px}.call-recording-message{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;margin:8px 0;max-width:350px;padding:16px;transition:transform .2s,box-shadow .2s}.call-recording-message:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.call-recording-header{align-items:center;border-bottom:1px solid #fff3;display:flex;gap:8px;margin-bottom:12px;padding-bottom:12px}.call-recording-header .call-icon{color:#4ade80;flex-shrink:0}.call-label{flex:1 1;font-size:14px;font-weight:600}.call-type-badge{background:#fff3;border-radius:12px;flex-shrink:0;font-size:12px;font-weight:500;margin-left:auto;padding:4px 12px;text-transform:capitalize}.call-type-badge.completed{background:#4ade804d}.call-type-badge.missed{background:#ef44444d}.call-type-badge.declined{background:#fbbf244d}.call-recording-details{font-size:13px;margin-bottom:12px}.call-detail-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.call-detail-row:last-child{margin-bottom:0}.detail-label{color:#fffc;font-weight:500}.detail-value{font-weight:600;text-align:right}.download-recording-btn{align-items:center;background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.download-recording-btn:hover:not(:disabled){background:#f3f4f6;box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.download-recording-btn:active:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.download-recording-btn:disabled{cursor:not-allowed;opacity:.6}.download-spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:18px;width:18px}.message-wrapper.sent .call-recording-message{background:linear-gradient(135deg,#3b82f6,#2563eb);margin-left:auto}.message-wrapper.received .call-recording-message{background:linear-gradient(135deg,#667eea,#764ba2);margin-right:auto}.dark-theme .call-recording-message{box-shadow:0 4px 12px #0000004d}.dark-theme .download-recording-btn{background:#fffffff2}.dark-theme .download-recording-btn:hover:not(:disabled){background:#fff}.light-theme .call-recording-message{box-shadow:0 4px 12px #667eea26}@keyframes slideInRecording{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.call-recording-message.new{animation:slideInRecording .3s ease-out}.uploading-recording{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:8px;bottom:100px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;left:50%;padding:12px 20px;position:absolute;transform:translateX(-50%);z-index:100}.upload-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes recordingPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.recording-indicator{animation:recordingPulse 1.5s ease-in-out infinite}.call-ended-notification{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;box-shadow:0 2px 8px #10b98133;color:#fff;display:flex;font-size:14px;gap:12px;margin:8px 0;padding:12px 16px}.call-ended-notification .icon{font-size:20px}@media (max-width:768px){.call-recording-message{max-width:280px}.call-detail-row{font-size:12px}.download-recording-btn{font-size:13px;padding:8px 12px}}.second-call-indicator{color:#fbbf24;font-size:12px;font-style:italic;margin-top:5px}.incoming-call-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1002}.incoming-call-notification{animation:slideInUp .3s ease-out;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-width:400px;min-width:320px;padding:20px}.incoming-call-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.incoming-call-header h4{color:#fff;font-size:18px;font-weight:600;margin:0}.close-notification-btn{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;padding:4px;transition:all .2s}.close-notification-btn:hover{background:#ffffff1a;color:#fff}.incoming-call-content{align-items:center;display:flex;gap:15px;margin-bottom:20px}.incoming-call-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:24px;font-weight:600;height:60px;justify-content:center;width:60px}.incoming-call-info{flex:1 1}.incoming-call-info h5{color:#fff;font-size:20px;font-weight:600;margin:0 0 5px}.incoming-call-info p{color:#fffc;font-size:16px;margin:0}.incoming-call-actions{display:flex;gap:15px;justify-content:center}.incoming-call-accept-btn,.incoming-call-reject-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:56px;justify-content:center;transition:transform .2s,box-shadow .2s;width:56px}.incoming-call-accept-btn{background:#10b981;color:#fff}.incoming-call-accept-btn:hover{box-shadow:0 5px 20px #0000004d;transform:scale(1.1)}.incoming-call-reject-btn{background:#ef4444;color:#fff}.incoming-call-reject-btn:hover{box-shadow:0 5px 20px #0000004d;transform:scale(1.1)}.incoming-call-accept-btn:active,.incoming-call-reject-btn:active{transform:scale(.95)}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.date-filter-btn,.filter-icon-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;justify-content:center;padding:10px;position:relative;transition:all .2s}.date-filter-btn:hover,.filter-icon-btn:hover{background:#ffffff26;color:#fff}.date-filter-btn.active,.filter-icon-btn.active{background:#3b82f633;border-color:#3b82f666;color:#60a5fa}.filter-active-indicator{background-color:#3b82f6;border-radius:50%;box-shadow:0 0 4px #3b82f6cc;height:6px;position:absolute;right:6px;top:6px;width:6px}.filter-dropdown-menu{animation:slideDown .2s ease-out;background:#1e293b;border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 4px 12px #0003;margin:8px 16px;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-option{align-items:center;background:none;border:none;border-bottom:1px solid #ffffff0d;color:#fffc;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s;width:100%}.filter-option:last-child{border-bottom:none}.filter-option:hover{background:#ffffff14;color:#fff}.filter-option.active{background:#3b82f626;color:#60a5fa;font-weight:500}.filter-option span{flex:1 1;font-size:14px;text-align:left}.filter-indicator{background-color:#3b82f6;border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.date-filter-container-single{align-items:center;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:8px;margin:8px 16px;padding:10px 16px}.date-input-group-single{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:6px;display:flex;flex:1 1;gap:10px;padding:8px 12px;transition:all .2s}.date-input-group-single:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.date-input{background:#0000;border:none;color:#e2e8f0;cursor:pointer;flex:1 1;font-size:14px;outline:none}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1);opacity:.7;-webkit-transition:opacity .2s;transition:opacity .2s}.date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.clear-date-btn{align-items:center;background:#ef444433;border:none;border-radius:6px;color:#ef4444;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:8px;transition:all .2s}.clear-date-btn:hover{background:#ef44444d;transform:scale(1.05)}@media (max-width:768px){.call-history-actions{gap:6px}.search-container{padding:6px 10px}.date-filter-btn,.filter-icon-btn{padding:8px}.date-filter-container-single{padding:8px 12px}.date-input-group-single{padding:6px 10px}}.hide-calendar-icon::-webkit-calendar-picker-indicator,.hide-calendar-icon::-webkit-inner-spin-button{display:none}.hide-calendar-icon::-webkit-clear-button{display:none}.meeting-popup-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.meeting-popup{animation:popupSlideIn .3s cubic-bezier(.34,1.56,.64,1);background-color:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 20px 60px #0000004d;left:50%;max-height:90vh;max-width:90%;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:550px;z-index:1000}@keyframes popupSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.meeting-popup-header{align-items:center;background:linear-gradient(90deg,#f8fafc,#fff);border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.meeting-popup-header h3{color:#1f2937;font-size:20px;font-weight:600;margin:0}.close-popup-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.close-popup-btn:hover{background-color:#f3f4f6;color:#374151}.meeting-popup-content{background-color:#fff;padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-input,.form-select,.form-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:14px;padding:10px 14px;transition:all .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{font-family:inherit;min-height:80px;resize:vertical}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1 1}.participant-search-wrapper{position:relative}.participant-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;left:0;max-height:180px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.participant-option{cursor:pointer;padding:8px 10px}.participant-option:hover{background-color:#f5f5f5}.participant-option .name{font-weight:500}.participant-option .email{color:#666;font-size:12px}.participants-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.participant-chip{align-items:center;background:#eef2ff;border-radius:16px;display:flex;font-size:13px;gap:6px;padding:5px 10px}.no-results{color:#999;padding:8px;text-align:center}.participants-list{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-height:150px;overflow-y:auto;padding:8px}.participant-item{align-items:center;background-color:#fff;border-radius:6px;box-shadow:0 1px 2px 0 #0000000d;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px 12px}.participant-item:last-child{margin-bottom:0}.remove-participant-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.remove-participant-btn:hover{background-color:#fee2e2;color:#ef4444}.meeting-popup-footer{background-color:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.cancel-btn,.create-meeting-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-btn{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.cancel-btn:hover{background-color:#e5e7eb}.create-meeting-btn{background-color:#3b82f6;box-shadow:0 1px 2px 0 #0000000d;color:#fff}.create-meeting-btn:hover:not(:disabled){background-color:#2563eb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.create-meeting-btn:disabled{background-color:#9ca3af;box-shadow:none;cursor:not-allowed}.add-participant{margin-top:12px}.add-participant .form-select{background-color:#fff;cursor:pointer}.dark-theme .meeting-popup{background-color:#1f2937;border-color:#374151;color:#f9fafb}.dark-theme .meeting-popup-header{background:linear-gradient(90deg,#1f2937,#111827);border-bottom-color:#374151}.dark-theme .meeting-popup-header h3{color:#f9fafb}.dark-theme .close-popup-btn{color:#9ca3af}.dark-theme .close-popup-btn:hover{background-color:#374151;color:#f3f4f6}.dark-theme .meeting-popup-content{background-color:#1f2937}.dark-theme .form-group label{color:#e5e7eb}.dark-theme .form-input,.dark-theme .form-select,.dark-theme .form-textarea{background-color:#111827;border-color:#374151;color:#f9fafb}.dark-theme .form-input:focus,.dark-theme .form-select:focus,.dark-theme .form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.dark-theme .participants-list{background-color:#111827;border-color:#374151}.dark-theme .participant-item{background-color:#1f2937}.dark-theme .remove-participant-btn{color:#9ca3af}.dark-theme .remove-participant-btn:hover{background-color:#4b5563;color:#f87171}.dark-theme .meeting-popup-footer{background-color:#111827;border-top-color:#374151}.dark-theme .cancel-btn{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.dark-theme .cancel-btn:hover{background-color:#4b5563}.dark-theme .create-meeting-btn{background-color:#3b82f6}.dark-theme .create-meeting-btn:hover:not(:disabled){background-color:#2563eb}.dark-theme .add-participant .form-select{background-color:#111827;color:#f9fafb}.meeting-link-container{align-items:center;display:flex;gap:8px}.meeting-link-input{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:14px;padding:8px}.copy-link-btn{align-items:center;background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px}.copy-link-btn:hover{background-color:#3367d6}.meeting-details-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.meeting-details-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:50%;max-height:80vh;max-width:600px;overflow-y:auto;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}.organizer-badge{background-color:#4285f4;border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-left:8px;padding:2px 6px}.organizer-status{background-color:#f8f9fa;border-left:4px solid #4285f4;border-radius:4px;padding:10px}.organizer-status p{color:#666;font-size:14px;margin:5px 0 0}.meeting-details-header{align-items:center;border-bottom:1px solid #eee;color:#000;display:flex;justify-content:space-between;padding:16px 20px}.meeting-details-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#000;max-width:600px;padding:20px;width:100%}.meeting-detail-item{margin-bottom:16px}.meeting-detail-item label{display:block;font-weight:700;margin-bottom:4px}.attendee-item{align-items:center;background-color:#f5f5f5;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:4px;padding:8px}.rsvp-status{border-radius:12px;font-size:12px;font-weight:700;padding:2px 8px;text-transform:uppercase}.rsvp-status.accepted{background-color:#4caf50;color:#fff}.rsvp-status.tentative{background-color:#ff9800;color:#fff}.rsvp-status.declined{background-color:#f44336;color:#fff}.meeting-response-buttons{display:flex;gap:10px}.response-btn{background-color:#f0f0f0;border:none;border-radius:4px;color:#333;cursor:pointer;font-weight:700;padding:8px 16px}.response-btn:hover:not(:disabled){background-color:#e0e0e0}.response-btn.active{color:#fff}.response-btn:first-child.active{background-color:#4caf50}.response-btn:nth-child(2).active{background-color:#ff9800}.response-btn:nth-child(3).active{background-color:#f44336}.response-btn:disabled{cursor:not-allowed;opacity:.6}.calendar-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.calendar-overlay{background-color:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.calendar-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;position:relative;width:90%}.calendar-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:16px 20px}.calendar-nav-button{background:none;border:none;border-radius:4px;cursor:pointer;font-size:18px;padding:5px 10px;transition:background-color .2s}.calendar-nav-button:hover{background-color:#eaeaea}.calendar-close-button{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:background-color .2s}.calendar-close-button:hover{background-color:#eaeaea}.calendar-grid{flex:1 1;overflow-y:auto;padding:16px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.calendar-weekday{color:#555;font-weight:700;padding:8px 0;text-align:center}.calendar-days{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;aspect-ratio:1;border:1px solid #eaeaea;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;padding:8px 4px;position:relative;transition:all .2s}.calendar-day:hover{background-color:#f5f5f5}.calendar-day.empty{border:none;cursor:default}.calendar-day.empty:hover{background-color:initial}.calendar-day.selected{background-color:#e3f2fd;border-color:#2196f3}.calendar-day.has-meetings{background-color:#f8f9fa}.day-number{font-size:14px;margin-bottom:4px}.meeting-indicator{bottom:4px;display:flex;justify-content:center;position:absolute;width:100%}.single-meeting{background-color:#2196f3;border-radius:50%;height:6px;width:6px}.multiple-meetings{background-color:#2196f3;border-radius:10px;color:#fff;font-size:10px;min-width:16px;padding:0 4px;text-align:center}.selected-date-meetings{border-top:1px solid #eaeaea;max-height:300px;overflow-y:auto;padding:16px}.selected-date-meetings h4{color:#333;margin-bottom:12px;margin-top:0}.meetings-list{display:flex;flex-direction:column;gap:10px}.meeting-item{border:1px solid #eaeaea;border-radius:6px;cursor:pointer;padding:12px;transition:background-color .2s}.meeting-item:hover{background-color:#f5f5f5}.meeting-time{color:#2196f3;font-weight:700}.meeting-time,.meeting-title{margin-bottom:4px}.meeting-attendees{color:#666;font-size:12px}.no-meetings{color:#666;font-style:italic;padding:20px 0;text-align:center}.dark-theme .calendar-container{background-color:#1e1e1e;color:#e0e0e0}.dark-theme .calendar-header{background-color:#2a2a2a;border-bottom-color:#444}.dark-theme .calendar-close-button:hover,.dark-theme .calendar-nav-button:hover{background-color:#444}.dark-theme .calendar-day{border-color:#444}.dark-theme .calendar-day:hover{background-color:#333}.dark-theme .calendar-day.has-meetings{background-color:#2a2a2a}.dark-theme .calendar-day.selected{background-color:#1a3a5f;border-color:#2196f3}.dark-theme .selected-date-meetings{border-top-color:#444}.dark-theme .meeting-item{border-color:#444}.dark-theme .meeting-item:hover{background-color:#333}.char-counter{bottom:5px;color:#888;font-size:12px;left:462px;position:relative}.edit-message-container{display:flex;flex-direction:column;gap:8px;width:100%}.edit-message-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-family:inherit;font-size:14px;min-height:60px;padding:8px 12px;resize:none;width:100%}.dark-theme .edit-message-input{background-color:#1e293b;border-color:#4b5563;color:#f9fafb}.edit-message-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-message-actions{display:flex;gap:8px;justify-content:flex-end}.edit-cancel-btn,.edit-save-btn{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.edit-cancel-btn{background-color:#f3f4f6;color:#374151}.edit-cancel-btn:hover{background-color:#e5e7eb}.dark-theme .edit-cancel-btn{background-color:#374151;color:#e5e7eb}.dark-theme .edit-cancel-btn:hover{background-color:#4b5563}.edit-save-btn{background-color:#3b82f6;color:#fff}.edit-save-btn:hover:not(:disabled){background-color:#2563eb}.edit-save-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.edit-message-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.edit-message-btn:hover{background-color:#3b82f61a;color:#3b82f6}.edited-indicator{align-items:center;color:#3fdcb8;display:flex;font-size:11px;font-style:italic;gap:4px;margin-top:4px}.dark-theme .edited-indicator{color:#9ca3af}.forwarded-indicator{align-items:center;background:#6b72801a;border-radius:4px;color:#101111;display:flex;font-size:.75rem;font-style:italic;gap:6px;margin-bottom:6px;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.forwarded-icon{height:12px;width:12px}.forwarded-from-text{font-weight:500}.forward-message-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s}.forward-message-btn:hover{background:#60a5fa1a;color:#3b82f6}.dark-theme .forwarded-indicator{background:#9ca3af1a;color:#9ca3af}.forward-modal-overlay{animation:fadeIn .2s ease-out}.forward-modal{animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.message-hover-actions{display:flex;gap:4px;margin-left:8px;opacity:0;transition:opacity .2s}.message-wrapper:hover .message-hover-actions{opacity:1}.share-history-dialog-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.share-history-dialog{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:90%;width:400px}.share-history-dialog-header{align-items:center;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:16px 20px}.share-history-dialog-header h3{font-size:18px;font-weight:600;margin:0}.close-dialog-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px}.close-dialog-btn:hover{background-color:#f0f0f0}.share-history-dialog-content{padding:20px}.members-to-add-list{margin:16px 0;max-height:200px;overflow-y:auto}.member-to-add{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;padding:8px 0}.member-to-add:last-child{border-bottom:none}.member-avatar{align-items:center;background-color:#e0e0e0;border-radius:50%;display:flex;font-weight:600;height:36px;justify-content:center;margin-right:12px;width:36px}.member-info{flex:1 1}.member-name{font-weight:600;margin-bottom:4px}.history-note,.member-email{color:#666;font-size:14px}.history-note{font-style:italic;margin-top:12px}.share-history-dialog-footer{border-top:1px solid #eaeaea;display:flex;gap:8px;justify-content:flex-end;padding:16px 20px}.no-history-btn,.yes-history-btn{border:none;border-radius:4px;cursor:pointer;font-weight:500;padding:8px 16px}.no-history-btn{background-color:#f0f0f0;color:#333}.no-history-btn:hover{background-color:#e0e0e0}.yes-history-btn{background-color:#3b82f6;color:#fff}.yes-history-btn:hover{background-color:#2563eb}.screen-share-container{background:#000;border-radius:12px;bottom:90px;box-shadow:0 8px 32px #0000004d;left:20px;overflow:hidden;position:absolute;right:20px;top:-10px;z-index:10}.screen-share-header{align-items:center;background:linear-gradient(180deg,#000000b3,#0000);color:#fff;display:flex;font-size:14px;gap:8px;left:0;padding:12px 16px;position:absolute;right:0;top:0;z-index:11}.screen-share-video{background:#000;height:500px;object-fit:contain;width:1000px!important}.screen-share-indicator{align-items:center;animation:pulse 2s infinite;background:#3b82f61a;border-radius:12px;color:#3b82f6;display:flex;font-size:12px;font-weight:500;gap:6px;margin-top:8px;padding:4px 12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.control-btn.screen-share-btn.active{background:#3b82f6;color:#fff}.control-btn.screen-share-btn.active:hover{background:#2563eb}.minimized-call-details .screen-share-indicator{align-items:center;color:#3b82f6;display:flex;font-size:11px;gap:4px}.call-ui:has(.screen-share-container) .call-participant{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:12px;bottom:100px;padding:16px;position:absolute;right:20px;width:200px;z-index:11}.dark-theme .screen-share-container{background:#0a0a0a}.dark-theme .screen-share-header{background:linear-gradient(180deg,#000000e6,#0000)}.light-theme .screen-share-indicator{background:#3b82f626;color:#2563eb}.light-theme .screen-share-container{box-shadow:0 8px 32px #0003}@media (max-width:768px){.screen-share-container{bottom:80px;left:10px;right:10px;top:5px}.call-ui:has(.screen-share-container) .call-participant{bottom:90px;padding:12px;right:10px;width:150px}.screen-share-header{font-size:12px;padding:8px 12px}}.control-btn.screen-share-btn:before{background:#000000e6;border-radius:6px;bottom:100%;color:#fff;content:attr(title);font-size:12px;left:50%;margin-bottom:8px;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap}.control-btn.screen-share-btn:hover:before{opacity:1}.screen-share-loading{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:14px;gap:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.screen-share-loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.control-btn.screen-share-btn svg{transition:transform .2s}.control-btn.screen-share-btn.active svg{animation:screenSharePulse 2s infinite}@keyframes screenSharePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.screen-share-error{background:#ef4444e6;border-radius:8px;color:#fff;font-size:14px;left:50%;padding:16px 24px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:12}.group-call-notification{align-items:center;animation:gcn-slide-in .35s cubic-bezier(.34,1.56,.64,1) both;background:linear-gradient(135deg,#1e3a5f,#0f2547);border:1px solid #63b3ed4d;border-radius:16px;box-shadow:0 20px 60px #00000080,inset 0 0 0 1px #63b3ed26;display:flex;gap:14px;min-width:320px;padding:14px 18px;position:fixed;right:24px;top:24px;z-index:9999}@keyframes gcn-slide-in{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.gcn-glow-ring{animation:gcn-pulse 1.8s ease-in-out infinite;border:2px solid #63b3ed66;border-radius:18px;inset:-2px;pointer-events:none;position:absolute}@keyframes gcn-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.gcn-icon-wrap{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;box-shadow:0 4px 14px #3b82f666;display:flex;flex-shrink:0;height:46px;justify-content:center;width:46px}.gcn-info{flex:1 1;overflow:hidden}.gcn-caller{color:#e2e8f0;font-size:.95rem;font-weight:600}.gcn-caller,.gcn-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gcn-subtitle{color:#94a3b8;font-size:.78rem;margin-top:2px}.gcn-actions{display:flex;flex-shrink:0;gap:10px}.gcn-btn{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:transform .15s,box-shadow .15s;width:40px}.gcn-btn:hover{transform:scale(1.1)}.gcn-decline{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 4px 12px #ef444459}.gcn-accept{background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 4px 12px #22c55e59}.group-call-btn{position:relative}.group-call-btn .call-type-menu{background:#1e293b;border:1px solid #63b3ed33;border-radius:10px;box-shadow:0 8px 24px #0006;min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 6px);z-index:100}.call-type-menu button{align-items:center;background:#0000;border:none;color:#cbd5e1;cursor:pointer;display:flex;font-size:.875rem;gap:8px;padding:10px 14px;text-align:left;transition:background .15s;width:100%}.call-type-menu button:hover{background:#63b3ed1a}.group-call-active-bar{align-items:center;background:linear-gradient(90deg,#064e3b,#065f46);border-bottom:1px solid #22c55e4d;color:#6ee7b7;display:flex;font-size:.82rem;justify-content:space-between;padding:8px 16px}.group-call-active-bar .join-btn{align-items:center;background:#22c55e26;border:1px solid #22c55e;border-radius:20px;color:#22c55e;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:4px 14px;transition:background .15s}.group-call-active-bar .join-btn:hover{background:#22c55e4d}.group-call-active-bar .end-call-btn{align-items:center;background:#ef444426;border:1px solid #ef4444;border-radius:20px;color:#ef4444;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:4px 14px;transition:background .15s}.group-call-active-bar .end-call-btn:hover{background:#ef44444d}.chat-content-tabs{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #94a3b826;display:flex;flex-shrink:0;gap:4px;padding:0 24px}.chat-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:7px;letter-spacing:.02em;padding:14px 16px 12px;position:relative;transition:color .18s,border-color .18s}.chat-tab svg{opacity:.7;transition:opacity .18s}.chat-tab:hover{color:#93c5fd}.chat-tab:hover svg{opacity:1}.chat-tab.active{border-bottom-color:#3b82f6;color:#60a5fa}.chat-tab.active svg{opacity:1}.chat-media-view{background:#0f172a;flex:1 1;overflow-y:auto;padding:24px;scrollbar-color:#ffffff14 #0000;scrollbar-width:thin}.chat-media-view::-webkit-scrollbar{width:4px}.chat-media-view::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}.media-view-title{color:#475569;font-size:11px;font-weight:600;letter-spacing:.12em;margin:0 0 20px;text-transform:uppercase}.media-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.media-card{background:#1e293bb3;border:1px solid #94a3b814;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:16px;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.media-card:before{background:linear-gradient(135deg,#3b82f60a,#0000 60%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .18s}.media-card:hover{background:#1e293bf2;border-color:#3b82f64d;box-shadow:0 8px 24px #0000004d,0 0 0 1px #3b82f61a;transform:translateY(-2px)}.media-card:hover:before{opacity:1}.media-icon-wrapper{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;position:relative;width:44px}.media-icon-wrapper.type-pdf{background:#ef444426;color:#f87171}.media-icon-wrapper.type-doc{background:#3b82f626;color:#60a5fa}.media-icon-wrapper.type-xls{background:#22c55e26;color:#4ade80}.media-icon-wrapper.type-img{background:#a855f726;color:#c084fc}.media-icon-wrapper.type-audio{background:#fb923c26;color:#fb923c}.media-icon-wrapper.type-zip{background:#eab30826;color:#facc15}.media-icon-wrapper.type-code{background:#14b8a626;color:#2dd4bf}.media-icon-wrapper.type-default{background:#94a3b81f;color:#94a3b8}.media-icon-wrapper .file-type-ext{bottom:1px;font-size:9px;font-weight:700;letter-spacing:.04em;line-height:1;position:absolute;right:5px;text-transform:uppercase}.media-info{flex:1 1;min-width:0}.media-name{color:#e2e8f0;font-size:13px;font-weight:500;line-height:1.3;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-meta{align-items:center;color:#64748b;display:flex;font-size:11px;gap:5px}.media-meta-dot{background:#475569;border-radius:50%;flex-shrink:0;height:2px;width:2px}.media-sender{color:#3b82f6;font-size:11px;font-weight:500;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-card .media-download-btn{align-items:center;background:#3b82f626;border:1px solid #3b82f640;border-radius:6px;color:#60a5fa;cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;position:absolute;right:12px;top:12px;transform:scale(.85);transition:opacity .15s,transform .15s,background .15s;width:28px}.media-card:hover .media-download-btn{opacity:1;transform:scale(1)}.media-card .media-download-btn:hover{background:#3b82f64d}.links-list{display:flex;flex-direction:column;gap:8px}.link-card{align-items:center;background:#1e293bb3;border:1px solid #94a3b814;border-radius:10px;cursor:pointer;display:flex;gap:14px;overflow:hidden;padding:14px 16px;position:relative;transition:background .15s,border-color .15s,transform .15s}.link-card:before{background:#3b82f6;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .15s;width:3px}.link-card:hover{background:#1e293bf2;border-color:#3b82f640;transform:translateX(3px)}.link-card:hover:before{opacity:1}.link-icon{align-items:center;background:#3b82f61f;border-radius:8px;color:#60a5fa;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.link-content{flex:1 1;min-width:0}.link-url{color:#60a5fa;font-size:13px;font-weight:500;margin-bottom:4px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.link-meta{font-size:11px;gap:5px}.link-action,.link-meta{align-items:center;color:#64748b;display:flex}.link-action{border-radius:6px;flex-shrink:0;height:28px;justify-content:center;transition:color .15s,background .15s;width:28px}.link-card:hover .link-action{background:#3b82f61a;color:#93c5fd}.empty-messages{align-items:center;color:#475569;display:flex;flex-direction:column;font-size:14px;gap:8px;height:200px;justify-content:center;text-align:center}.empty-messages svg{margin-bottom:4px;opacity:.3}
/*# sourceMappingURL=main.b89bddfc.css.map*/