@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-card{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:100%;max-width:400px;text-align:center}.login-card h1{margin-bottom:20px;font-size:24px;color:#007bff}.login-card button{width:100%;margin:10px 0}.google-btn{background-color:#4285f4}.google-btn:hover{background-color:#3267d6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:#f8f9fa;color:#333}button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s}button:hover{background-color:#0056b3}input{width:100%;padding:10px;margin:10px 0;border:1px solid #ced4da;border-radius:5px;font-size:16px}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}.signup-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.signup-card{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:100%;max-width:400px;text-align:center}.signup-card h1{margin-bottom:20px;font-size:24px;color:#007bff}.signup-card button{width:100%;margin:10px 0}.signup-card input{width:100%;padding:10px;margin:10px 0;border:1px solid #ced4da;border-radius:5px;font-size:16px}.dashboard-container{display:flex;height:100vh;background-color:#f4f6f8}.sidebar{width:280px;background-color:#fff;padding:20px;border-right:1px solid #e0e0e0;box-shadow:2px 0 5px #0000000d;transition:transform .3s ease-in-out}.sidebar h2{font-size:20px;font-weight:600;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.user-list{list-style:none;padding:0;margin:0}.user-list li{display:flex;align-items:center;padding:12px 15px;cursor:pointer;border-radius:8px;transition:background-color .2s ease}.user-list li:hover{background-color:#f5f6f8}.user-list li.selected{background-color:#e6f0ff;font-weight:500}.avatar-container{position:relative;margin-right:12px}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.notification-badge{position:absolute;top:-5px;right:-5px;background-color:#ff4d4f;color:#fff;font-size:12px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.user-list span{font-size:15px;color:#333}.main-content{flex:1;display:flex;flex-direction:column;background-color:#fff}.header{padding:15px 20px;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:flex-end;align-items:center;position:relative}.hamburger-menu{display:none;font-size:24px;cursor:pointer;padding:0 10px;color:#333}.user-profile-container{display:flex;flex-direction:column;align-items:flex-end}.user-profile{display:flex;align-items:center;cursor:pointer;color:#333}.user-profile img{width:40px;height:40px;border-radius:50%;margin-right:10px}.user-profile span{font-size:16px;font-weight:500}.dropdown-menu{position:absolute;top:60px;right:20px;background-color:#fff;color:#333;border-radius:5px;box-shadow:0 4px 8px #0000001a;display:none;z-index:1001}.dropdown-menu.active{display:block}.dropdown-menu div{padding:10px 15px;cursor:pointer;font-size:14px}.dropdown-menu div:hover{background-color:#f1f3f5}.chat-area{flex:1;padding:30px;display:flex;flex-direction:column}.chat-header{font-size:18px;font-weight:600;color:#333;margin-bottom:20px;display:flex;align-items:center;justify-content:flex-start}.chat-avatar{width:40px;height:40px;border-radius:50%;margin-right:10px;object-fit:cover}.messages{flex:1;overflow-y:auto;padding:10px;background-color:#fafafa;border-radius:8px;display:flex;flex-direction:column}.message{max-width:70%;margin:10px 0;padding:10px 15px;border-radius:10px;word-wrap:break-word;font-size:14px;display:inline-block;align-self:flex-start}.message.sent{background-color:#007bff;color:#fff;align-self:flex-end;text-align:left}.message.received{background-color:#e6f0ff;color:#333;align-self:flex-start;text-align:left}.chat-input{display:flex;align-items:center;padding:10px 0;margin-top:20px}.chat-input input{flex:1;padding:12px;border:1px solid #ced4da;border-radius:5px 0 0 5px;font-size:14px;height:40px;box-sizing:border-box;margin:0}.chat-input button{padding:0 15px;border:none;background-color:#007bff;color:#fff;border-radius:0 5px 5px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;height:40px;width:40px;margin:0}.chat-input button:hover{background-color:#0056b3}.chat-placeholder{font-size:16px;color:#666;text-align:center;margin-top:50px}@media (max-width: 768px){.dashboard-container{flex-direction:column;position:relative}.sidebar{position:fixed;top:0;left:0;height:100%;width:250px;z-index:1000;transform:translate(-100%)}.sidebar.active{transform:translate(0)}.main-content{width:100%}.header{padding:10px 15px;justify-content:space-between}.hamburger-menu{display:block}.user-profile-container{align-items:flex-end}.user-profile img{width:32px;height:32px}.user-profile span{font-size:14px}.chat-area{padding:0;height:calc(100vh - 61px);display:flex;flex-direction:column}.chat-header{padding:15px;margin:0;background-color:#f4f6f8;border-bottom:1px solid #e0e0e0;justify-content:flex-start}.chat-avatar{width:32px;height:32px}.messages{flex:1 1 auto;padding:15px;background-color:#fafafa;border-radius:0;height:auto;max-height:calc(100vh - 131px);overflow-y:auto;box-sizing:border-box;scrollbar-width:thin}.message{max-width:85%;font-size:13px;border-radius:7px;margin:8px 0;display:inline-block}.message.sent{background-color:#007bff;color:#fff}.message.received{background-color:#e6f0ff;color:#333}.chat-input{position:sticky;bottom:0;left:0;right:0;padding:10px 15px;background-color:#f0f0f0;margin:0;box-shadow:0 -2px 5px #0000001a;flex-shrink:0}.chat-input input{font-size:13px;padding:10px;height:40px;border-radius:20px 0 0 20px;border:none}.chat-input button{height:40px;width:40px;border-radius:0 20px 20px 0;background-color:#007bff}.chat-input button:hover{background-color:#0056b3}.dropdown-menu{top:50px;right:10px;z-index:1001}}@media (max-width: 768px){.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;display:none;z-index:999}.overlay.active{display:block}}.configure-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.configure-card{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:100%;max-width:400px;text-align:center;position:relative}.configure-card h1{margin-bottom:20px;font-size:24px;color:#007bff}.configure-card img{width:100px;height:100px;border-radius:50%;margin:20px 0}.configure-card button{width:100%}.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:20px;cursor:pointer;color:#6c757d;transition:color .3s}.close-btn:hover{color:#333}