@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);@import url(https://fonts.googleapis.com/css?family=Varela+Round);body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.wrapper{animation:gradientShift 20s ease infinite;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);background-size:400% 400%;display:flex;height:100vh;overflow:hidden;position:relative;width:100%}.wrapper:after,.wrapper:before{border-radius:50%;content:"";filter:blur(100px);opacity:.08;pointer-events:none;position:absolute;z-index:0}.wrapper:before{animation:floatOrb1 25s ease-in-out infinite;background:radial-gradient(circle,#4f46e5,#0000);height:600px;right:-300px;top:-300px;width:600px}.wrapper:after{animation:floatOrb2 30s ease-in-out infinite;background:radial-gradient(circle,#7c3aed,#0000);bottom:-250px;height:500px;left:-250px;width:500px}.wrapper .home_container{background:#0000;display:flex;isolation:auto;overflow-x:hidden;overflow-y:auto;position:relative;transition:all .5s cubic-bezier(.16,1,.3,1);width:calc(100% - 280px);width:-webkit-calc(100% - 280px);z-index:1}.unselectable{-webkit-touch-callout:none;color:#c00;-webkit-user-select:none;user-select:none}.superparentPopup{animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3;bottom:0;color:#fff;left:0;right:0;top:0;z-index:2000}.superchildPopup,.superparentPopup{align-items:center;display:flex;justify-content:center;position:fixed}.superchildPopup{animation:popIn .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#1e293bf2;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 20px 60px #00000080,inset 0 0 0 1px #ffffff1a,inset 0 1px 0 0 #ffffff26;color:#f8fafc;flex-shrink:0;left:50%;max-height:90vh;max-width:800px;overflow-y:auto;padding:24px;text-align:center;text-align:left;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2001}.superchildPopup table{width:100%}.superchildPopup select{border-radius:4px;color:#6d7782;min-width:177px;padding:3px 5px;text-align:center}.status{color:#fff;font-size:35px;height:1em;line-height:1em;padding:.5em .5em .5em 2em;position:relative;transition:color .5s}.status:after,.status:before{content:"";display:inline-block;position:absolute;transition:all .5s}.status.-pending{color:#fff}.status.-pending:after,.status.-pending:before{animation-duration:1s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;background:#fff}.status.-pending:before{top:.5em;transform-origin:50% .5em}.status.-pending:after,.status.-pending:before{border-radius:.125em;height:.25em;left:.875em;width:.25em}.status.-pending:after{top:1.25em;transform-origin:50% -.25em}.status.-success{color:#6cf}.status.-success:after,.status.-success:before{background:#6cf;border-radius:.125em}.status.-success:before{height:1em;left:.875em;top:.5em;transform:translate(-.177em,-.11em) rotate(45deg);transform-origin:50% .875em;width:.25em}.status.-success:after{height:.5em;left:.875em;top:1em;transform:translate(-.177em,-.11em) rotate(-45deg);transform-origin:50% .375em;width:.25em}.status.-failure{color:#f04}.status.-failure:after,.status.-failure:before{background:#f04;border-radius:.125em}.status.-failure:before{height:1em;left:.875em;top:.5em;transform:rotate(45deg);width:.25em}.status.-failure:after{height:1em;left:.875em;top:.5em;transform:rotate(-45deg);width:.25em}button:active{animation:gradient .1s;box-shadow:7px 6px 28px 1px #0000003d;transform:translateY(4px)}.sideBar{-ms-overflow-style:none;animation:slideInLeft .5s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#1e293bd9;border-right:1px solid #3341554d;box-shadow:4px 0 24px #00000026,inset 1px 0 0 #ffffff0d;min-height:100%;overflow-x:hidden;overflow-y:scroll;padding:0 0 24px;position:relative;scrollbar-width:none;text-align:center;width:280px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.sideBar:before{background:linear-gradient(90deg,#0000,#4f46e580,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.sideBar::-webkit-scrollbar{display:none}.sideBar .profile{align-items:center;display:flex;margin-bottom:20px;margin-left:40px;width:100%}.sideBar .profile img{margin-right:10px;max-width:50px}.sideBar .profile span{font-size:24px;font-weight:600}.sidebar_header{background:linear-gradient(180deg,#4f46e51a,#0000);overflow:hidden;padding:20px 0 0;position:relative;width:100%}.sidebar_graphic{align-items:center;animation:graphicFloat 4s ease-in-out infinite;display:flex;height:70px;justify-content:center;margin:0 auto;position:relative;width:70px}@keyframes graphicFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.graphic_orb{border-radius:50%;filter:blur(20px);opacity:.6;position:absolute}.orb_1{animation:orbitOrb1 8s ease-in-out infinite;background:linear-gradient(135deg,#4f46e5,#7c3aed);height:45px;left:5px;top:5px;width:45px}.orb_2{animation:orbitOrb2 10s ease-in-out infinite;background:linear-gradient(135deg,#06b6d4,#3b82f6);bottom:8px;height:35px;right:8px;width:35px}.orb_3{animation:orbitOrb3 12s ease-in-out infinite;background:linear-gradient(135deg,#ec4899,#f43f5e);height:30px;right:3px;top:50%;width:30px}@keyframes orbitOrb1{0%,to{transform:translate(0)}50%{transform:translate(10px,-10px)}}@keyframes orbitOrb2{0%,to{transform:translate(0)}50%{transform:translate(-10px,10px)}}@keyframes orbitOrb3{0%,to{transform:translate(0)}50%{transform:translate(-5px,-15px)}}.graphic_icon{align-items:center;animation:iconPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:14px;box-shadow:0 8px 20px #4f46e580,inset 0 0 0 1px #fff3,inset 0 1px 0 0 #ffffff4d;color:#fff;display:flex;font-size:26px;height:50px;justify-content:center;position:relative;width:50px;z-index:10}@keyframes iconPulse{0%,to{box-shadow:0 8px 20px #4f46e580,inset 0 0 0 1px #fff3,inset 0 1px 0 0 #ffffff4d}50%{box-shadow:0 10px 28px #4f46e5b3,inset 0 0 0 1px #ffffff4d,inset 0 1px 0 0 #fff6}}.sidebar_graphic_agent .graphic_icon{animation:iconPulseAgent 3s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669)}@keyframes iconPulseAgent{0%,to{box-shadow:0 8px 20px #10b98180,inset 0 0 0 1px #fff3}50%{box-shadow:0 10px 28px #10b981b3,inset 0 0 0 1px #ffffff4d}}.sidebar_graphic_subadmin .graphic_icon{animation:iconPulseSubAdmin 3s ease-in-out infinite;background:linear-gradient(135deg,#f59e0b,#d97706)}@keyframes iconPulseSubAdmin{0%,to{box-shadow:0 8px 20px #f59e0b80,inset 0 0 0 1px #fff3}50%{box-shadow:0 10px 28px #f59e0bb3,inset 0 0 0 1px #ffffff4d}}.sideBar p{-webkit-text-fill-color:#0000;animation:fadeIn .6s ease .2s both;background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;background-clip:text;border-bottom:1px solid #4f46e533;color:#f8fafc;font-size:22px;font-weight:700;letter-spacing:-.5px;margin-bottom:0;padding-bottom:24px;text-shadow:0 2px 8px #4f46e533}.sideBar li{align-items:center;animation:slideInLeft .5s cubic-bezier(.16,1,.3,1) both;border-radius:12px;display:flex;justify-content:center;list-style-type:none;margin:12px 0;position:relative;text-align:left;width:100%}.sideBar li:first-of-type{margin-top:24px}.sideBar li:first-child{animation-delay:.3s}.sideBar li:nth-child(2){animation-delay:.35s}.sideBar li:nth-child(3){animation-delay:.4s}.sideBar li:nth-child(4){animation-delay:.45s}.sideBar li:nth-child(5){animation-delay:.5s}.sideBar li:nth-child(6){animation-delay:.55s}.sideBar li:nth-child(7){animation-delay:.6s}.sideBar li:nth-child(8){animation-delay:.65s}.sideBar li a{align-items:center;border-radius:12px;color:#cbd5e1;display:flex;font-size:15px;font-weight:500;letter-spacing:.2px;overflow:hidden;padding:12px 16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);width:85%}.sideBar li a:after{background:linear-gradient(135deg,#4f46e51a,#7c3aed1a);border-radius:12px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.sideBar li a .nav_icon{color:#cbd5e1;font-size:20px;margin-right:12px;text-align:center;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:1}.sideBar li a:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%;z-index:1}.sideBar li a span{position:relative;z-index:1}.sideBar li:hover a{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 8px 16px #4f46e54d,inset 0 0 0 1px #ffffff1a;color:#fff;transform:translateX(4px)}.sideBar li:hover a:before{left:100%}.sideBar li:hover a:after{opacity:1}.sideBar li:hover .nav_icon{color:#fff;transform:scale(1.1)}.sideBar li .active{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 8px 20px #4f46e566,inset 0 0 0 1px #ffffff26,inset 0 1px 0 0 #fff3;color:#fff;transform:translateX(4px)}.sideBar li .active:after{opacity:1}.sideBar li .active .nav_icon{color:#fff;transform:scale(1.05)}.login_wrapper{font-feature-settings:"cv02","cv03","cv04","cv11";align-items:center;animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);background-size:400% 400%;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.login_wrapper:after,.login_wrapper:before{animation:float 20s ease-in-out infinite;border-radius:50%;content:"";filter:blur(80px);opacity:.15;position:absolute}.login_wrapper:before{animation:float 20s ease-in-out infinite;background:linear-gradient(135deg,#4f46e5,#7c3aed);height:500px;left:-250px;top:-250px;width:500px}.login_wrapper:after{animation:float 25s ease-in-out infinite reverse;background:linear-gradient(135deg,#06b6d4,#3b82f6);bottom:-200px;height:400px;right:-200px;width:400px}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.login_wrapper .login_container{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#1e293bb3;border:1px solid #94a3b81a;border-radius:24px;box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff0d,inset 0 1px 0 0 #ffffff1a;max-width:420px;padding:0 40px 40px;position:relative;transform-origin:center;width:100%;z-index:10}.login_wrapper .login_container .login_header{border-bottom:1px solid #33415580;margin-bottom:8px;padding:40px 0 24px;position:relative;text-align:center}.login_wrapper .login_container .login_header .brand_logo{align-items:center;animation:logoFloat 3s ease-in-out infinite,logoPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:16px;box-shadow:0 8px 24px #4f46e566,inset 0 0 0 1px #ffffff1a;display:flex;height:64px;justify-content:center;margin:0 auto 24px;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);width:64px}.login_wrapper .login_container .login_header .brand_logo:before{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:18px;content:"";filter:blur(8px);inset:-2px;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}.login_wrapper .login_container .login_header .brand_logo:hover{box-shadow:0 12px 32px #4f46e580,inset 0 0 0 1px #fff3;transform:translateY(-4px) scale(1.05)}.login_wrapper .login_container .login_header .brand_logo:hover:before{opacity:1}.login_wrapper .login_container .login_header .brand_logo svg{fill:#fff;filter:drop-shadow(0 2px 8px rgba(0,0,0,.2));height:36px;width:36px}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes logoPulse{0%,to{box-shadow:0 8px 24px #4f46e566,inset 0 0 0 1px #ffffff1a}50%{box-shadow:0 8px 32px #4f46e599,inset 0 0 0 1px #fff3}}.login_wrapper .login_container .login_header h1{animation:fadeIn .6s ease .3s both;color:#f8fafc;font-size:28px;font-weight:600;letter-spacing:-.5px;margin-bottom:8px}.login_wrapper .login_container .login_header p{animation:fadeIn .6s ease .5s both;color:#94a3b8;font-size:15px;font-weight:400;line-height:1.6}.login_wrapper .login_container .input_row{animation:slideIn .6s ease both;margin:28px 0}.login_wrapper .login_container .input_row:nth-child(2){animation-delay:.1s}.login_wrapper .login_container .input_row:nth-child(3){animation-delay:.2s}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.login_wrapper .login_container .input_row label{color:#f8fafc;display:block;font-size:14px;font-weight:500;letter-spacing:.2px;margin-bottom:10px}.login_wrapper .login_container .input_row .input_wrapper{position:relative}.login_wrapper .login_container .input_row .input_wrapper input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#33415580;border:1.5px solid #47556980;border-radius:12px;color:#f8fafc;font-size:15px;font-weight:400;line-height:1.5;outline:none;padding:12px 16px 12px 48px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.login_wrapper .login_container .input_row .input_wrapper input:focus{background:#47556999;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a,0 4px 16px #4f46e533;transform:translateY(-2px)}.login_wrapper .login_container .input_row .input_wrapper input:hover:not(:focus){background:#47556966;border-color:#475569cc}.login_wrapper .login_container .input_row .input_wrapper .input_icon{color:#94a3b8;height:20px;left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.16,1,.3,1);width:20px}.input_wrapper input:focus+.input_icon{color:#4f46e5;transform:translateY(-50%) scale(1.1)}.login_wrapper .login_container .input_row .input_wrapper .passwordtoggleicon{color:#94a3b8;cursor:pointer;font-size:18px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.16,1,.3,1)}.login_wrapper .login_container .input_row .input_wrapper .passwordtoggleicon:hover{color:#f8fafc;transform:translateY(-50%) scale(1.15)}.login_wrapper .login_container .input_row .input_wrapper .passwordtoggleicon:active{transform:translateY(-50%) scale(.95)}.login_wrapper .login_container .btncontainer{animation:fadeIn .6s ease .4s both;display:flex;justify-content:center;margin-top:32px;width:100%}.login_wrapper .login_container .btncontainer button{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:12px;box-shadow:0 8px 24px #4f46e559,inset 0 0 0 1px #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:center;letter-spacing:.3px;outline:none;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.login_wrapper .login_container .btncontainer button:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.login_wrapper .login_container .btncontainer button:after{background:linear-gradient(135deg,#ffffff4d,#fff0);border-radius:12px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .3s ease}.login_wrapper .login_container .btncontainer button:hover{box-shadow:0 12px 32px #4f46e573,inset 0 0 0 1px #fff3;transform:translateY(-3px)}.login_wrapper .login_container .btncontainer button:hover:before{left:100%}.login_wrapper .login_container .btncontainer button:hover:after{opacity:1}.login_wrapper .login_container .btncontainer button:active{box-shadow:0 6px 16px #4f46e559,inset 0 0 0 1px #ffffff1a;transform:translateY(-1px) scale(.98)}.login_wrapper .login_container .btncontainer button:disabled{cursor:not-allowed;opacity:.6;transform:none}.warningmessage{color:red;display:none;font-size:14px;font-weight:700;margin:-5px 0 20px 5px}@media only screen and (max-width:500px){.center{width:300px}.logo img{width:130px}.logo{left:30%}.center h1{font-size:25px}input[type=submit]{font-size:15px}}@media only screen and (max-width:300px){.center{width:200px}.logo img{width:100px}.logo{left:25%}.center h1{font-size:20px;margin-top:40px}input[type=submit]{font-size:10px}}.loader1{--_g:no-repeat radial-gradient(farthest-side,#fff 90%,#0000);animation:l43 1s linear infinite;aspect-ratio:2.5;background:var(--_g),var(--_g),var(--_g),var(--_g);background-size:20% 50%;height:15px}@keyframes l43{0%{background-position:0 50%,33.33333% 50%,66.66667% 50%,100% 50%}16.67%{background-position:0 0,33.33333% 50%,66.66667% 50%,100% 50%}33.33%{background-position:0 100%,33.33333% 0,66.66667% 50%,100% 50%}50%{background-position:0 50%,33.33333% 100%,66.66667% 0,100% 50%}66.67%{background-position:0 50%,33.33333% 50%,66.66667% 100%,100% 0}83.33%{background-position:0 50%,33.33333% 50%,66.66667% 50%,100% 100%}to{background-position:0 50%,33.33333% 50%,66.66667% 50%,100% 50%}}.animation_wrapper{background:linear-gradient(#0000004d,#0000004d);display:none;height:100vh;left:0;position:absolute;top:0;width:100%;z-index:5}.animation_wrapper .animation_container{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:8}.loader{animation:loader 2s ease infinite;border:4px solid #4b49ac;height:30px;position:relative;width:30px}.loader-inner{animation:loader-inner 2s ease-in infinite;background-color:#4b49ac;display:inline-block;vertical-align:top;width:100%}@keyframes loader{0%{transform:rotate(0deg)}25%{transform:rotate(180deg)}50%{transform:rotate(180deg)}75%{transform:rotate(1turn)}to{transform:rotate(1turn)}}@keyframes loader-inner{0%{height:0}25%{height:0}50%{height:100%}75%{height:100%}to{height:0}}.loading_animation_visible{display:block}.toast_container{bottom:20px;display:flex;flex-direction:column;gap:20px;position:fixed;right:20px;z-index:1000}.toast{align-items:center;border-radius:6px;box-shadow:0 4px 6px #0000001a;color:#fff;display:flex;font-size:16px;font-weight:600;justify-content:center;max-width:320px;min-width:200px;outline:none;padding:12px 16px}.toast_info{border:1px solid #fec600}.toast_success{background-color:green;border:1px solid green}.toast_error{background-color:red;border:1px solid red}.loader{animation:spin .8s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;display:inline-block;height:18px;width:18px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animated-background{overflow:hidden;pointer-events:none;z-index:0}.animated-background,.stars{inset:0;position:absolute}.star{animation:twinkle linear infinite;background:#fff;border-radius:50%;box-shadow:0 0 4px #ffffff80;height:2px;opacity:.8;position:absolute;width:2px}@keyframes twinkle{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.gradient-orb{border-radius:50%;filter:blur(100px);opacity:.2;position:absolute}.gradient-orb-1{animation:floatOrb1 25s ease-in-out infinite;background:radial-gradient(circle,#4f46e5,#0000);height:600px;left:-300px;top:-300px;width:600px}.gradient-orb-2{animation:floatOrb2 20s ease-in-out infinite;background:radial-gradient(circle,#7c3aed,#0000);bottom:-250px;height:500px;right:-250px;width:500px}.gradient-orb-3{animation:floatOrb3 30s ease-in-out infinite;background:radial-gradient(circle,#06b6d4,#0000);height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}@keyframes floatOrb1{0%,to{transform:translate(0)}33%{transform:translate(50px,-50px)}66%{transform:translate(-30px,30px)}}@keyframes floatOrb2{0%,to{transform:translate(0)}33%{transform:translate(-40px,40px)}66%{transform:translate(40px,-40px)}}@keyframes floatOrb3{0%,to{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-50%,-50%) rotate(180deg) scale(1.2)}}.animated-background:before{animation:gridMove 20s linear infinite;background-image:linear-gradient(#4f46e508 1px,#0000 0),linear-gradient(90deg,#4f46e508 1px,#0000 0);background-size:50px 50px;content:"";inset:0;position:absolute}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.agent_wrapper{position:relative;width:100%}.top_search_fields{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#1e293bb3;border:1px solid #3341554d;border-radius:16px;box-shadow:0 8px 32px #0003,inset 0 0 0 1px #ffffff0d,inset 0 1px 0 0 #ffffff1a;color:#f8fafc;margin:24px auto 0;min-height:100px;padding:24px 0;transition:all .3s cubic-bezier(.16,1,.3,1);width:96%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.top_search_fields:hover{border-color:#4f46e54d;box-shadow:0 12px 40px #00000040,inset 0 0 0 1px #4f46e51a,inset 0 1px 0 0 #ffffff26}.chart_container{background:#1e293b;display:flex;justify-content:center;margin:0 auto;min-height:100px;padding:20px 0;width:98%}.container_2{margin:30px auto 20px}.btn_container,.flex{display:flex;width:100%}.btn_container{justify-content:center}.table_container{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) .1s both;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#1e293bb3;border:1px solid #3341554d;border-radius:16px;box-shadow:0 8px 32px #0003,inset 0 0 0 1px #ffffff0d,inset 0 1px 0 0 #ffffff1a;display:block;font-size:14px;margin:24px auto 0;max-width:96%;padding:16px;text-align:center;transition:all .3s cubic-bezier(.16,1,.3,1)}.table_container:hover{border-color:#4f46e54d;box-shadow:0 12px 40px #00000040,inset 0 0 0 1px #4f46e51a,inset 0 1px 0 0 #ffffff26}*{scrollbar-color:#4f46e5 #1e293b;scrollbar-width:thin}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background:#1e293b;border:1px solid #334155;border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:2px solid #1e293b;border-radius:6px;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:scale(1.05)}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#3730a3,#6d28d9)}::-webkit-scrollbar-corner{background:#1e293b}.table_container::-webkit-scrollbar{height:8px;width:8px}.table_container::-webkit-scrollbar-track{background:#334155;border-radius:4px}.table_container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:1px solid #1e293b;border-radius:4px}.table_container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.table_container{overflow-x:auto;overflow-y:auto}.fields_row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:0 auto;padding:20px 0;width:70%}.fields_row .fields_item label{display:block;font-size:15px;font-weight:400;margin-bottom:10px}.options_table tr{min-width:400px}.top_search_fields .options_table{grid-gap:1rem;display:grid;gap:1rem;margin:10px auto;max-width:100%}.top_search_fields .options_table tr{max-width:100%}table,td,th,tr{background:#0000;border-collapse:collapse;border-spacing:0}td{background:#1e293b4d;border-bottom:1px solid #3341554d;color:#cbd5e1;font-size:14px;min-width:150px;padding:16px 20px}td,tr{transition:all .2s cubic-bezier(.16,1,.3,1)}tr{max-width:100%}tr:hover td{background:#4f46e526;color:#f8fafc}.table_container table{border-radius:12px;color:#f8fafc;overflow:hidden;padding:8px 0;text-align:left;width:100%}.table_container th{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border-bottom:2px solid #4f46e580;color:#f8fafc;font-size:13px;font-weight:600;letter-spacing:.5px;min-width:150px;padding:16px 20px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;white-space:nowrap;z-index:2}.table_container select{padding:5px}.table_btn{margin-left:-8px;padding:6px!important}input,select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#33415566;border:1.5px solid #47556980;border-radius:10px;color:#f8fafc;color-scheme:dark;font-size:14px;font-weight:400;min-width:177px;outline:none;padding:10px 16px;transition:all .3s cubic-bezier(.16,1,.3,1)}select option{background:#1e293b;padding:8px}input::placeholder{color:#94a3b8}input:hover:not(:focus){background:#33415580;border-color:#475569cc}input:focus{background:#47556999;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a,0 4px 16px #4f46e533;outline:none;transform:translateY(-2px)}select:hover:not(:focus){background:#33415580;border-color:#475569cc}select:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e51a,0 4px 16px #4f46e533;outline:none;transform:translateY(-2px)}.inputonoff input[type=checkbox]{-webkit-appearance:none;appearance:none;background:#475569;border:1px solid #64748b;border-radius:2rem;cursor:pointer;height:20px;min-width:0;outline:none;padding:0;position:relative;top:1px;transition:all .3s ease;width:40px}.inputonoff input[type=checkbox]:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:16px;left:2px;position:absolute;top:1px;transition:all .3s ease;width:16px}.inputonoff input[type=checkbox]:checked:before{background:#fff;transform:translateX(18px)}.inputonoff input[type=checkbox]:checked{background:#4f46e5;border-color:#4f46e5}.inputonoff input[type=checkbox]:focus{border:1px solid #6366f1;box-shadow:0 0 0 2px #4f46e533}.inputonoff input[type=checkbox]:hover{background:#64748b}.inputonoff input[type=checkbox]:checked:hover{background:#6366f1}.btn_container button{background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;box-shadow:0 8px 20px #4f46e54d,inset 0 0 0 1px #ffffff1a;color:#fff;cursor:pointer;font-size:14px;font-weight:500;letter-spacing:.3px;margin-right:12px;min-width:120px;outline:none;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn_container button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.btn_container button:after{background:linear-gradient(135deg,#ffffff4d,#fff0);border-radius:10px;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .3s ease}.btn_container button:hover{box-shadow:0 12px 28px #4f46e566,inset 0 0 0 1px #fff3;transform:translateY(-3px)}.btn_container button:hover:before{left:100%}.btn_container button:hover:after{opacity:1}.btn_container button:active{box-shadow:0 6px 16px #4f46e559,inset 0 0 0 1px #ffffff1a;transform:translateY(-1px) scale(.98)}.btn_container button:disabled{cursor:not-allowed;opacity:.6;transform:none}.parentPopup{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;top:0;width:100vw;z-index:1000}.childPopup,.parentPopup{color:#f8fafc;position:fixed}.childPopup{animation:popIn .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#1e293bf2;border:1px solid #94a3b833;border-radius:16px;box-shadow:0 20px 60px #00000080,inset 0 0 0 1px #ffffff1a,inset 0 1px 0 0 #ffffff26;left:50%;max-height:90vh;max-width:500px;overflow-y:auto;padding:24px;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1001}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.childPopup .cancel_icon_container{display:flex;justify-content:flex-end;margin-bottom:16px;width:100%}.childPopup .cancel_icon{border-radius:8px;color:#94a3b8;cursor:pointer;font-size:28px;padding:4px;transition:all .3s cubic-bezier(.16,1,.3,1)}.childPopup .cancel_icon:hover{background:#94a3b833;color:#f8fafc;transform:rotate(90deg) scale(1.1)}.childPopup .cancel_icon:active{transform:rotate(90deg) scale(.95)}.childPopup table{margin-top:8px;width:100%}.childPopup table td{background:#0000;border-bottom:1px solid #3341554d;padding:12px 8px}.childPopup table td:first-child{color:#cbd5e1;font-weight:600;white-space:nowrap}.childPopup table input,.childPopup table select{width:100%}.bold{font-weight:700}.min_width{min-width:200px}.close{display:fixed}@media (max-width:1000px){.fields_row{grid-template-columns:1fr}}.edit_icon{cursor:pointer}.member_tags,.members_list{display:flex;flex-wrap:wrap;gap:4px}.member_tags{max-width:300px}.member_tag{background:#4f46e5;border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;white-space:nowrap}.member_tag.more{background:#6b7280}.no_members{color:#9ca3af;font-size:12px;font-style:italic}.manage_agents_btn{background:#059669!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;font-size:12px!important;padding:6px 12px!important;transition:background-color .2s ease!important}.manage_agents_btn:hover{background:#047857!important}.modal_overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal_content{background:#1e293b;border:1px solid #334155;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:#fff;max-height:90vh;overflow-y:auto}.agent_modal{max-width:700px;width:90%}.modal_header{align-items:center;border-bottom:1px solid #334155;display:flex;justify-content:space-between;padding:20px}.modal_header h3{color:#f8fafc;font-size:18px;font-weight:600;margin:0}.close_btn{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s ease;width:30px}.close_btn:hover{background:#374151;color:#fff}.modal_body{max-height:60vh;overflow-y:auto;padding:20px}.section{margin-bottom:30px}.section h4{border-bottom:1px solid #374151;color:#f8fafc;font-size:16px;font-weight:600;margin:0 0 15px;padding-bottom:8px}.agents_list{background:#0f172a;border:1px solid #374151;border-radius:6px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:10px}.agent_item{align-items:center;background:#1e293b;border:1px solid #334155;border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px;transition:background-color .2s ease}.agent_item:hover{background:#334155}.agent_info{display:flex;flex-direction:column;gap:2px}.agent_name{color:#f8fafc;font-size:14px;font-weight:600}.agent_email{color:#94a3b8;font-size:12px}.agent_status{border-radius:10px;font-size:11px;font-weight:500;padding:2px 6px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.agent_status.active{background:#10b981;color:#fff}.agent_status.inactive{background:#ef4444;color:#fff}.no_data{color:#9ca3af;font-style:italic;margin:0;padding:20px;text-align:center}.modal_footer{border-top:1px solid #334155;display:flex;gap:12px;justify-content:flex-end;padding:20px}.btn_primary{align-items:center!important;background:#4f46e5!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:14px!important;font-weight:500!important;gap:8px!important;padding:10px 20px!important;transition:background-color .2s ease!important}.btn_primary:hover{background:#4338ca!important}.btn_primary:disabled{background:#6b7280!important;cursor:not-allowed!important}.btn_secondary{background:#0000!important;border:1px solid #374151!important;border-radius:6px!important;color:#94a3b8!important;cursor:pointer!important;font-size:14px!important;font-weight:500!important;padding:10px 20px!important;transition:all .2s ease!important}.btn_secondary:hover{background:#374151!important;color:#fff!important}.notification_settings_modal{max-width:600px;width:90%}.notification_section{padding:0}.setting_item{align-items:flex-start;background:#0f172a;border:1px solid #334155;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.setting_info h4{color:#f8fafc;font-size:16px;font-weight:600;margin:0 0 8px}.setting_info p{color:#94a3b8;font-size:14px;line-height:1.4;margin:0}.setting_status{align-items:center;display:flex;flex-shrink:0;gap:8px}.status_indicator{border-radius:50%;display:inline-block;height:12px;width:12px}.status_text{color:#f8fafc;font-size:14px;font-weight:500}.setting_actions{margin-bottom:25px}.info_message,.warning_message{border-radius:6px;margin-bottom:15px;padding:12px 16px}.warning_message{background:#ef44441a;border:1px solid #ef444433;color:#fca5a5}.info_message{background:#3b82f61a;border:1px solid #3b82f633;color:#93c5fd}.info_message p{font-size:13px;line-height:1.5;margin:0}.enabled_actions{display:flex;flex-direction:column;gap:15px}.notification_info{background:#0f172a;border:1px solid #334155;border-radius:8px;padding:15px}.notification_info h4{color:#f8fafc;font-size:14px;font-weight:600;margin:0 0 10px}.notification_info ul{color:#94a3b8;font-size:13px;line-height:1.5;margin:0;padding-left:20px}.notification_info li{margin-bottom:4px}.chatroom_wrapper{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000d9;color:#f8fafc;display:flex;height:100vh;justify-content:center;left:280px;padding:20px;position:fixed;top:0;width:calc(100vw - 280px);width:-webkit-calc(100vw - 280px);z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chatroom_wrapper .chatroom_container{background:#1e293b;border:1px solid #334155;border-radius:4px;box-shadow:10px 10px 15px #0000000d;height:99%;padding:4px;width:99%;z-index:2}.chatroom_wrapper .chatroom_container .close_container{align-items:center;border-bottom:1px solid #334155;display:flex;gap:15px;justify-content:flex-end;padding:15px 20px}.chatroom_wrapper .chatroom_container .close_container .close_icon{color:#94a3b8;cursor:pointer;font-size:24px;transition:color .2s ease}.chatroom_wrapper .chatroom_container .close_container .close_icon:hover{color:#ef4444}.chatroom_wrapper .chatroom_container .content_wrapper{display:flex;height:100%;position:relative;width:100%}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container{background:#334155;height:100%;left:0;position:-webkit-sticky;position:sticky;top:0;width:260px}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .room_list{box-sizing:border-box;display:flex;flex-direction:column;gap:20px;height:calc(100% - 70px);list-style:none;margin-top:20px;overflow-x:hidden;overflow-y:auto;padding-right:5px;width:100%}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .room_list .activeRoom{background:#6366f1}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .title{align-items:center;background:#475569;display:flex;justify-content:space-between;padding:10px 20px}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .title p{font-size:18px;font-weight:600;margin:0}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .room_list li{padding:6px 2px}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .room_list li:hover{cursor:pointer}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .room_list .room_identifier{align-items:center;display:flex}.chatroom_wrapper .chatroom_container .content_wrapper .room_icon{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;margin-right:10px;width:30px}.chatroom_wrapper .chatroom_container .content_wrapper .icon_theme_1{background:#8b5cf6}.chatroom_wrapper .chatroom_container .content_wrapper .icon_theme_2{background:#10b981}.chatroom_wrapper .chatroom_container .content_wrapper .icon_theme_3{background:#f59e0b}.chatroom_wrapper .chatroom_container .content_wrapper .room_icon p{font-size:12px;text-transform:uppercase}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .room_list .room_identifier .room_name{display:flex;flex-direction:column;margin-right:15px}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .room_list .room_identifier .room_name h4{font-size:15px;font-weight:600;margin-bottom:2px}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .room_list .room_identifier .room_name p{font-size:13px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .room_list .room_identifier .message_timing{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .room_list .room_identifier .message_timing .time{margin-top:-6px}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .room_list .room_identifier .message_timing .time p{font-size:12px}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .room_list .room_identifier .message_timing .new_messages{align-items:center;background:red;border-radius:50%;display:flex;height:20px;justify-content:center;width:20px}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .room_list .room_identifier .message_timing .new_messages p{font-size:14px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content{height:100%;position:relative;width:calc(100% - 260px);width:-webkit-calc(100% - 260px)}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .default_screen{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .default_screen .default_content p{font-size:40px;margin-bottom:8px;text-align:center}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .default_screen .default_content span{color:#94a3b8;display:block;text-align:center}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .room_metadata{align-items:center;background:#475569;border-left:1px solid #adadad6c;display:flex;justify-content:space-between;padding:10px 20px;width:100%}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .room_metadata .room_info{align-items:center;display:flex}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .room_metadata .room_info .room_name{display:flex;flex-direction:column;margin-right:15px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .room_metadata .room_info .room_name h4{font-size:15px;font-weight:600;margin-bottom:2px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .room_metadata .room_info .room_name p{color:#94a3b8;display:flex;font-size:12px;gap:3px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .room_metadata .close_room_container{align-items:center;background:#64748b;border-radius:50%;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container{align-items:center;background:#475569;border-left:1px solid #adadad6c;bottom:0;box-sizing:border-box;display:flex;gap:8px;left:0;max-height:72px;min-height:72px;overflow:visible;padding:10px 20px;position:-webkit-sticky;position:sticky;width:100%;z-index:100}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .text_input{align-items:center;box-sizing:border-box;display:flex;flex:1 1;margin:0;max-height:52px;min-height:52px;min-width:0;overflow:visible;position:relative}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .text_input input{background:#1e293b;border:1px solid #0000;border-radius:8px;box-sizing:border-box;color:#94a3b8;flex-shrink:0;flex:1 1;height:40px;min-width:0;padding:8px 12px;width:100%}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .upload_file{flex-shrink:0;position:relative;width:40px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .hidden{max-width:100%;opacity:0;visibility:hidden}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .add_file_icon{cursor:pointer;font-size:20px;position:absolute;top:8px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .send_message{flex-shrink:0;width:50px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .send_message button{align-items:center;background:#6366f1;border:1px solid #6366f1;border-radius:50%;color:#fff;display:flex;height:35px;justify-content:center;width:35px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .send_message button:hover{cursor:pointer}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .send_message button .send_icon{font-size:18px;margin-bottom:-2px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content{display:flex;flex-direction:column;gap:15px;height:calc(100% - 130px);height:-webkit-calc(100% - 130px);overflow-x:hidden;overflow-y:auto;padding:20px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message{display:flex;width:100%}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent{justify-content:flex-end}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.received{justify-content:flex-start}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.system{justify-content:center}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .system_message{background:#475569;border-radius:15px;max-width:200px;padding:8px 16px;text-align:center}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .system_message p{color:#94a3b8;font-size:12px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .message_container{align-items:flex-start;display:flex;gap:10px;max-width:70%;min-width:0;overflow:hidden}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .message_container{flex-direction:row-reverse}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .user_avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .user_avatar p{color:#fff;font-size:10px;font-weight:700}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .message_content{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .sender_name{font-size:14px;font-weight:700;margin-bottom:2px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .message_body{word-wrap:break-word;background:#374151;border-radius:12px;padding:8px 12px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .message_body{background:#6366f1;color:#fff}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .message_body p{font-size:14px;line-height:1.4;margin:0}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .message_body p{color:#fff}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .file_message{display:flex;flex-direction:column;gap:8px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .file_text{color:#f1f5f9;font-size:14px;margin:0!important}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .file_text{color:#fff!important}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .file_attachment{align-items:center;background:#475569;border-radius:6px;display:flex;gap:8px;max-width:200px;padding:6px 8px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .file_attachment{background:#fff3}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .file_icon{font-size:12px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .file_name{color:#f1f5f9;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .file_name{color:#fff}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .message_time{align-items:center;color:#64748b;display:flex;font-size:11px;gap:8px;justify-content:space-between;margin-top:2px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .message_time{color:#c7d2fe;justify-content:flex-end}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .delivery_success{color:#34d399;font-size:10px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .delivery_failed{color:red;font-size:10px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .image_message{display:flex;flex-direction:column;gap:8px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .image_caption{color:#f1f5f9;font-size:14px;line-height:1.4;margin:0 0 8px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .image_caption{color:#fff}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .image_preview{border-radius:12px;box-shadow:0 4px 8px #0003;cursor:pointer;height:180px;overflow:hidden;position:relative;transition:transform .2s;width:250px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .image_preview:hover{transform:scale(1.02)}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_image{border-radius:12px;display:block;height:180px;object-fit:cover;transition:all .2s ease;width:250px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .image_overlay{align-items:center;background:#0006;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .image_preview:hover .image_overlay{opacity:1}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .image_overlay span{background:#000000b3;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.chatroom_wrapper .chatroom_container .image_modal_overlay{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000e6;bottom:0;cursor:pointer;display:flex;height:100vh;justify-content:center;left:0;margin-left:-280px;padding:20px;position:fixed;right:0;top:0;width:100vw;z-index:3000}.chatroom_wrapper .chatroom_container .image_modal_overlay .image_modal{background:#0000;border-radius:0;display:flex;flex-direction:column;height:100vh;overflow:visible;position:relative;width:100vw}.chatroom_wrapper .chatroom_container .image_modal_overlay .image_modal_header{position:absolute;right:15px;top:15px;z-index:1002}.chatroom_wrapper .chatroom_container .image_modal_overlay .image_modal_close{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000c;border:1px solid #fff3;border-radius:50%;color:#fff;height:40px;padding:8px;transition:all .2s ease;width:40px}.chatroom_wrapper .chatroom_container .image_modal_overlay .image_modal_close:hover{background:#dc3545e6;border-color:#dc354580;box-shadow:0 4px 12px #dc35454d;transform:scale(1.1)}.chatroom_wrapper .chatroom_container .image_modal_overlay .image_modal_header h3{color:#f8fafc;font-size:18px;font-weight:600;margin:0}.chatroom_wrapper .chatroom_container .image_modal_overlay .image_modal_close{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:4px}.chatroom_wrapper .chatroom_container .image_modal_overlay .image_modal_close:hover{background:#64748b;color:#f8fafc}.chatroom_wrapper .chatroom_container .image_modal_overlay .image_modal_content{background:#334155}.chatroom_wrapper .chatroom_container .image_modal_overlay .full_size_image{-webkit-user-drag:none;border-radius:8px;box-shadow:0 10px 25px -3px #0000004d;cursor:grab;height:auto;max-height:none;max-width:none;object-fit:contain;transform-origin:center center;transition:none;-webkit-user-select:none;user-select:none;width:auto;will-change:transform}.chatroom_wrapper .chatroom_container .image_modal_overlay .full_size_image:active{cursor:grabbing}.chatroom_wrapper .chatroom_container .image_modal_overlay .full_size_image.zoomed{cursor:grab}.chatroom_wrapper .chatroom_container .image_modal_overlay .image_modal_content{align-items:center;background:#0000;border:none;border-radius:0;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.chatroom_wrapper .chatroom_container .image_modal_overlay .zoom_controls{background:#000c;border-radius:25px;bottom:20px;display:flex;gap:10px;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%);z-index:1001}.chatroom_wrapper .chatroom_container .image_modal_overlay .zoom_btn{align-items:center;background:#6366f1cc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.chatroom_wrapper .chatroom_container .image_modal_overlay .zoom_btn:hover{background:#6366f1;transform:scale(1.1)}.chatroom_wrapper .chatroom_container .image_modal_overlay .zoom_info{background:#0009;border-radius:12px;color:#fff;font-size:12px;font-weight:500;min-width:50px;padding:4px 8px;text-align:center}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .message_actions{align-items:center;display:flex;margin-left:8px;opacity:0;position:relative;transition:opacity .2s}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message:hover .message_actions{opacity:1}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .message_menu_trigger{align-items:center;background:#475569;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;transition:all .2s;width:24px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .message_menu_trigger:hover{background:#64748b;color:#f1f5f9}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .message_menu{background:#1e293b;border:1px solid #475569;border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:120px;overflow:hidden;position:absolute;right:30px;top:-8px;z-index:10}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .menu_item{align-items:center;color:#f1f5f9;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;transition:background-color .2s}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .menu_item:hover{background:#374151}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .menu_item svg{font-size:12px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .reply_indicator{align-items:flex-start;background:#0003;border-left:3px solid #6366f1;border-radius:6px;display:flex;gap:8px;margin-bottom:6px;padding:6px 8px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .reply_indicator{background:#ffffff1a;border-left-color:#ffffff80}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .reply_line{background:#6366f1;border-radius:1px;flex-shrink:0;height:100%;width:2px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .reply_content{flex:1 1;min-width:0}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .reply_text{color:#94a3b8;font-size:12px;margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;word-break:break-word}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .reply_text{color:#ffffffb3}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .reply_preview{background:#334155;border-left:1px solid #adadad6c;border-top:1px solid #475569;bottom:60px;left:0;padding:8px 20px;position:absolute;right:0;z-index:1}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .reply_preview_content{background:#475569;border-left:3px solid #6366f1;border-radius:8px;padding:8px 12px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .reply_preview_header{align-items:center;display:flex;gap:6px;margin-bottom:4px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .reply_preview_header .reply_icon{color:#6366f1;font-size:12px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .reply_preview_header span{color:#94a3b8;font-size:12px;font-weight:500}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .reply_preview_header .cancel_reply{align-items:center;background:none;border:none;border-radius:2px;color:#94a3b8;cursor:pointer;display:flex;justify-content:center;margin-left:auto;padding:2px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .reply_preview_header .cancel_reply:hover{background:#64748b;color:#f1f5f9}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .reply_preview_text{color:#f1f5f9;font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;word-break:break-word}.chatroom_wrapper .chatroom_container .forward_modal_overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:260px;padding:20px;position:fixed;right:0;top:0;z-index:1001}.chatroom_wrapper .chatroom_container .forward_modal{background:#1e293b;border:1px solid #334155;border-radius:12px;box-shadow:0 20px 25px -5px #0006;display:flex;flex-direction:column;max-height:70vh;max-width:400px;width:100%}.chatroom_wrapper .chatroom_container .forward_modal_header{align-items:center;border-bottom:1px solid #334155;display:flex;justify-content:space-between;padding:16px 20px}.chatroom_wrapper .chatroom_container .forward_modal_header h3{color:#f8fafc;font-size:18px;font-weight:600;margin:0}.chatroom_wrapper .chatroom_container .forward_modal_close{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;transition:all .2s}.chatroom_wrapper .chatroom_container .forward_modal_close:hover{background:#64748b;color:#f8fafc}.chatroom_wrapper .chatroom_container .forward_search_container{border-bottom:1px solid #334155;padding:16px 20px}.chatroom_wrapper .chatroom_container .forward_search_box{align-items:center;display:flex;position:relative}.chatroom_wrapper .chatroom_container .forward_search_box .search_icon{color:#64748b;font-size:16px;left:12px;position:absolute;z-index:1}.chatroom_wrapper .chatroom_container .forward_search_box input{background:#334155;border:1px solid #475569;border-radius:8px;color:#f1f5f9;font-size:14px;outline:none;padding:10px 12px 10px 40px;transition:border-color .2s;width:100%}.chatroom_wrapper .chatroom_container .forward_search_box input:focus{border-color:#6366f1}.chatroom_wrapper .chatroom_container .forward_search_box input::placeholder{color:#64748b}.chatroom_wrapper .chatroom_container .forward_rooms_list{flex:1 1;max-height:300px;overflow-y:auto}.chatroom_wrapper .chatroom_container .forward_room_item{align-items:center;border-bottom:1px solid #334155;cursor:pointer;display:flex;justify-content:space-between;padding:12px 20px;transition:background-color .2s}.chatroom_wrapper .chatroom_container .forward_room_item:hover{background:#334155}.chatroom_wrapper .chatroom_container .forward_room_item.selected{background:#374151}.chatroom_wrapper .chatroom_container .forward_room_info{align-items:center;display:flex;flex:1 1;gap:12px}.chatroom_wrapper .chatroom_container .forward_room_icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.chatroom_wrapper .chatroom_container .forward_room_name h4{color:#f1f5f9;font-size:14px;font-weight:500;margin:0}.chatroom_wrapper .chatroom_container .forward_room_checkbox input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:16px;width:16px}.chatroom_wrapper .chatroom_container .forward_modal_footer{align-items:center;border-top:1px solid #334155;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.chatroom_wrapper .chatroom_container .forward_cancel_btn{background:none;border:1px solid #475569;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.chatroom_wrapper .chatroom_container .forward_cancel_btn:hover{background:#334155;color:#f1f5f9}.chatroom_wrapper .chatroom_container .forward_send_btn{background:#6366f1;border:1px solid #6366f1;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:8px 16px;transition:all .2s}.chatroom_wrapper .chatroom_container .forward_send_btn:hover{background:#5a5fcf;border-color:#5a5fcf}.chatroom_wrapper .chatroom_container .forward_send_btn:disabled{background:#475569;border-color:#475569;color:#64748b;cursor:not-allowed}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .enhanced_reply_indicator{align-items:flex-start;background:#0000004d;border-left:4px solid #6366f1;border-radius:8px;display:flex;gap:10px;margin-bottom:10px;max-width:100%;min-width:0;overflow:hidden;padding:10px 12px;position:relative}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .enhanced_reply_indicator:hover{background:#0006;border-left-color:#8b5cf6}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .enhanced_reply_indicator{background:#ffffff26;border-left-color:#ffffffb3}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .enhanced_reply_indicator:hover{background:#fff3;border-left-color:#ffffffe6}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .reply_content_enhanced{flex:1 1;min-width:0}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .reply_header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .reply_sender{color:#6366f1;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .reply_sender{color:#ffffffe6}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .reply_timestamp{color:#64748b;font-size:10px;margin-left:auto}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .reply_timestamp{color:#fff9}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .message_actions_enhanced{align-items:center;display:flex;gap:8px;margin-left:8px;opacity:0;position:relative;transition:opacity .2s}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message:hover .message_actions_enhanced{opacity:1}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .reply_count_badge{align-items:center;background:#6366f1;border-radius:12px;box-shadow:0 2px 4px #6366f14d;color:#fff;display:inline-flex;font-size:10px;font-weight:600;justify-content:center;min-width:20px;opacity:.9;padding:2px 8px;transition:all .2s ease;white-space:nowrap}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .reply_count_badge:hover{background:#5a5fcf;opacity:1;transform:scale(1.05)}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .original_message_display{word-wrap:break-word;background:#0003;border:1px solid #475569;border-radius:6px;margin-top:6px;max-width:100%;overflow:hidden;padding:8px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .original_message_display{background:#ffffff1a;border-color:#ffffff4d}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .original_image_preview{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .original_chat_image{border:1px solid #64748b;border-radius:6px;max-height:100px;max-width:150px;object-fit:cover}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .original_image_label{color:#94a3b8;font-size:11px;font-style:italic}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .original_image_label{color:#ffffffb3}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .reply_text_enhanced{word-wrap:break-word;background:#0000001a;border-left:2px solid #6366f1;border-radius:4px;color:#94a3b8;font-size:12px;line-height:1.4;margin:0;max-height:60px;overflow-y:auto;padding:6px 8px;white-space:pre-wrap}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .reply_text_enhanced{background:#ffffff0d;border-left-color:#fff9;color:#fffc}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .reply_badge{align-items:center;background:#6366f1;border-radius:12px;box-shadow:0 2px 4px #6366f14d;color:#fff;display:inline-flex;font-size:10px;font-weight:600;gap:4px;padding:2px 8px;white-space:nowrap}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .reply_badge,.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .reply_count_badge{background:#ffffffe6;box-shadow:0 2px 4px #fff3;color:#6366f1}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .reply_count_badge:hover{background:#fff;color:#5a5fcf}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .reply_badge_icon{font-size:8px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .sender_info_row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-bottom:2px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .message_header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-bottom:6px}.notification_btn{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;padding:4px;transition:all .2s ease;width:32px}.notification_btn:hover{background:#ffffff1a;transform:scale(1.05)}.notification_icon{font-size:20px;transition:all .2s ease}.notification_icon.enabled{color:#10b981}.notification_icon.disabled{color:#9ca3af}.notification_icon:hover{filter:brightness(1.2)}.close_container .notification_btn{height:28px;width:28px}.close_container .notification_icon{font-size:18px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.is_reply{border-left:3px solid #6366f1;border-radius:0 8px 8px 0;margin-left:8px;padding-left:12px;position:relative}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent.is_reply{border-left:none;border-radius:8px 0 0 8px;border-right:3px solid #ffffffb3;margin-left:0;margin-right:8px;padding-left:0;padding-right:12px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.is_reply:before{background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:2px;bottom:0;content:"";left:-3px;position:absolute;top:0;width:3px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent.is_reply:before{display:none}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent.is_reply:after{background:linear-gradient(180deg,#ffffffb3,#ffffff80);border-radius:2px;bottom:0;content:"";position:absolute;right:-3px;top:0;width:3px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.is_reply .message_body{border:1px solid #6366f133;box-shadow:0 1px 3px #6366f11a}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent.is_reply .message_body{border:1px solid #ffffff4d;box-shadow:0 1px 3px #ffffff1a}.chatroom_wrapper .chatroom_container .members_modal_overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:260px;padding:20px;position:fixed;right:0;top:0;z-index:1002}.chatroom_wrapper .chatroom_container .members_modal{background:#1e293b;border:1px solid #334155;border-radius:12px;box-shadow:0 20px 25px -5px #0006;display:flex;flex-direction:column;max-height:70vh;max-width:420px;min-height:300px;overflow:hidden;width:100%}.chatroom_wrapper .chatroom_container .members_modal_header{align-items:center;background:#334155;border-bottom:1px solid #334155;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:16px 20px}.chatroom_wrapper .chatroom_container .members_modal_header h3{color:#f8fafc;font-size:18px;font-weight:600;margin:0;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatroom_wrapper .chatroom_container .members_modal_close{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;min-width:32px;padding:6px;transition:all .2s}.chatroom_wrapper .chatroom_container .members_modal_close:hover{background:#475569;color:#f8fafc}.chatroom_wrapper .chatroom_container .members_list{display:flex;flex:1 1;flex-direction:column;max-height:calc(70vh - 80px);min-height:200px;overflow-x:hidden;overflow-y:auto;width:100%}.chatroom_wrapper .chatroom_container .members_count{background:#334155;border-bottom:1px solid #33415580;box-sizing:border-box;color:#94a3b8;flex-shrink:0;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0;padding:16px 20px 12px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;width:100%;z-index:10}.chatroom_wrapper .chatroom_container .members_container{display:flex;flex:1 1;flex-direction:column;width:100%}.chatroom_wrapper .chatroom_container .member_item{align-items:center;border-bottom:1px solid #33415533;box-sizing:border-box;display:flex;flex-shrink:0;gap:14px;justify-content:flex-start;padding:14px 20px;position:relative;transition:all .2s ease;width:100%}.chatroom_wrapper .chatroom_container .member_item:hover{background:#6366f114;transform:translateX(2px)}.chatroom_wrapper .chatroom_container .member_item:last-child{border-bottom:none}.chatroom_wrapper .chatroom_container .member_item:first-child{margin-top:8px}.chatroom_wrapper .chatroom_container .member_avatar{align-items:center;border:2px solid #ffffff1a;border-radius:50%;box-shadow:0 3px 8px #00000026;color:#fff;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:44px;justify-content:center;transition:all .2s ease;width:44px}.chatroom_wrapper .chatroom_container .member_item:hover .member_avatar{box-shadow:0 4px 12px #00000040;transform:scale(1.05)}.chatroom_wrapper .chatroom_container .member_avatar p{font-weight:700;margin:0;text-transform:uppercase}.chatroom_wrapper .chatroom_container .member_info{display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;min-width:0}.chatroom_wrapper .chatroom_container .member_info h4{color:#f8fafc;font-size:16px;font-weight:600;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatroom_wrapper .chatroom_container .current_user_label{background:#10b9811f;border:1px solid #10b9814d;border-radius:12px;box-shadow:0 1px 3px #10b98133;color:#10b981;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.8px;padding:3px 8px;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .room_metadata .room_info:hover{background:#ffffff0d;border-radius:8px;transition:background .2s ease}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .room_metadata .room_info:hover .room_name p{color:#c7d2fe}.chatroom_wrapper .chatroom_container .members_list::-webkit-scrollbar{width:8px}.chatroom_wrapper .chatroom_container .members_list::-webkit-scrollbar-track{background:#3341554d;border-radius:4px}.chatroom_wrapper .chatroom_container .members_list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f1,#8b5cf6);border:1px solid #ffffff1a;border-radius:4px}.chatroom_wrapper .chatroom_container .members_list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5a5fcf,#7c3aed);box-shadow:0 2px 4px #6366f14d}.chatroom_wrapper .chatroom_container .members_list:after{content:"";display:block;height:12px}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.highlighted{animation:highlightMessage 2s ease-in-out;position:relative}@keyframes highlightMessage{0%{background:#6366f14d;box-shadow:0 0 20px #6366f180;transform:scale(1.02)}50%{background:#6366f133;box-shadow:0 0 15px #6366f14d;transform:scale(1.01)}to{background:#0000;box-shadow:none;transform:scale(1)}}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .enhanced_reply_indicator{cursor:pointer;transition:all .2s ease}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .enhanced_reply_indicator:hover{background:#6366f133!important;border-left-color:#8b5cf6!important;transform:translateX(2px)}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .enhanced_reply_indicator:hover{background:#ffffff40!important;border-left-color:#ffffffe6!important}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .reply_click_icon{color:#94a3b8;font-size:10px;margin-left:auto;transition:all .2s ease}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .enhanced_reply_indicator:hover .reply_click_icon{color:#6366f1;transform:scale(1.2)}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .chat_content .chat_message.sent .enhanced_reply_indicator:hover .reply_click_icon{color:#ffffffe6}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .text_input .image_preview_container{align-items:center!important;background-color:#f8f9fa!important;border:1px solid #ddd!important;border-radius:8px!important;box-sizing:border-box!important;display:flex!important;flex-shrink:0!important;gap:10px!important;height:40px!important;max-height:40px!important;max-width:100%!important;min-height:40px!important;overflow:hidden!important;padding:6px 8px!important;position:relative!important;width:100%!important}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .text_input .image_preview_thumbnail{border-radius:4px!important;flex-grow:0!important;flex-shrink:0!important;height:28px!important;overflow:hidden!important;width:28px!important}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .text_input .image_preview_thumbnail img{display:block!important;height:100%!important;object-fit:cover!important;width:100%!important}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .text_input .image_info{flex:1 1!important;min-width:0!important;overflow:hidden!important}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .text_input .image_info>div:first-child{color:#333!important;font-size:14px!important;font-weight:500!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .text_input .image_info>div:last-child{color:#666!important;font-size:12px!important;line-height:1!important;margin-top:2px!important}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .text_input .clear_file_btn{align-items:center!important;background:none!important;border:none!important;border-radius:4px!important;color:#dc3545!important;cursor:pointer!important;display:flex!important;flex-grow:0!important;flex-shrink:0!important;font-size:16px!important;font-weight:700!important;height:24px!important;justify-content:center!important;padding:2px!important;transition:color .2s ease!important;width:24px!important}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .text_input .clear_file_btn:hover{background:#dc35451a!important;color:#c82333!important}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .room_list::-webkit-scrollbar{width:6px}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .room_list::-webkit-scrollbar-track{background:#4755694d;border-radius:3px}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .room_list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f1,#8b5cf6);border:1px solid #ffffff1a;border-radius:3px}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .room_list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5a5fcf,#7c3aed);box-shadow:0 2px 4px #6366f14d}.chatroom_wrapper .chatroom_container .content_wrapper .room_list_container .room_list{scrollbar-color:#6366f1 #4755694d;scrollbar-width:thin}.mention-suggestions-dropdown{background-color:#1e293b!important;border:1px solid #374151!important;border-radius:8px!important;bottom:100%!important;box-shadow:0 4px 16px -4px #0000004d!important;left:0!important;margin-bottom:4px!important;max-height:200px!important;overflow-y:auto!important;position:absolute!important;right:0!important;z-index:1100!important}.mention-suggestion-item{align-items:center!important;cursor:pointer!important;display:flex!important;gap:8px!important;padding:8px 12px!important;transition:background-color .2s ease!important}.mention-suggestion-item:focus,.mention-suggestion-item:hover{background-color:#374151!important;outline:none!important}.mention-suggestion-item:last-child{border-bottom:none!important}.mention-suggestion-item .user-avatar{align-items:center!important;border-radius:50%!important;color:#fff!important;display:flex!important;flex-shrink:0!important;font-size:14px!important;font-weight:600!important;height:32px!important;justify-content:center!important;width:32px!important}.mention-suggestion-item .user-name{color:#e2e8f0!important;font-size:14px!important;font-weight:500!important}.mention-tag{border:1px solid #fff3!important;border-radius:14px!important;box-shadow:0 2px 4px #0000004d!important;color:#fff!important;display:inline-block!important;font-size:.95em!important;font-weight:600!important;margin:0 2px!important;padding:3px 8px!important;text-shadow:0 1px 2px #0000004d!important;transition:all .2s ease!important}.mention-tag:hover{filter:brightness(1.1)!important;transform:scale(1.05)!important}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container{overflow:visible!important;position:relative!important}.chat_message.user-tagged{position:relative}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}}@keyframes taggedMessageGlow{0%{box-shadow:0 0 0 4px #3b82f64d,0 4px 16px #3b82f666;transform:translateX(4px)}50%{box-shadow:0 0 0 6px #3b82f633,0 6px 20px #3b82f64d;transform:translateX(3px)}to{box-shadow:0 0 0 2px #3b82f626,0 4px 12px #3b82f633;transform:translateX(2px)}}.chat_message.user-tagged .mention-tag.mention-self{animation:mentionHighlight 2.5s ease-out!important;background:linear-gradient(135deg,#f59e0b,#d97706)!important;border-radius:16px!important;box-shadow:0 0 0 3px #f59e0b66,0 3px 8px #f59e0b4d!important;color:#fff!important;font-size:1em!important;font-weight:700!important;margin:0 2px!important;padding:3px 8px!important;text-shadow:0 1px 2px #0000004d!important;transform:scale(1.1)!important}@keyframes mentionHighlight{0%{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 0 5px #f59e0b99,0 4px 12px #f59e0b80;transform:scale(1.2)}25%{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 0 6px #f59e0b80,0 5px 15px #f59e0b66;transform:scale(1.15)}50%{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 0 4px #f59e0b66,0 4px 10px #f59e0b4d;transform:scale(1.12)}to{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 0 3px #f59e0b66,0 3px 8px #f59e0b4d;transform:scale(1.1)}}.chat_message.sent.user-tagged:before{display:none!important}.chat_message.sent.user-tagged .mention-tag.mention-self{animation:sentMentionHighlight 2.5s ease-out!important;background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 0 0 3px #10b98166,0 3px 8px #10b9814d!important}@keyframes sentMentionHighlight{0%{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 0 5px #10b98199,0 4px 12px #10b98180;transform:scale(1.2)}25%{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 0 6px #10b98180,0 5px 15px #10b98166;transform:scale(1.15)}50%{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 0 4px #10b98166,0 4px 10px #10b9814d;transform:scale(1.12)}to{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 0 3px #10b98166,0 3px 8px #10b9814d;transform:scale(1.1)}}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .text_input>div{align-items:center!important;box-sizing:border-box!important;display:flex!important;flex:1 1!important;min-width:0!important;width:100%!important}.chatroom_wrapper .chatroom_container .content_wrapper .room_content .send_message_container .text_input>div>input{box-sizing:border-box!important;flex:1 1!important;min-width:0!important;width:100%!important}.chat_message.sent .mention-tag{border:1px solid #ffffff4d!important;box-shadow:0 2px 4px #0003,0 0 0 1px #fff3!important;color:#fff!important;font-weight:700!important}.chat_message.sent .mention-tag:hover{box-shadow:0 3px 6px #0000004d,0 0 0 2px #ffffff4d!important}.chat_message.received .mention-tag{box-shadow:0 2px 4px #0003,0 0 0 1px #fff3!important}.chat_message.received .mention-tag:hover{box-shadow:0 3px 6px #0000004d,0 0 0 2px #ffffff4d!important}.chat_message .mention-tag{position:relative;z-index:1}.chat_message .mention-tag:before{background:inherit;border-radius:inherit;bottom:-2px;content:"";filter:blur(2px);left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;transition:opacity .2s ease;z-index:-1}.chat_message .mention-tag:hover:before{opacity:.5}.chat_message.user-tagged.user-tagged-self{animation:none!important;background:linear-gradient(135deg,#3b82f614,#3b82f608)!important;border-left:4px solid #3b82f6!important;border-radius:8px!important;box-shadow:0 2px 8px #3b82f61a!important;margin:8px 0!important;overflow:visible!important;padding:4px!important;position:relative!important;transform:none!important;transition:all .3s ease!important}.chat_message.user-tagged.user-tagged-self:before{background:linear-gradient(180deg,#3b82f6,#2563eb)!important;border-radius:2px!important;bottom:0!important;box-shadow:none!important;content:""!important;left:-4px!important;opacity:.9!important;position:absolute!important;top:0!important;width:4px!important;z-index:1!important}.chat_message.sent.user-tagged.user-tagged-self{animation:none!important;transform:none!important}.chat_message.sent.user-tagged.user-tagged-self:before{display:none!important}.chat_message.user-tagged.user-tagged-self .mention-tag.mention-self{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:2px solid #fff6!important;border-radius:16px!important;box-shadow:0 3px 8px #3b82f666,0 0 0 2px #3b82f64d!important;color:#fff!important;font-size:1em!important;font-weight:700!important;margin:0 3px!important;padding:4px 10px!important;position:relative!important;text-shadow:0 1px 2px #0000004d!important;transform:none!important;z-index:10!important}.chat_message.sent.user-tagged.user-tagged-self .mention-tag.mention-self{background:linear-gradient(135deg,#10b981,#059669)!important;border:1px solid #ffffff4d!important;box-shadow:0 2px 6px #10b9814d!important;color:#fff!important}.chat_message.user-tagged.user-tagged-self .message_content{background:none!important;padding:0!important}.chat_message.user-tagged.user-tagged-self .message_content:after{display:none!important}@keyframes loadingBar{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}*{box-sizing:border-box;margin:0;padding:0}
/*# sourceMappingURL=main.e1d898d5.css.map*/