@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center}.login-box{background-color:#111;border-radius:10px;box-shadow:0 0 15px #0f0;padding:40px;text-align:center;width:350px}.login-box h2{color:#0f0;margin-bottom:20px}.login-box input{background:#222;border:1px solid #0f0;border-radius:5px;color:#0f0;margin:10px 0;outline:none;padding:10px;width:95%}.login-box button{background:#0f0;border:none;border-radius:5px;color:#000;cursor:pointer;font-weight:700;padding:10px;width:85%}.login-box button:hover{background:#0a0}.register-link{color:#ccc;font-size:14px;margin-top:10px;text-align:center}.register-link a{color:#0f0;font-weight:700;text-decoration:none;transition:color .2s ease-in-out}.register-link a:hover{color:#0cf}.register-container{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center}.register-box{background-color:#111;border-radius:10px;box-shadow:0 0 15px #0f0;padding:40px;text-align:center;width:350px}.title{color:#0f0;font-size:24px;font-weight:700;margin-bottom:15px}.register-box h2{color:#0f0;margin-bottom:20px}.register-box input{background:#222;border:1px solid #0f0;border-radius:5px;color:#0f0;margin:10px 0;outline:none;padding:10px;width:95%}.register-box button{background:#0f0;border:none;border-radius:5px;color:#000;cursor:pointer;font-weight:700;padding:10px;width:85%}.register-box button:hover{background:#0a0}.login-link{color:#ccc;font-size:14px;margin-top:10px;text-align:center}.login-link a{color:#0f0;font-weight:700;text-decoration:none;transition:color .2s ease-in-out}.login-link a:hover{color:#0cf}.sidebar{background:#202123;box-shadow:2px 0 10px #00ff001a;color:#fff;display:flex;flex-direction:column;height:100vh;overflow:hidden;padding:20px 15px;position:relative;transition:width .3s ease-in-out;width:280px}.sidebar.closed{align-items:center;justify-content:center;padding:10px;width:70px}.sidebar-toggle{left:15px;position:absolute;top:15px}.sidebar-title{border-bottom:2px solid #0f0;font-size:18px;font-weight:700;margin-bottom:15px;padding-bottom:5px;text-align:center;text-transform:uppercase}.chat-list{list-style:none;margin:0;max-height:80vh;overflow-y:auto;padding:0;scrollbar-color:#0f0 #202123;scrollbar-width:thin;width:100%}.chat-list::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-track{background:#202123}.chat-list::-webkit-scrollbar-thumb{background:#0f0;border-radius:10px}.chat-item{align-items:center;background:#00ff001a;border-left:3px solid #0f0;border-radius:5px;cursor:pointer;display:flex;font-size:14px;margin:8px 0;padding:12px;text-align:left;transition:background .3s ease-in-out}.chat-icon{color:#0f0;margin-right:10px}.chat-item:hover{background:#0f03;transform:scale(1.02)}.home-container{background-color:#000;color:#0f0;display:flex;font-family:Inter,sans-serif;height:100vh;overflow:hidden}.sidebar-container{background-color:#111;box-shadow:2px 0 10px #0f03;height:100vh;overflow:hidden;transition:width .3s ease-in-out;width:250px}.sidebar-container.closed{width:0}.chat-container{flex:1 1;flex-direction:column;padding:10px;transition:margin-left .3s ease-in-out}.chat-container,.chat-header{display:flex;justify-content:space-between}.chat-header{align-items:center;background-color:#111;border-bottom:2px solid #0f0;box-shadow:0 2px 10px #0f03;padding:10px 15px}.sidebar-toggle{background:none;border:none;color:#0f0;cursor:pointer;font-size:22px;margin-right:15px;transition:transform .2s ease-in-out}.sidebar-toggle:hover{color:#7f0;transform:scale(1.1)}.profile-container{cursor:pointer;position:relative}.profile-icon{color:#0f0;cursor:pointer;font-size:30px;transition:color .2s ease-in-out}.profile-icon:hover{color:#7f0}.profile-dropdown{background-color:#222;border-radius:8px;box-shadow:0 4px 10px #0f03;display:flex;flex-direction:column;gap:10px;padding:10px;position:absolute;right:0;text-align:center;top:40px;width:150px}.profile-dropdown p{color:#0f0;font-size:16px;font-weight:700}.profile-dropdown button{background:#0f0;border:none;border-radius:5px;color:#000;cursor:pointer;padding:8px;transition:background .3s ease-in-out}.profile-dropdown button:hover{background:#7f0}.chat-box{flex-grow:1;overflow-y:auto;padding-bottom:20px;scrollbar-color:#0f0 #111;scrollbar-width:thin}.chat-box::-webkit-scrollbar{width:8px}.chat-box::-webkit-scrollbar-track{background:#111}.chat-box::-webkit-scrollbar-thumb{background:#0f0;border-radius:10px}.chat-message{word-wrap:break-word;background-color:#00ff001a;border-left:4px solid #0f0;border-radius:8px;color:#0f0;margin:10px 0;max-width:80%;padding:12px;transition:background .3s ease-in-out}.chat-message:hover{background-color:#0f03}.chat-input{background-color:#111;border-top:2px solid #0f0;box-shadow:0 -2px 10px #0f03;display:flex;padding:12px}.chat-input input{background-color:#222;border:1px solid #0f0;border-radius:5px;color:#0f0;flex-grow:1;font-family:Inter,sans-serif;font-size:16px;outline:none;padding:12px}.chat-input input:focus{border-color:#7f0}.chat-input button{background:#0f0;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:16px;font-weight:700;margin-left:10px;padding:12px 18px;transition:background .3s ease-in-out,transform .2s ease-in-out}.chat-input button:hover{background:#7f0;transform:scale(1.05)}
/*# sourceMappingURL=main.a0d0d487.css.map*/