@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Montserrat:400,800);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{align-items:center;background:#f6f5f7;flex-direction:column;font-family:Montserrat,sans-serif;justify-content:center;margin:-20px 0 50px}.container,.dark-theme body{background-color:#fff}.container{border-radius:10px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;max-width:100%;min-height:480px;overflow:hidden;position:relative;width:768px}.social{size:20px;cursor:pointer}.form-container,.form-container-create{align-items:center;display:flex;flex-direction:column;height:100%;position:absolute;top:0;transition:all .6s ease-in-out;width:100%}.dark-theme .form-container-create h1,.form-container-create h1{color:#000}.container form.form-container-create{width:70%}.form-container-create .form-container-input-create{border:none;font-size:20px;height:50%;margin:14px;padding:20px}.form-container-create .form-container-input-create:hover{box-shadow:4px 4px 4px #a29f9f;outline-style:inherit;transition:smooth .4s}.form-container-create .form-container-input{height:50%;margin:14px;padding:20px}.form-container-create .form-container-input:hover{box-shadow:4px 4px 4px #a29f9f;outline-style:inherit;transition:smooth .4s}.form-container-create .social-container{align-items:center;display:flex;justify-content:space-between;width:100%}.form-container-create{height:50%;width:50%}.form-container-create .form-container-input{border:none;font-size:20px;height:20%;margin:12px;padding:12px}.form-container-signin{align-items:center;display:flex;flex-direction:column;height:100%;position:absolute;top:0;transition:all .6s ease-in-out;width:100%}.dark-theme .form-container-signin .social-icon,.dark-theme .sign-in-title,.sign-in-title{color:#000}.form-container-signin span{color:#000;font-size:20px;font-weight:500}.dark-theme .form-container-signin span{color:#000}.form-container-signin .form-container-input-signin{border:none;font-size:20px;margin:12px;padding:20px}.form-container-signin .form-container-input-signin:hover{box-shadow:4px 4px 4px #a29f9f;outline-style:inherit;transition:smooth .4s}.form-container-signin .form-container-button-signin{background-color:#ff4b2b;border:1px solid #ff4b2b;border-radius:20px;color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;margin:10px;padding:12px 45px;text-transform:uppercase;transition:transform 80ms ease-in}.form-container-signin .form-container-button-signin:hover{transform:scale(.95)}.form-container-signin .sign-in-error{color:#ff4b2b;font-size:12px;margin-top:10px}.dark-theme .form-container-signin .sign-in-error{color:#ff4b2b}.form-container-button{background-color:#ff4b2b;border:1px solid #ff4b2b;border-radius:20px;color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;padding:12px 45px;text-transform:uppercase;transition:transform 80ms ease-in}.form-container-button:active{transform:scale(.95)}.form-container-button:focus{outline:none}.form-container-button.ghost{background-color:initial;border-color:#fff}.sign-in-container{left:0;width:50%;z-index:2}.sign-up-container{left:0;opacity:0;width:50%;z-index:1}.container.right-panel-active .sign-in-container{transform:translateX(100%)}.container.right-panel-active .sign-up-container{animation:show .6s;opacity:1;transform:translateX(100%);z-index:5}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.overlay-container{height:100%;left:50%;overflow:hidden;position:absolute;top:0;transition:transform .6s ease-in-out;width:50%;z-index:100}.container.right-panel-active .overlay-container{transform:translateX(-100%)}.overlay{background:#ff416c;background:linear-gradient(90deg,#151515,#b73434);background-position:0 0;background-repeat:no-repeat;background-size:cover;color:#fff;height:100%;left:-100%;position:relative;transform:translateX(0);transition:transform .6s ease-in-out;width:200%}.container.right-panel-active .overlay{transform:translateX(50%)}.overlay-panel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0 40px;position:absolute;text-align:center;top:0;transform:translateX(0);transition:transform .6s ease-in-out;width:50%}.overlay-left{transform:translateX(-20%)}.container.right-panel-active .overlay-left,.overlay-right{transform:translateX(0)}.overlay-right{right:0}.container.right-panel-active .overlay-right{transform:translateX(20%)}footer{background-color:#222;bottom:0;color:#fff;font-size:14px;left:0;position:fixed;right:0;text-align:center;z-index:999}footer p{margin:10px 0}footer i{color:#d62727}footer a{color:#3c97bf;text-decoration:none}.overlay-icon{size:24px;color:#fff;margin:10px}.ghost{background-color:#ff4b2b;border:1px solid #ff4b2b;border-radius:20px;color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;margin-top:10px;padding:12px 45px;text-transform:uppercase;transition:transform 80ms ease-in}.ghost:hover{transform:scale(.95)}.chat-request-popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.chat-request-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:24px;width:400px}.user-profile{align-items:center;display:flex;margin-bottom:20px}.avatar-placeholder{align-items:center;background-color:#007bff;border-radius:50%;color:#fff;display:flex;font-size:24px;height:50px;justify-content:center;margin-right:16px;width:50px}.user-info{flex:1 1}.user-info h3{color:#333;margin:0 0 4px}.user-info p{color:#666;margin:0}.request-message{color:#555;margin:20px 0;text-align:center}.request-buttons{display:flex;gap:16px;justify-content:space-around}.request-buttons button{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-weight:500;padding:12px;transition:all .2s}.accept-btn{background-color:#28a745;color:#fff}.accept-btn:hover{background-color:#218838}.decline-btn{background-color:#dc3545;color:#fff}.decline-btn:hover{background-color:#c82333}.message.system{display:flex;justify-content:center;margin:8px 0}.message.system .message-bubble{background:#0000000d;border-radius:12px;color:#666;font-size:12px;font-style:italic;padding:4px 12px}.dark-theme .message.system .message-bubble{background:#ffffff1a;color:#999}.message-area{align-self:center;background:#fff;border:1px solid #e1e1e1;border-radius:20px;display:flex;flex:1 1;flex-direction:column;font-family:Inter,sans-serif;height:96%;min-width:0;width:850px}.message-header{border-bottom:1px solid #edf2f9;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:0;padding:10px 10px 0;width:100%}.message-bubble.deleted{opacity:.6}.deleted-message{color:#666;font-style:italic}.message-header h1{font-size:14px}.message-header h2{font-size:12px}.header-info{gap:16px;justify-content:space-around}.header-actions,.header-info{align-items:center;display:flex;flex-direction:row}.header-actions{justify-content:flex-end}.member-count{color:#77838f;font-size:12px;margin-top:2px}.members-count{color:#77838f;font-size:13px}.action-btn{color:#77838f}.action-btn:hover{background:#f8f9fc}.date-divider{align-items:center;display:flex;justify-content:center;margin:24px 0;padding:0 16px;position:relative;width:100%}.date-line{background:linear-gradient(90deg,#0000,#4f46e51a,#4f46e51a,#0000);flex:1 1;height:1px}.date-text{background:#fff;border:1px solid #4f46e51a;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#6b7280;font-size:12px;font-weight:500;margin:0 12px;padding:4px 12px;transition:all .2s ease}.dark-theme .date-divider .date-text{background:#1a1a1a;border-color:#ffffff1a;color:#9ca3af}.dark-theme .date-divider .date-line{background:linear-gradient(90deg,#0000,#ffffff1a,#ffffff1a,#0000)}.date-divider:hover .date-text{border-color:#4f46e533;box-shadow:0 4px 6px #4f46e51a;transform:translateY(-1px)}.message-content{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:6px}.message{align-items:flex-start;display:flex;gap:12px;margin:8px 0;max-width:80%;padding:4px 8px;position:relative;width:fit-content}.message.received{margin-right:auto;max-width:fit-content}.message.sent{flex-direction:row-reverse;margin-left:auto}.message-user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;width:36px}.message-user-avatar,.message.sent .message-user-avatar{background-color:#4f46e5}.message.received .message-user-avatar{background-color:#9ca3af}.message-content-wrapper{display:flex;flex-direction:column;gap:4px;max-width:100%;position:relative;width:fit-content}.message.sent .message-user-email{align-self:flex-end;color:#6c757d;display:flex;font-size:12px;margin-bottom:2px}.message.received .message-user-email{align-self:flex-start;color:#6c757d;display:flex;font-size:12px;margin-bottom:2px}.message-bubble-wrapper{display:flex;flex-direction:column;opacity:1;transition:opacity .2s ease;width:fit-content}.message:hover .message-actions{opacity:1;pointer-events:auto}.message-actions{opacity:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;z-index:10}.message.sent .message-actions{left:-40px}.message.received .message-actions{right:-40px}.message.sent .message-bubble-wrapper{align-self:flex-end;display:flex;flex-direction:column;width:fit-content}.message.received .message-bubble-wrapper{align-self:flex-start;display:flex;flex-direction:column;width:fit-content}.message-bubble{background:#f8f9fc;border-radius:20px;max-width:400px;padding:12px 16px;position:relative;white-space:pre-wrap;width:auto;word-break:break-word}.message.sent .message-bubble{background:#4f46e5;border-bottom-right-radius:4px;color:#fff;margin-left:auto}.message.received .message-bubble{background-color:#f3f4f6;border-bottom-left-radius:4px;color:#1f2937;margin-right:auto}.message-bubble p{color:inherit;font-size:14px;line-height:1.5;margin:0;overflow-wrap:break-word;overflow-y:auto;transition:all .3s ease;white-space:pre-wrap;word-break:break-word}.message-bubble span{color:inherit;font-size:12px;opacity:.8}.serverTimestamp{color:#f0f0f0;display:flex;justify-content:flex-end;margin-top:4px;opacity:0;position:absolute;transition:opacity .2s ease}.message.sent .serverTimestamp{color:#0000;font-size:10px;right:-47px}.message.received .serverTimestamp{color:#0000;font-size:10px;justify-content:flex-start;left:-47px}.message-bubble:hover .serverTimestamp{color:#f0f0f0;opacity:1}.voice-message .serverTimestamp{font-size:10px;opacity:0;position:absolute;transition:opacity .2s ease}.voice-message:hover .serverTimestamp{color:#f0f0f0;opacity:1}.message.sent .voice-message .serverTimestamp{right:-54px}.voice-message.received .serverTimestamp{left:-50px}.reply-reference{background:#0000000d;border-left:2px solid #4f46e5;border-radius:4px;margin-bottom:8px;max-width:100%;overflow:hidden;padding:6px 10px}.message.sent .reply-reference{background:#ffffff1a;border-left-color:#fff}.reply-reference .reply-preview-content{flex:1 1;overflow:hidden;padding-right:8px}.reply-reference .reply-user{color:#4f46e5;font-size:11px;margin-bottom:2px}.message.sent .reply-reference .reply-user{color:#ffffffe6}.reply-reference .reply-text{color:#666;font-size:12px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message.sent .reply-reference .reply-text{color:#ffffffb3}.message{transition:background-color .3s ease}.message.highlight{background-color:#4f46e51a}.reply-reference{cursor:pointer;transition:background-color .2s ease}.reply-reference:hover{background-color:#00000014}.message.sent .reply-reference:hover{background-color:#ffffff26}.message-status{align-items:flex-end;color:#6c757d;display:flex;font-size:12px;margin-top:4px}.message.sent .message-status{justify-content:flex-start}.message.received .message-status{justify-content:flex-end}.status-icon{align-items:center;display:flex;height:16px;justify-content:center;width:16px}.status-sent{color:#28a745}.status-received{color:#007bff}.status-pending{color:#ffc107}.message-box-reply-preview{background-color:#f9f9f9;border-radius:20px;display:flex;justify-content:end;margin-top:0;padding-top:0;width:100%}.message-box-reply-preview .reply-preview{align-items:center;animation:fadeIn .2s ease-in-out;background:#f2ecec;border-radius:20px;border-bottom-left-radius:20px;border-left:3px solid #000;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:row;overflow:hidden;padding-bottom:0;padding-top:0;width:400px}.message-box-reply-preview .reply-preview-content{flex:1 1;overflow:hidden;padding-right:8px}.message-box-reply-preview .reply-user{display:flex;font-size:14px;justify-self:end}.message-box-reply-preview .reply-text{color:#666;font-size:12px;justify-self:end;margin:4px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-box-reply-preview .reply-text .reply-voice{font-size:10px;margin:0;padding:0;width:100%}.message-box-reply-preview .cancel-reply{border:none;border-radius:40px;color:#000;padding:0}.cancel-reply:hover{color:#e1e1e1}.message-box{background-color:#f9f9f9;border:none;border-bottom-left-radius:14px;border-bottom-right-radius:15px;display:flex;justify-content:end;margin-top:0;outline:none;padding:4px;width:100%}.message-box .message-input-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;outline:none;padding:2px 4px;width:100%}.message-box .message-input{word-wrap:break-word;background:#0000;border:none;flex:1 1;font-size:14px;margin-bottom:0;max-height:100px;outline:none;overflow-y:auto;overflow-y:scroll;padding:0 10px;resize:none;transition:all .3s ease;white-space:pre-wrap}.message-box .message-input:focus{border:none;outline:none}.message-box .message-input:before{content:attr(data-replicated-value) " ";visibility:hidden;white-space:pre-wrap}.message-box .message-input::-webkit-scrollbar{width:6px}.message-box .message-input::-webkit-scrollbar-track{background:#0000}.message-box .message-input::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:3px}.message-box .message-container.sent{display:flex;flex-direction:row-reverse;justify-content:flex-end;margin-left:auto;width:100%}.overlay-reply-button{background:none;border:none;border-radius:15px;color:#666;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.overlay-reply-button:hover{background:#0000000d;color:#333}.voice-btn{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.voice-btn:hover{background:#e5e7eb}.voice-btn.recording{animation:pulse 1.5s infinite;background:#ff44441a;color:#f44}.recording-indicator{align-items:center;background:#ff44441a;border-radius:20px;display:flex;gap:4px;padding:6px 10px}.duration{color:#f44;font-size:13px;font-weight:500;min-width:40px}@keyframes pulse{0%{background:#ff44441a;transform:scale(1)}50%{background:#ff444426;transform:scale(1.05)}to{background:#ff44441a;transform:scale(1)}}.voice-preview-btn:hover{opacity:.9}.audio-player{border-radius:20px;height:40px;width:100%}.audio-player::-webkit-media-controls-panel{background:#fff}.audio-player::-webkit-media-controls-current-time-display,.audio-player::-webkit-media-controls-time-remaining-display{color:#4b5563}.message-bubble .voice-message{background:#e1e1e1;padding:0}.message.received .message-bubble .voice-message,.message.sent .message-bubble .voice-message{background:#0000}.message.sent .message-bubble .time{color:#fffc}.voice-message-player{background-color:#f0f0f0;border-radius:20px;height:40px;max-width:800px}.last-message{font-size:.8em;margin-top:4px}.message-bubble .pin-indicator{color:#fff;position:absolute;right:-8px;top:-8px}.message.sent .message-bubble .pin-indicator{color:#000}.message.received .message-bubble .pin-indicator,.reply-reference .message.received .message-bubble .pin-indicator{color:#1a1a1a;left:-44px;top:-50px;transform:rotate(-90deg)}.dark-theme .message.sent .message-bubble .pin-indicator{color:#ff0202}.dark-theme .message.received .message-bubble .pin-indicator{color:#fff}.pin-icon{height:16px;transition:transform .2s ease;width:16px}.pin-icon.pinned{color:#4f46e5;transform:rotate(-45deg)}.message.received .pin-icon.pinned{transform:rotate(45deg)}.message-action-btn:hover .pin-icon{transform:scale(1.1)}.message-action-btn:hover .pin-icon.pinned{transform:rotate(-45deg) scale(1.1)}.header-details{gap:16px}.header-details,.pin-info{align-items:center;display:flex}.pin-info{color:#c62020;cursor:pointer;font-size:13px;gap:6px}.header-pin-icon{transform:rotate(-90deg)}.options-container{position:relative}.action-btn{background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;padding:8px;transition:all .2s}.action-btn:hover{background:#4f46e51a;color:#4f46e5}.reactions-container{align-items:center;display:flex;flex-direction:column;margin:4px 0;min-height:24px;position:relative;width:100%}.message.received .reactions-container{align-items:flex-start;display:flex;flex-direction:column;position:relative}.message.sent .reactions-container{align-items:flex-end;display:flex;flex-direction:column-reverse;position:relative}.reactions-popup{right:0}.message.sent .reactions-popup,.reactions-popup{background:#fff;border-radius:20px;bottom:-40px;box-shadow:0 2px 8px #00000026;display:none;gap:8px;padding:5px 10px;position:absolute;z-index:100}.message.sent .reactions-popup{align-items:start}.message.received .reactions-popup{left:0;right:auto}.message-bubble-wrapper{overflow:visible;padding-bottom:40px;position:relative}.message-bubble-wrapper:hover .reactions-popup{animation:slideUp .4s ease-out;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reaction-btn{animation:bounceIn .3s ease-out;background:none;border:none;cursor:pointer;font-size:16px;padding:4px;transition:all .2s}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:.9;transform:scale(1.1)}80%{opacity:1;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.reaction-btn:hover{transform:scale(1.3) rotate(10deg)}.reaction-badge:hover{transform:scale(1.05);transition:transform .2s ease}.message.sent .reaction-badges{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.message.received .reaction-badges{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-start}.reaction-badge{align-items:center;animation:popIn .2s ease-out;background:#fffdfd;border-radius:12px;box-shadow:0 1px 2px #0000000d;display:inline-flex;gap:2px;padding:2px 6px;position:relative}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.reaction-emoji{font-size:12px;transition:transform .2s}.reaction-badge:hover .reaction-emoji{transform:scale(1.2)}.reaction-count{color:#65676b;font-size:11px}.reaction-tooltip{background:#000c;border-radius:6px;bottom:100%;color:#fff;display:none;font-size:12px;margin-bottom:8px;padding:6px 12px;pointer-events:none;position:absolute;white-space:nowrap;z-index:1000}.reaction-badge:hover .reaction-tooltip{display:block}.message.received .reaction-tooltip{left:0;transform:translateY(-8px)}.message.sent .reaction-tooltip{left:auto;right:0;transform:translateY(-8px)}.reaction-tooltip:after{border:4px solid #0000;border-top-color:#000c;content:"";position:absolute;top:100%}.message.received .reaction-tooltip:after{left:10px;transform:none}.message.sent .reaction-tooltip:after{left:auto;right:10px;transform:none}.voice-preview{background:#f8f9fc;border-radius:12px;display:flex;flex-direction:row;gap:8px;justify-content:space-between;padding:8px;width:100%}.voice-preview-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.voice-preview-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.voice-preview .voice-message-player-container{background:#f3f4f6}.voice-preview-btn.cancel{background:#f3f4f6;color:#666}.voice-preview-btn.send{background:#4f46e5;color:#fff}.voice-preview .waveform-container{display:flex;flex:1 1;height:24px;position:relative}.voice-preview .waveform-canvas{border-radius:14px;height:100%;width:100%}.voice-preview .duration-display,.voice-preview .play-button,.voice-preview .speed-button{color:#4f46e5}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.MessageOptions-overlay{animation:slideDown .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;left:110px;position:fixed;top:170px;width:300px;z-index:1000}.dark-theme .MessageOptions-overlay{background:#171818}.MessageOptions-content{padding:8px}.MessageOptions-header{align-items:center;border-bottom:1px solid #edf2f9;display:flex;justify-content:space-between;padding:8px 12px}.dark-theme .MessageOptions-header{border-bottom:1px solid #272728}.MessageOptions-title span{color:#4b5563;font-size:14px;font-weight:500}.dark-theme .MessageOptions-title span{color:#f3f4f6}.MessageOptions-list{padding:8px 0}.MessageOptions-list .message-search{border-bottom:none;padding:0}.MessageOptions-list .search-bar{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:12px;display:flex;height:50px;padding:0 15px;transition:all .3s ease}.MessageOptions-list .search-bar input{border:none;margin:0;outline:none;padding:10px}.dark-theme .MessageOptions-list .search-bar input{background:#3f3e3e;color:#f3f4f6}.dark-theme .MessageOptions-list .search-bar input::placeholder{color:#f3f4f6}.MessageOptions-list .search-bar:focus-within{background:#fff;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e51a}.dark-theme .MessageOptions-list .search-bar{background:#3f3e3e}.MessageOptions-list .search-filters{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;margin:8px 0;padding:12px}.dark-theme .MessageOptions-list .search-filters{background:#171818;border:1px solid #272728}.MessageOptions-list .date-filter,.MessageOptions-list .type-filter,.MessageOptions-list .user-filter{padding:8px 0;width:100%}.dark-theme .MessageOptions-list .date-filter,.dark-theme .MessageOptions-list .type-filter,.dark-theme .MessageOptions-list .user-filter{color:#f3f4f6}.MessageOptions-list .react-datepicker-wrapper,.MessageOptions-list select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;padding:6px 8px;width:100%}.dark-theme .MessageOptions-list .react-datepicker-wrapper,.dark-theme .MessageOptions-list select{background:#3f3e3e;color:#f3f4f6}.MessageOptions-list .react-datepicker-wrapper:focus-within,.MessageOptions-list select:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a;outline:none}.darkmode .MessageOptions-list .react-datepicker-wrapper,.darkmode .MessageOptions-list select{background:#1a1a1a}.MessageOptions-list .filter-toggle{align-items:center;border:none;border-radius:6px;color:#4b5563;display:flex;margin-left:4px;transition:all .2s}.dark-theme .MessageOptions-list .filter-toggle{background:#3f3e3e;color:#fff}.MessageOptions-list .filter-toggle:hover{background:#4f46e514;border-radius:6px;color:#4f46e5}.dark-theme .MessageOptions-list .filter-toggle:hover{background:#4f46e514}.MessageOptions-list .filter-toggle,.MessageOptions-list .react-datepicker-wrapper,.MessageOptions-list select{transition:all .2s ease}.MessageOptions-list .react-datepicker-wrapper input{border:none;outline:none}.dark-theme .MessageOptions-list .react-datepicker-wrapper input{background:#3f3e3e;border:none;color:#f3f4f6;outline:none}.dark-theme .MessageOptions-list .react-datepicker-wrapper input::placeholder{color:#f3f4f6}.MessageOptions-item{align-items:center;color:#4b5563;cursor:pointer;display:flex;gap:8px;padding:10px 16px;transition:all .2s}.dark-theme .MessageOptions-item{color:#f3f4f6}.MessageOptions-item:hover{background:#4f46e50d;color:#4f46e5}.RoomDetails-overlay{animation:slideDown .2s ease-out;background:#fff;border-radius:20px;box-shadow:0 4px 20px #00000026;left:50.3%;position:fixed;top:50%;transform:translate(-50%,-50%);width:480px;z-index:1000}@keyframes slideDown{0%{transform:translateY(10%)}to{transform:translateY()}}.dark-theme .RoomDetails-overlay{background:#272728;box-shadow:0 4px 20px #48464626}.RoomDetails-content{padding:24px}.RoomDetails-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.RoomDetails-header h2{color:#1f2937;font-size:24px;font-weight:600;margin:0}.dark-theme .RoomDetails-header h2{color:#fff}.room-details-body{align-items:center;display:flex;flex-direction:column;gap:24px}.room-info-item{display:flex;flex-direction:row;gap:4px;justify-content:space-around}.room-avatar-large{align-items:center;background:#f3f4f6;border-radius:60px;color:#4f46e5;display:flex;font-size:48px;font-weight:600;height:120px;justify-content:center;width:120px}.room-info-section{gap:16px;width:100%}.info-item,.room-info-section{display:flex;flex-direction:column}.info-item{gap:4px}.info-item label{color:#6b7280;font-size:12px;font-weight:500}.dark-theme .info-item label{color:#f3f4f6}.info-item span{color:#1f2937;font-size:16px;font-weight:500}.dark-theme .info-item span{color:#f3f4f6}.info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:16px}.info-stat{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;padding:16px}.dark-theme .info-stat{background:#161718}.stat-number{color:#4f46e5;font-size:24px;font-weight:600}.info-stat label{color:#6b7280;font-size:14px;margin-top:4px}.dark-theme .info-stat label{color:#f3f4f6}.room-type{border-radius:20px;display:inline-flex;font-size:14px;font-weight:500;padding:4px 12px}.room-type.public{background:#4f46e51a;background:#27ce59;box-shadow:4px 4px 4px #5dc569;color:#fff}.room-type.private{background:#dc26261a;background:#ce2727;box-shadow:4px 4px 4px #dc2626;color:#fff}.voice-message-player-container{align-items:center;border-radius:50px;box-shadow:0 2px 8px #0000001a;display:flex;gap:12px;padding:8px 16px;width:100%}.speed-button{background:none;border:none;border-radius:12px;color:inherit;cursor:pointer;font-size:12px;padding:4px 8px 4px 12px;transition:all .2s}.message.sent .speed-button{color:#ff2929}.message.received .speed-button{color:#4f46e5}.speed-button:hover{background:#0000001a}.message.received .voice-message-player-container,.message.sent .voice-message-player-container{background:#f3f4f6}.waveform-container{align-items:center;display:flex;flex:1 1;height:24px;position:relative}.waveform-canvas{border-radius:14px;height:100%;padding-right:14px;width:100px}.message.received .waveform-canvas,.message.sent .waveform-canvas{background:#0000}.play-button{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:transform .2s}.play-button:hover{transform:scale(1.1)}.message.sent .play-button{color:#ff2929}.message.received .play-button{color:#4f46e5}.duration-display{color:#fff;font-size:12px;font-weight:500}.message.received .duration-display{color:#0045f4}.message.sent .duration-display{color:#ff2929}.message-actions-overlay{animation:fadeIn .2s ease-in-out;background:#fffffff2;border-radius:20px;box-shadow:0 2px 8px #00000026;padding:4px;position:absolute;right:-60px;top:30px;z-index:10}.message.sent .message-actions-overlay{left:-60px;right:auto}.action-button{align-items:center;background:none;border:none;border-radius:15px;color:#666;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .2s}.action-button:hover{background:#0000000d;color:#333}.action-button.delete-button{color:#dc2626}.action-button.delete-button:hover{background:#dc26261a}.action-button.pin-button{color:dimgray}.action-button.action-button.pin-button:hover{background:hsla(0,22%,82%,.347)}.message-loading-container{align-items:center;animation:fadeIn .3s ease-in;display:flex;height:100%;justify-content:center;padding:20px}.message-loading{display:flex;gap:4px}.dot{animation:bounce 1.4s ease-in-out infinite;background-color:#4f46e5;border-radius:50%;height:8px;width:8px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.dark-theme .dot{background-color:#818cf8}.pinned-messages-overlay{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000;bottom:0;display:flex;justify-content:flex-start;left:0;padding:44px;position:fixed;right:0;top:0;z-index:1000}.pinned-messages-content{animation:slideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 8px 32px #4f46e526;max-width:500px;overflow:hidden;width:90%}.pinned-header{align-items:center;color:#6e6abc;display:flex;font-weight:500;gap:8px;justify-content:space-between;margin-bottom:12px;padding:12px}.pinned-title{display:flex;gap:4px;padding:12px}.pinned-header span{-webkit-text-fill-color:#0000;animation:gradient 8s ease infinite;background:linear-gradient(135deg,#1a1a1a,#abb334);-webkit-background-clip:text;font-size:18px}.pin-icon{size:20px;color:#e13f23}.close-btn{align-self:flex-start;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s;width:32px}.close-btn:hover{background:#4f46e51a;color:#4f46e5}.pinned-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:8px}.pinned-message{background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:10px 12px;position:relative;transition:all .2s ease}.pinned-message:after{border-bottom:2px solid #94a3b8;border-right:2px solid #94a3b8;content:"";height:6px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transform:translateY(-50%) rotate(-45deg);width:6px}.pinned-message:hover{background:#f1f5f9;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.pinned-by{color:#000;display:block;font-size:12px;margin-bottom:4px}.pinned-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#000;display:-webkit-box;font-size:13px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.delete-room-popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}.delete-room-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:300px;padding:24px;text-align:center;width:80%}.delete-room-title{color:#333;font-size:18px;margin-bottom:16px}.delete-room-text{color:#666;margin-bottom:24px}.delete-room-buttons{display:flex;gap:16px;justify-content:center}.delete-room-button{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:8px 24px;transition:all .2s}.delete-room-button.confirm{background-color:#dc3545;color:#fff}.delete-room-button.confirm:hover{background-color:#c82333}.delete-room-button.cancel{background-color:#6c757d;color:#fff}.delete-room-button.cancel:hover{background-color:#5a6268}.room{display:flex;flex-direction:column}.room-label{-webkit-text-fill-color:#0000;animation:gradient 8s ease infinite;background:linear-gradient(135deg,#1da95f,#deff3b);-webkit-background-clip:text;font-size:24px;font-weight:600;margin-bottom:14px}.room-input-container{display:flex;gap:10px;position:relative}.room-input-field{background:#fff;border:2px solid #e5e7eb;border-radius:8px;flex:1 1;font-size:14px;padding:12px 16px;transition:all .3s ease}.room-input-field:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.room-type-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;border-bottom-right-radius:15px;cursor:pointer;padding:4px;transition:all .3s ease}.room-type-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.room-input{display:flex;flex-direction:row;justify-content:space-between}.room input{border:1px solid #ccc;border-radius:4px;border-bottom-left-radius:15px;font-size:14px;padding:8px 12px;transition:border-color .2s ease;width:55%}.room input:focus{border-color:#1da95f;outline:none}.room input.error{border-color:#dc3545}.error-message{animation:fadeIn .2s ease;color:#dc3545;font-size:12px;margin-top:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.room-type,.room-type-option{border:1px solid #000;border-radius:4px}.room-type-option{outline:none}.room-btn{display:flex;justify-content:space-between}.custom-btn{background:#0000;box-shadow:inset 2px 2px 2px 0 #ffffff80,7px 7px 20px 0 #0000001a,4px 4px 5px 0 #0000001a;color:#fff;cursor:pointer;display:inline-block;font-family:Lato,sans-serif;font-weight:500;outline:none;padding:10px 25px;transition:all .3s ease}.btn-12,.custom-btn{border-radius:15px;height:40px;position:relative;width:130px}.btn-12{border:none;bottom:20px;box-shadow:none;line-height:42px;perspective:230px;right:20px}.btn-12 span{background:#00acee;background:linear-gradient(0deg,#00acee,#027efb);border-radius:5px;box-shadow:inset 2px 2px 2px 0 #ffffff80,7px 7px 20px 0 #0000001a,4px 4px 5px 0 #0000001a;box-sizing:border-box;display:block;height:40px;margin:0;position:absolute;text-align:center;transition:all .14s;width:130px}.btn-12 span:first-child{box-shadow:-7px -7px 20px 0 #fff9,-4px -4px 5px 0 #fff9,7px 7px 20px 0 #0002,4px 4px 5px 0 #0001;transform:rotateX(90deg);transform-origin:50% 50% -20px}.btn-12 span:nth-child(2){transform:rotateX(0deg);transform-origin:50% 50% -20px}.btn-12:active span:first-child{transform:rotateX(0deg)}.btn-12:active span:first-child,.btn-12:active span:nth-child(2){box-shadow:inset 2px 2px 2px 0 #ffffff80,7px 7px 20px 0 #0000001a,4px 4px 5px 0 #0000001a}.btn-12:active span:nth-child(2){color:#0000;transform:rotateX(-90deg)}.popup{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px}.dark-theme .popup-content{color:#000}.popup-buttons{display:flex;justify-content:space-around;margin-top:20px}.popup-buttons button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 20px}.popup-buttons button:hover{background-color:#0056b3}.chat-list-container{background-color:#fff;border:none;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;justify-content:space-between;margin:14px;max-width:400px;min-width:250px;overflow:hidden;position:relative;transition:all .3s ease;width:28%}.chat-list-container:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.chat-list-header{background:linear-gradient(135deg,#fff,#f8f9fa);border-bottom:1px solid #0000000d;padding:10px 10px 0}.gradient-text{-webkit-text-fill-color:#0000;animation:gradient 8s ease infinite;background:linear-gradient(135deg,#1a1a1a,#4f46e5);-webkit-background-clip:text;font-size:40px;margin-bottom:4px;margin-top:0}.header-buttom{align-items:center;display:flex;justify-content:space-around}.search{margin:20px 0;transition:all .3s ease}.chat-search-container{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:12px;display:flex;height:50px;padding:0 15px;transition:all .3s ease}.search.focused .chat-search-container{background:#fff;border-color:#4f46e5;box-shadow:0 4px 12px #4f46e51a}.search-icon{align-self:center;color:#6b7280;margin-right:10px}.chat-search-container .search-input{align-self:center;background:#0000;border:none;color:#1a1a1a;font-size:16px;margin:0;outline:none;padding:10px;width:100%}.darkmode-icon toggle-icon-1{background-color:#ff0}.rooms-container{flex:1 1;overflow-y:auto;padding:10px}.room-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin:4px 0;padding:12px;transition:all .2s ease}.room-item:hover{background:#4f46e50d;transform:translateX(5px)}.room-item.active{background:#4f46e51a;border-left:3px solid #4f46e5}.room-content{align-items:center;display:flex;flex:1 1}.room-avatar{height:48px;margin-right:15px;width:48px}.avatar-placeholder{background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-radius:12px;height:100%;position:relative;width:100%}.unread-count{align-items:center;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.unread-count.public{background-color:#27ce59;box-shadow:0 0 4px #27ce5980}.unread-count.private{background-color:#ef4444;box-shadow:0 0 4px #ef444480}.dark-theme .unread-count{border-color:#1f2937}.room-details{display:flex;flex-direction:column;gap:4px}.last-message{color:#666;font-size:.85em;margin:0;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.last-message .sender{color:#444;font-weight:500}.dark-theme .last-message{color:#999}.dark-theme .last-message .sender{color:#bbb}.room-type-badge{border-radius:12px;font-size:12px;margin-left:8px;padding:2px 6px}.room-type-badge.public{background-color:#1da95f;color:#fff}.room-type-badge.private{background-color:#dc3545;color:#fff}.room-info{flex:1 1}.room-info h4{color:#1a1a1a;font-size:16px;margin:0 0 5px}.room-info p{color:#6b7280;font-size:14px;margin:0}.room-action-btn{background-color:initial;border:none;border-radius:6px;color:#dc3545;cursor:pointer;font-size:12px;opacity:0;padding:6px 12px;transition:all .2s ease}.room-item:hover .room-action-btn{opacity:1}.room-action-btn:hover{background-color:#dc35451a}.room-input-wrapper{border-top:1px solid #0000000d;padding:4px}.error-popup{animation:slideIn .3s ease-out;position:fixed;right:20px;top:20px;z-index:1000}.error-popup-content{align-items:center;background:#dc3545;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;gap:8px;justify-content:center;padding:12px 24px}.error-popup-content.error{background:#dc3545;color:#fff}.error-popup-content.success{background:#28a745;color:#fff}.error-popup-content.info{background:#17a2b8;color:#fff}.error-popup-content .error-message{color:#fff;font-size:14px;font-weight:500}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.darkmode{align-items:center;border:1px solid #0000;border-radius:100%;color:#6b7280;cursor:pointer;display:flex;font-size:1.75rem;justify-content:center;margin:1px;padding:1rem;position:relative;transition:all .25s ease}.darkmode:hover{background-color:#0000000d;color:#4f46e5}.darkmode.active{background-color:#4f46e51a;color:#4f46e5}.dark-theme .darkmode{color:#e5e7eb}.dark-theme .darkmode:hover{background-color:#ffffff1a;color:#4f46e5}.tooltip{background:#000c;border-radius:6px;color:#fff;font-size:12px;margin-top:-8px;padding:6px 12px;pointer-events:none;position:absolute;transform:translateY(-100%);white-space:nowrap;z-index:1000}.tooltip:after{border:4px solid #0000;border-top-color:#000c;bottom:-4px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.tooltip-container{display:inline-block;position:relative}.pinned-messages-group{background:#4f46e508;border-radius:12px;margin-bottom:16px;padding:12px}.sidebar{align-items:center;background:#0a0a0a;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:0;width:100px}.sidebar-top{margin-bottom:50px;margin-top:15px}.user-avatar{background-color:#6c757d;border-radius:50%;height:60px;width:60px}.avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.sidebar-avatar{align-items:center;background:#e9ecef;border-radius:50%;display:flex;height:45px;justify-content:center;overflow:hidden;width:45px}.sidebar-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{color:#6c757d;font-size:20px;font-weight:700}.sidebar-bottom,.sidebar-menu{display:flex;flex-direction:column;margin-bottom:16px;padding:0 15px}.sidebar-menu{margin-top:-100%}.menu-item p{font-size:.4em;margin-top:4px}.menu-item-all-icon{background:none;border:none;border-radius:4px;color:#cfc9c9;margin-bottom:4px;padding:0 0 4px}.menu-item-all-icon:hover{color:#fff}.menu-item-all-icon.active{color:#a0cbff}.menu-item-settings-icon{background:none;border:none;border-radius:4px;color:#fff;margin-bottom:4px;padding:0 0 4px}.menu-item-settings-icon:hover{color:#574e74}.menu-item-settings-icon.active{color:#7d65ca}.menu-item-logout-icon{background:none;border:none;border-radius:4px;color:#dc3545;color:#ff1313;margin-bottom:4px;padding:0 0 4px}.menu-item-logout-icon:hover{color:#fff}.menu-item-logout-icon.active{color:#ff1313}.settings-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.settings-content{max-width:90%}.settings-header{align-items:center;display:flex;justify-content:space-between}.settings-header h2{color:#1e2022;font-size:24px;margin:0}.menu-item-private-icon,.menu-item-public-icon{background:none;border:none;border-radius:4px;color:#cfc9c9;margin-bottom:4px;padding:0 0 4px}.private-icon{color:#c62020}.public-icon{color:#30c483}.menu-item-private-icon:hover,.menu-item-public-icon:hover{border-radius:14px;color:#fff}.menu-item-private-icon.active{color:red}.menu-item-public-icon.active{color:#30c483}.settings-overlay .close-settings{background:#fff;border:none;border-radius:5px;cursor:pointer;padding:10px;position:absolute;right:20px;top:20px;transition:background .3s}.settings-overlay .close-settings:hover{background:#e7e7e7}.close-settings:hover{background:#d0d0d0}.profile-settings{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column;height:93%;padding:20px}.dark-theme .profile-settings{background-color:#1b1b1b}.profile-settings:hover{box-shadow:4px 4px 30px #dddde6}.dark-theme .profile-settings:hover{box-shadow:4px 4px 30px #272727}.profile-settings h3{color:#1e2022;font-size:20px;margin-bottom:14px;margin-top:4%}.dark-theme .profile-settings h3{color:#fdfeff}.profile-picture{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:20px;width:100%}.profile-picture img{border-radius:50%;height:80px;margin-right:20px;object-fit:cover;width:80px}.profile-picture-option{display:flex;flex-direction:column}.profile-picture button:hover{background-color:#4f46e5}.About-me,.Profile-name{color:#1e2022;font-size:14px;margin-bottom:5px}.About-me,.dark-theme .Profile-name{color:#fff}.profile-settings .profile-settings-input{font-size:12px;margin:12px;outline:4px;padding:12px}.dark-theme .profile-settings-input{background:#1e2022;border:none;color:#fff;outline:none}.profile-settings-textarea{height:140px;resize:none}.dark-theme .profile-settings-textarea{background:#1e2022;color:#fff}.save-changes-button{align-self:flex-end;background-color:#6366f1;border:none;color:#fff;margin:4px}.profile-settings .save-changes-button.save-changes{background-color:#6366f1;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.save-changes-button:hover{background-color:#3d3986;border:none;color:#fff}.profile-picture-selector{display:flex;margin-top:10px}.profile-picture-selector img{border-radius:50%;cursor:pointer;height:50px;margin:5px;object-fit:cover;width:50px}.account-settings input{font-size:12px;margin:12px;outline:4px;padding:10px}.Account-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:16px}.Account-info-stat{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;padding:16px}.dark-theme .Account-info-stat{background:#161718}.Account-stat-number{color:#4f46e5;font-size:24px;font-weight:600}.Account-info-stat-overlay{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.public-room-count{color:#00ff1ac7}.private-room-count{color:#ff2f2f}.userguide-overlay{background-color:#000c;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.userguide-container,.userguide-overlay{align-items:center;display:flex;justify-content:center}.userguide-container{background:linear-gradient(135deg,#f6f5f7,#e9e9e9);height:100%;perspective:2000px;position:relative;width:100%}.close-guide{background:none;border:none;color:#333;cursor:pointer;padding:10px;position:absolute;right:20px;top:20px;z-index:1001}.guide{backface-visibility:hidden;background:#fffffff2;box-shadow:0 25px 50px -12px #00000040;display:none;max-width:1000px;min-height:480px;opacity:0;padding:3rem;transform:rotateY(180deg) translateZ(100px);transform-style:preserve-3d;transition:all .8s cubic-bezier(.4,0,.2,1);width:80%}.guide,.guide:before{border-radius:20px;position:absolute}.guide:before{background:linear-gradient(45deg,#4299e11a,#6366f11a);bottom:0;content:"";left:0;right:0;top:0;transform:translateZ(-1px)}.guide.active{animation:float 6s ease-in-out infinite;display:block;opacity:1;transform:rotateY(0) translateZ(0)}.guide.exit{opacity:0;transform:rotateY(-180deg) translateZ(-100px)}@keyframes float{0%{transform:translateZ(0)}50%{transform:translateZ(20px)}to{transform:translateZ(0)}}.guide h2{color:#333;margin-bottom:2rem;text-align:center}.guide h2,.guide p{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1);transition-delay:.3s}.guide p{color:#666;line-height:1.6;margin:1rem 0}.guide.active h2,.guide.active p{opacity:1;transform:translateY(0)}.guide.active p{transition-delay:.5s}.page-switcher{bottom:2rem;position:fixed;right:2rem}.page-switcher button{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:50px;box-shadow:0 10px 20px #4f46e533;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:1rem 2rem;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.page-switcher button:hover{background:linear-gradient(135deg,#4f46e5,#3730a3);box-shadow:0 15px 30px #4f46e54d;transform:translateY(-4px) scale(1.05)}.page-switcher button:active{box-shadow:0 5px 10px #4f46e533;transform:translateY(2px) scale(.95)}.page-switcher button:disabled{cursor:not-allowed;opacity:.7}.page-switcher span{margin-left:.5rem}.settings-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:400px}.settings-container{display:flex;height:95%;width:75%}.settings-sidebar{background-color:#f8f9fa;border-radius:8px;border-right:1px solid #e6e9f0;margin-right:15px;padding:20px;width:250px}.settings-sidebar h2{margin-bottom:20px}.settings-sidebar ul{list-style:none;padding:0}.settings-sidebar li{cursor:pointer;padding:10px}.settings-sidebar li.active{background-color:#e7f1ff}.settings-content{flex:1 1;padding:20px}.theme-selector{margin-bottom:20px}.theme-options{display:flex;gap:10px;margin-top:8px}.theme-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 16px;transition:all .2s ease}.theme-button:hover{background:#4f46e51a}.theme-button.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.dark-theme .theme-button{border-color:#444;color:#e5e7eb}.dark-theme .theme-button:hover{background:#ffffff1a}.dark-theme .theme-button.active{background:#4f46e5;border-color:#4f46e5;color:#fff}:root{background-color:#0a0a0a;height:100vh;overflow:hidden}body{margin:0}.mainpage-container,body{display:flex;height:100vh}.mainpage-container{background-color:#0a0a0a;flex-direction:row;overflow:hidden;width:100%}.no-chat-selected{align-items:center;background:#fff;border-radius:20px;color:#77838f;display:flex;height:95%;justify-content:center;text-align:center;width:850px}.dark-theme .no-chat-selected{background:#0000}.no-chat-selected p{font-size:18px}.chat-area{align-items:center;display:flex;padding-bottom:4px}.dark-theme{transition:background-color .3s ease,color .3s ease}body.dark-theme{background-color:#1a1a1a;color:#fff}.dark-theme .settings-content{background-color:#1e1e1e;color:#fff}.dark-theme .settings-sidebar{background-color:#2c2c2c;border-right:1px solid #444}.dark-theme .settings-sidebar li.active{background-color:#3a3a3a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#bebebe}::-webkit-scrollbar-thumb{background:#ece8e8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.dark-theme ::-webkit-scrollbar{width:8px}.dark-theme ::-webkit-scrollbar-track{background:#1a1a1a}.dark-theme ::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.dark-theme ::-webkit-scrollbar-thumb:hover{background:#555}.dark-theme .mainpage-container{background-color:#1a1a1a}.dark-theme .chat-list-container{background-color:#2c2c2c;box-shadow:0 8px 32px #0000004d}.dark-theme .chat-list-header{background:linear-gradient(135deg,#2c2c2c,#1a1a1a);border-bottom:1px solid #ffffff1a}.darkmode--icon{position:relative;z-index:100px}.dark-theme .toggle-icon-1{border-radius:14px;color:#ff0;height:44px;width:40px}.dark-theme .gradient-text{background:linear-gradient(135deg,#fff,#4f46e5);-webkit-background-clip:text}.darkmode .room-label{color:#f0f8ff}.dark-theme .chat-search-container{background:#333;border-color:#444}.dark-theme .chat-search-container input{color:#fff}.dark-theme .search.focused .chat-search-container{background:#3a3a3a;border-color:#4f46e5}.dark-theme .room-input-wrapper{padding:0}.dark-theme .room{background:#221f1f;padding:4px}.dark-theme .room-item{border:1px solid #444}.dark-theme .room-item:hover{background:#4f46e526}.dark-theme .room-item.active{background:#4f46e533}.dark-theme .room-info h4{color:#fff}.dark-theme .room-info p{color:#999}.dark-theme .room-label{-webkit-text-fill-color:#0000;animation:gradient 8s ease infinite;background:linear-gradient(135deg,#d89393,#deff3b);-webkit-background-clip:text;transition:all}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.dark-theme .message-area{background-color:#2c2c2c;border-color:#444;border-radius:15px}.dark-theme .message-header{border-bottom:1px solid #444}.dark-theme .message-bubble{background:#3a3a3a;color:#fff}.dark-theme .message.sent .message-bubble{background:#4f46e5}.dark-theme .message-box{background:#0000}.dark-theme .message-box-reply-preview,.dark-theme .reply-preview{background:#2c2c2c}.dark-theme .reply-preview-content{background:#2c2c2c;color:#f0f8ff}.dark-theme .message-box-reply-preview .reply-text{color:#fff}.dark-theme .cancel-reply{background:#0000;color:#f2f2f2}.dark-theme .cancel-reply:hover{color:#f94b0c}.dark-theme .reply-preview-content{background-color:initial}.dark-theme .reply-preview-content:hover{opacity:.8}.dark-mode .pinned-messages-content{background:#b92626}.dark-mode .pinned-message{background:#27272a;border:1px solid #27272a}.dark-mode .pinned-by,.dark-mode .pinned-text{color:#fafafa}
/*# sourceMappingURL=main.bd59d054.css.map*/