@import"https://fonts.googleapis.com/css2?family=Monomakh&display=swap";:root{font-family:system-ui;line-height:1.5;font-weight:500;color:#532319;background:#f7e9ce;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h2{font-size:1.8em}.cardregpage{padding:24px;margin:80px auto;max-width:40%;font-family:Monomakh,system-ui;line-height:1.5;font-weight:500;overflow-y:auto;height:100%}@media (max-width: 768px){.cardregpage{max-width:100%}}.cardregpage input{font-family:Monomakh,system-ui;line-height:1.5;font-weight:500;font-size:30px;border-radius:5px;border:1.5px solid #532319;width:calc(100% - 40px);margin:20px;background-color:#f9cb98;color:#532319}.cardregpage input::placeholder-color{color:#532319;background-color:#f9cb98}.cardregpage .links{color:#532319;text-decoration:none}.cardregpage .links:hover{text-decoration:none}.cardregpage .btns{font-family:Monomakh,system-ui;line-height:2;font-size:150%;border-radius:100px;background-color:#fff;border:1.5px solid;cursor:pointer;transition:all .5s ease;background-color:#f9cb98;color:#532319}.cardregpage .btns:hover{transform:scale(1.1)}.button-center{text-align:center;margin-top:20px}.error-notification{font-family:Monomakh,system-ui;font-size:24px;line-height:1.4;color:#f33;background-color:#fee;border:1.5px solid #ff9999;border-radius:5px;padding:15px 20px;margin:20px;display:flex;align-items:center;animation:fadeIn .3s ease-in-out}.error-notification:before{content:"⚠";margin-right:10px;font-size:28px}.input-error{border-color:#f33!important;background-color:#fee}.error-message{font-family:Monomakh,system-ui;font-size:20px;color:#f33;margin:-15px 20px 15px;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.home-page{display:flex;margin-left:20%}.profile-page{height:100vh;width:80%;display:flex;justify-content:center;align-items:center;font-family:Monomakh,system-ui;position:fixed;top:0;right:0}@media (max-width: 768px){.profile-page{width:100%;z-index:1000}}.profile-center{width:100%;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}.profile-card{font-family:Monomakh,system-ui;background:#f9cb98;border-radius:10px;box-shadow:0 4px 12px #0000001a;padding:30px;width:100%;max-width:500px;margin:0 auto}.user-info{margin-top:20px}.info-row{display:flex;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid;flex-wrap:wrap}.info-label{font-weight:700;font-size:18px;width:150px;margin-bottom:5px}.info-value{flex:1;font-size:20px;min-width:0;word-break:break-word}.error-message{color:#e36336;margin-top:1rem}@media (max-width: 600px){.profile-card{padding:20px;margin:0 15px}.info-row{flex-direction:column}.info-label{width:100%;margin-bottom:5px}.info-value{width:100%}}.sidebar{background-color:#fff;border:1.5px solid #000000;width:20%;height:100%;position:fixed;top:0;left:0;box-sizing:border-box;display:flex;flex-direction:column;min-height:245px;background:#f7e9ce}@media (max-width: 768px){.sidebar{width:100%;z-index:1000;min-height:0px}}.head-sidebar{position:relative;border:1.5px solid;border-radius:0 0 5px 5px;padding:10px;font-family:Monomakh,system-ui;flex-shrink:0}.head-sidebar input{font-family:Monomakh,system-ui;line-height:1.5;font-size:100%;border-radius:5px;border:1.5px solid;width:calc(100% - 40px);margin:2% 2% 2% 5%;color:#532319;background-color:#f7e9ce}.head-sidebar input::placeholder-color{color:#532319;background-color:#f9cb98}.head-sidebar input:focus{background-color:#f9cb98}.head-sidebar>div{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dropdown-menu{position:absolute;top:calc(100% - 5px);right:0;background-color:#f9cb98;border-radius:15px 0 15px 15px;padding:10px;z-index:100;display:flex;flex-direction:column;min-width:150px}.profbutton,.exitbutton{background:none;border:none;padding:5px;text-align:left;cursor:pointer;width:100%;font-family:Monomakh,system-ui;line-height:2;font-size:100%;border-radius:100px}.exitbutton{color:#f33}.profbutton:hover,.exitbutton:hover{background-color:#fad8b1}.createchat{flex-shrink:0;margin-top:auto;padding:10px 0;position:sticky;bottom:0;z-index:1}.createchat .createbutton{font-family:Monomakh,system-ui;line-height:2;font-size:100%;border-radius:100px;background-color:#fff;border:1.5px solid;cursor:pointer;transition:all .5s ease;color:#532319;background-color:#f9cb98}.createchat .createbutton:hover{scale:1.1}.createchat .posit{display:flex;justify-content:center;align-items:center}.chats-list-container{flex:1 1 auto;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#532319 #F7E9CE}.username{font-family:Monomakh,system-ui;line-height:2;font-size:25px}.custom-modal{font-family:Monomakh,system-ui;width:40%;height:90%;background-color:#f7e9ce;border-radius:8px;box-shadow:0 0 10px #0003;margin:20px auto;position:relative;max-height:90%;padding:15px;display:flex;flex-direction:column}@media (max-width: 768px){.custom-modal{width:60%;max-height:80;z-index:1001}.custom-modal h2{font-size:21px;margin-top:1%;margin-bottom:1%}.custom-modal h3{font-size:21px}}.ReactModal__Overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1001;display:flex;justify-content:center;align-items:center}.ReactModal__Content{position:relative;border:1px solid;border-radius:8px;padding:20px}.custom-modal .inputs{font-family:Monomakh,system-ui;font-size:18px;border-radius:10px;border:1.5px solid;width:calc(100% - 40px);margin:20px;color:#532319;background-color:#f9cb98}.custom-modal input::placeholder-color{color:#532319;background-color:#f9cb98}.custom-modal .modal-buttons{display:flex;justify-content:center;gap:35px;bottom:0}.custom-modal .btns{font-family:Monomakh,system-ui;line-height:2;font-size:150%;border-radius:100px;border:1.5px solid;cursor:pointer;transition:all .5s ease;color:#532319;background-color:#f9cb98}.custom-modal .btns:hover{scale:1.1}@media (max-width: 768px){.ReactModal__Content{width:80%;margin:0 auto}.custom-modal .inputs{font-size:15px;margin-top:3%}.custom-modal .btns{font-size:100%}}.modal-footer{flex-shrink:0;padding:10px 0 0;position:sticky;bottom:0;z-index:1;margin-top:5%}.custom-modal h2,h3{font-size:28px}.custom-modal p,h4{font-size:20px}.custom-modal h4,h3,p{margin-bottom:1%;margin-top:1%;margin-left:4%}.search-divider{text-align:center;position:relative}.search-divider hr{border:none;height:1px;background-color:#532319;margin-bottom:8px}.search-divider span{display:inline-block;padding:0;font-size:20px;color:#532319;position:relative;font-family:Monomakh,system-ui}.no-results{font-family:Monomakh,system-ui;display:flex;justify-content:center;align-items:center;height:100px;width:100%;color:#532319;font-size:25px;margin-top:15px}.UserSelect-container{flex:1 1 auto;min-height:0}.custom-modal .user-list-scrollable{flex:1 1 auto;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#532319 #F7E9CE;overflow-x:hidden}.custom-modal .user-list-scrollable::-webkit-scrollbar{width:6px}.custom-modal .user-list-scrollable::-webkit-scrollbar-track{background:#f5f5f5}.custom-modal .user-list-scrollable::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.chat-list-container{display:flex;flex-direction:column;font-family:Monomakh,system-ui;margin-bottom:-5%}.chat-item{display:flex;cursor:pointer;transition:background-color .2s;padding:2% 3%;border-radius:10px;margin:2% 1%;background:#f7e9ce}.chat-item:hover,.chat-item.selected{background-color:#f9cb98}.avatar-private,.avatar-group{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:20px}.chat-content{flex:1;min-width:0}.chat-header{display:flex;justify-content:space-between;margin-bottom:4px}.chat-title{font-weight:500;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-time{font-size:12px;color:#757575}.chat-preview{display:flex;justify-content:space-between}.chat-message{margin:0;font-size:13px;color:#616161;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.unread-count{background-color:#ff5722;color:#fff;border-radius:10px;padding:2px 7px;font-size:11px;font-weight:700;margin-left:8px}.chatlistlink{color:#000;text-decoration:none}.chat-item{transition:transform .3s ease,box-shadow .3s ease}.chat-item-updated{transform:translateY(-5px);box-shadow:0 2px 5px #0000001a}.user-list-container{width:100%;overflow:hidden;display:flex;flex-direction:column;font-family:Monomakh,system-ui}.user-item{display:flex;cursor:pointer;transition:background-color .2s;padding:2% 3%;border-radius:10px;margin:2% 1%}.user-item:hover,.user-item.selected{background-color:#f9cb98}.user-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;background-color:#4caf50;margin-right:20px}.user-content{flex:1;min-width:0}.user-header{display:flex;justify-content:space-between;margin-bottom:4px}.user-name{font-weight:500;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Monomakh,system-ui}.userlistlink{color:#000;text-decoration:none}.user-selector-container{font-family:Monomakh,system-ui;display:flex;flex-direction:column;gap:12px;max-height:60vh;overflow-y:auto;overflow-x:hidden;height:100%;box-sizing:border-box;scrollbar-color:#532319 #F7E9CE}@media (max-width: 768px){.user-selector-container{max-height:100%}}.section-title{font-weight:500;margin-bottom:4px;font-size:14px}.users-section,.selected-users-section{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.users-section h4{margin-bottom:1%}.selected-users-section h4{margin-bottom:-2%}.search-input{font-family:Monomakh,system-ui;font-size:18px;border-radius:10px;border:1.5px solid #303030;width:calc(100% - 40px);margin:20px;color:#532319;background-color:#f9cb98}.search-input::placeholder-color{color:#532319;background-color:#f9cb98}.selected-user-wrapper{position:relative;padding:2px 2px -10%;margin:4px 0;border-radius:4px}.remove-user-btn{position:absolute;top:50%;right:2%;transform:translateY(-50%);background:none;border:none;color:#ff5252;cursor:pointer;font-size:18px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%}.remove-user-btn:hover{background-color:#fee}.loading{text-align:center;padding:6px;color:#666;font-size:14px}.user-items{display:flex;cursor:pointer;transition:background-color .2s;padding:2% 3%;border-radius:10px;margin:2% 1% -3%;font-family:Monomakh,system-ui;background:#f7e9ce}.user-items:hover,.user-items.selected{background-color:#f9cb98}.message{margin-bottom:15px}.message__outer{display:flex;align-items:flex-end}.message--my .message__outer{flex-direction:row;justify-content:flex-end}.message__bubble{max-width:70%;padding:12px 16px;background:#f8dba2;position:relative;border-radius:18px 18px 18px 4px}.message--my .message__bubble{background:#f9cb98;border-bottom-left-radius:18px;border-bottom-right-radius:4px}.message__meta{display:flex;justify-content:flex-end;margin-top:5px;font-size:12px}.message__time{opacity:.7}.message__avatar{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;text-transform:uppercase}.message__avatar:not(.message__avatar--right){margin-right:12px;background-color:#4caf50}.message__avatar--right{margin-left:12px;background-color:#0084ff}.message__username{font-weight:600;font-size:14px;margin-bottom:4px;color:#e36336}.message--my .message__username{color:#ffffffe6}.system-message{display:flex;justify-content:center;margin:10px 0}.system-message__content{background-color:#f8dba2;border-radius:18px;padding:8px 16px;display:flex;align-items:center;gap:8px;max-width:80%}.system-message__text{color:#532319;font-size:.9em}.system-message__time{color:#532319;font-size:.8em;white-space:nowrap}.chat-page{margin-left:20%;height:100%;position:fixed;width:80%;display:flex;flex-direction:column;top:0;right:0;background:#f7e9ce;font-family:Monomakh,system-ui}@media (max-width: 768px){.chat-page{width:100%;z-index:1000}.head-chat{height:11%}}.head-chat{border:1.5px solid;border-radius:0 0 5px 5px;padding:10px;display:flex;align-items:center;width:100%;height:11%;flex-shrink:0}.messages{flex:1;overflow-y:auto;padding:15px;width:100%;box-sizing:border-box;height:79%;scrollbar-color:#532319 #F7E9CE}.chatinput{bottom:0;width:100%;border-radius:5px 5px 0 0;border:1.5px solid #532319;padding:15px;box-sizing:border-box;display:flex;align-items:center;font-family:Monomakh,system-ui;height:10%}.chatinput input{flex:1;border-radius:5px;font-size:16px;padding:10px;border:1px solid #532319;font-family:Monomakh,system-ui;background-color:#f7e9ce}.sendbtn{margin-left:10px;cursor:pointer;transition:all .3s ease}.sendbtn:hover{transform:scale(1.1);color:#0084ff}.avatar-private,.avatar-group{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;margin-right:15px;color:#fff;font-weight:700;font-size:18px}.avatar-private{background-color:#4caf50}.avatar-group{background-color:#2196f3}.chat-title{flex-grow:1;font-size:1.2rem;font-weight:700;margin:0 15px;font-family:Monomakh,system-ui}.clickable{cursor:pointer}.bttn{font-family:Monomakh,system-ui;line-height:2;font-size:150%;border-radius:100px;background-color:#f7e9ce;border:1.5px solid;cursor:pointer;transition:all .5s ease;margin-right:5%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;padding:0;text-align:center}.bttn:hover{scale:1.1}.members-list{max-height:200px;overflow-y:auto;margin:15px 0;border:1px solid;border-radius:4px;padding:10px}.member-name{flex-grow:1}.owner-badge{background-color:#ff9800;color:#fff;padding:2px 8px;border-radius:10px;font-size:.8rem}.close-btn{display:block;margin:20px auto 0;padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.close-btn:hover{background-color:#d32f2f}.chat-description{margin-top:15px;padding:10px;background-color:#f9f9f9;border-radius:4px;border-left:3px solid #2196f3}.loading{display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:#666}.error{color:#f44336;display:flex;justify-content:center;align-items:center;font-size:1.2rem}.selected-users-section{margin-top:20px}.user-item-wrapper .user-items{flex-grow:1}.remove-member-btn{position:absolute;top:50%;right:5%;transform:translateY(-50%);background:none;border:none;color:#ff5252;cursor:pointer;font-size:18px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.user-item-container{position:relative;width:100%}.remove-member-btn:hover{background-color:#fee}.attachments-modal{overflow-y:auto}.user-items{display:flex;cursor:pointer;transition:background-color .2s;padding:2% 3%;border-radius:10px;margin:2% 1%;position:relative;font-family:Monomakh,system-ui;background:#f7e9ce;color:#532319}.user-items.selected,.user-items:hover{background-color:#f9cb98}@media (max-width: 768px){.user-items{scale:.9;margin-top:1%;margin-bottom:1%}}.messages-empty{display:flex;justify-content:center;align-items:center;height:100%;width:100%;text-align:center}.messages-empty p{margin:0;padding:20px;color:#666;font-size:18px;font-family:Monomakh,system-ui;width:100%}