@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@keyframes _gradient-animation_1iirr_1{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}._bgNoise_1iirr_7{background:linear-gradient(45deg,#0f0f0f,#232323,#0f0f0f);background-size:200% 200%;animation:_gradient-animation_1iirr_1 10s ease infinite;position:relative}._bgNoise_1iirr_7:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8/wcAAwAB/gbPH7EAAAAASUVORK5CYII=);opacity:.05;pointer-events:none}._btnSignin_1iirr_26,._btnSignup_1iirr_26{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:.375rem;transition:transform .3s,background-color .3s,opacity .3s}._btnSignin_1iirr_26{background-color:#1e3a8a;color:#fff}._btnSignin_1iirr_26:hover{background-color:#3b82f6;transform:scale(1.05);opacity:.9}._btnSignup_1iirr_26{background-color:#6b21a8;color:#fff}._btnSignup_1iirr_26:hover{background-color:#d946ef;transform:scale(1.05);opacity:.9}.app-container{display:flex;height:100vh}.toggle-button{margin-bottom:20px;padding:10px 20px;background-color:var(--button-background);color:var(--text-color);border:1px solid gainsboro;border-radius:20px;cursor:pointer;transition:background-color .3s ease}.toggle-button:hover{background-color:var(--button-hover-background)}.sidebar{width:250px;padding:20px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 6px #0000001a}.sidebar-item{width:100%;padding:10px 0;display:flex;align-items:center;justify-content:flex-start;cursor:pointer;transition:background-color .3s ease}.sidebar-item:hover{background-color:var(--sidebar-hover-background);color:var(--text-color)}.sidebar-icon{margin-right:10px}.dropdown{margin-left:20px;background-color:var(--sidebar-background);border:1px solid var(--input-border);border-radius:5px;box-shadow:0 4px 8px #0000001a;max-height:200px;overflow-y:auto}.dropdown-item{padding:10px 15px;background-color:var(--sidebar-background);color:var(--sidebar-text);cursor:pointer;transition:background-color .3s ease}.dropdown-item:hover{background-color:var(--sidebar-hover-background)}.dropdown::-webkit-scrollbar{width:5px}.dropdown::-webkit-scrollbar-track{background:var(--sidebar-background)}.dropdown::-webkit-scrollbar-thumb{background:var(--input-border);border-radius:5px}.dropdown::-webkit-scrollbar-thumb:hover{background:var(--button-hover-background)}body{font-family:Roboto,sans-serif}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:2rem;width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 20px #0000004d;text-align:center;animation:fadeIn .3s ease-in-out;position:relative}.close-button{background:none;border:none;font-size:1.5rem;position:absolute;top:1rem;right:1rem;cursor:pointer;color:#555}.user-profile-avatar{width:120px;height:120px;border-radius:50%;margin-bottom:1rem;box-shadow:0 4px 10px #0003;transition:transform .3s}.user-profile-avatar:hover{transform:scale(1.1)}.user-profile-details h3{font-size:1.75rem;margin-bottom:.5rem;color:#333}.user-profile-details p{font-size:1rem;margin-bottom:.5rem;color:#777}.edit-button,.save-button,.cancel-button{background-color:#007bff;color:#fff;border:none;border-radius:20px;padding:.75rem 1.5rem;margin-top:1rem;cursor:pointer;transition:background-color .3s;font-size:1rem;outline:none}.edit-button:hover,.save-button:hover,.cancel-button:hover{background-color:#0056b3}.user-profile-edit-form{display:flex;flex-direction:column;align-items:center;width:100%}.user-profile-edit-form .form-group{margin-bottom:1.5rem;width:100%;display:flex;flex-direction:column;align-items:flex-start}.user-profile-edit-form label{font-weight:500;margin-bottom:.5rem;color:#333;font-size:1rem}.user-profile-edit-form input{width:100%;padding:.75rem 1rem;border-radius:8px;border:1px solid #ccc;transition:border-color .3s;font-size:1rem;outline:none}.user-profile-edit-form input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.loader{border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.confirmation-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 8px 20px #0000004d;z-index:1100;text-align:center}.confirmation-dialog p{margin-bottom:1rem;font-size:1rem;color:#333}.confirmation-dialog button{background-color:#007bff;color:#fff;border:none;border-radius:20px;padding:.75rem 1.5rem;margin:.5rem;cursor:pointer;transition:background-color .3s;font-size:1rem;outline:none}.confirmation-dialog button:hover{background-color:#0056b3}.chat-header{padding:10px 20px;border-bottom:1px solid var(--input-border)}.header-content{display:flex;align-items:center;position:relative}.logo{margin-left:95%;cursor:pointer;display:flex;align-items:center;position:relative}.logo-image{width:30px;height:30px;border-radius:50%}.dropdown-menu1{height:100px;width:200px;position:absolute;top:50px;right:0;border:1px solid var(--input-border);border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;z-index:1000}.dropdown-item{padding:10px 20px;display:flex;align-items:center;gap:10px;cursor:pointer}.dropdown-item:hover{background-color:var(--input-background)}.logout{color:orange}.message{padding:15px;border-radius:20px;box-shadow:0 2px 4px #0003;max-width:60%}.messages-container{flex:1;padding:0 12rem;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:var(--scrollbar-track-color)}.messages-container::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:10px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}.gradient-text{font-size:5rem;background:#3494e6;background:-webkit-linear-gradient(to right,#ec6ead,#3494e6);background:linear-gradient(to right,#ec6ead,#3494e6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.analog-signal{display:flex;align-items:center;justify-content:center;height:24px;width:24px;border-radius:50%;background-color:#0000001a;animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1);background-color:#0000001a}50%{transform:scale(1.5);background-color:#0000004d}to{transform:scale(1);background-color:#0000001a}}.stop-button{background-color:red;border:none;color:#fff;padding:.5rem;border-radius:50%;cursor:pointer;margin-left:.5rem}.input-container{display:flex;padding:10px;align-items:center;justify-content:center;width:70%!important}.input-text{gap:10px}input{border:none;outline:none;text-decoration:none}.input{flex:1;padding:7px;border-radius:20px;margin-right:10px}.button{cursor:pointer;font-size:1.5rem}.button:hover{background-color:var(--button-hover-background)}.chat-container{flex:1;display:flex;flex-direction:column;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden}