body{margin:0}@media (max-aspect-ratio:7/10){.JoinPage{align-items:flex-start!important;display:flex;justify-content:center}.JoinContainer{margin-top:30vw!important;width:100%!important}.JoinContainer>img{width:30vw!important}.JoinContainer>h1{border-bottom:.6vw solid #fff!important;font-size:6vw!important;padding:3vw!important;width:65vw!important}#joinInput{margin:5vw!important}#joinInput,.joinbtn{font-size:5vw!important;padding:4vw!important;width:65vw!important}.chatContainer{background-color:#fff;height:100%!important;width:100%!important}.header{height:10%!important}.header>h2{font-size:5vw!important;margin:8vw!important}.header img{margin:6vw!important;transform:scale(2)!important}.header>img:hover{transform:scale(3.2)!important}.chatBox{height:80%!important}.inputBox{height:10%!important}#chatInput{font-size:4vw!important;padding:4vw!important}.messageBox{border-radius:1.5vw!important;font-size:3.7vw!important;margin:3vw!important;padding:3vw!important}}.JoinPage{background-color:#1a1a1a;font-family:Poppins,sans-serif;height:100vh;height:100dvh;justify-content:center;width:100vw}.JoinContainer,.JoinPage{align-items:center;display:flex}.JoinContainer{background:#242424;border-radius:15px;box-shadow:0 10px 30px #00000080;flex-direction:column;padding:40px;width:400px}.JoinContainer>img{margin-bottom:20px;width:80px}.JoinContainer>h1{border-bottom:2px solid #5b4db8;color:#fff;font-size:24px;font-weight:600;line-height:1.2;margin-bottom:40px;padding-bottom:10px;text-align:center}.input-group{margin-bottom:25px;position:relative;width:100%}.joinInput{background:#0000;border:2px solid #333;border-radius:8px;color:#fff;font-size:16px;outline:none;padding:12px 15px;transition:.3s;width:100%}.input-label{background-color:#242424;color:#888;font-size:16px;left:15px;padding:0 5px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.joinInput:focus,.joinInput:not(:placeholder-shown){border-color:#5b4db8}.joinInput:focus+.input-label,.joinInput:not(:placeholder-shown)+.input-label{color:#5b4db8;font-size:12px;font-weight:500;top:0}.joinbtn{background:linear-gradient(90deg,#5b4db8,#7367f0);border:none;border-radius:8px;box-shadow:0 5px 15px #5b4db866;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:15px;transition:transform .2s,box-shadow .2s;width:100%}.joinbtn:hover{box-shadow:0 8px 20px #5b4db899;transform:translateY(-2px)}.joinbtn:active{transform:translateY(0)}@media (max-width:480px){.JoinContainer{padding:30px 20px;width:90%}}:root{--primary-color:#5b4db8;--primary-light:#7367f0;--bg-color:#eef2f6;--container-bg:#fff;--text-primary:#333;--text-secondary:#888;--header-bg:#fff;--header-text:#333;--sidebar-bg:#fff;--sent-bg:#5b4db8;--sent-text:#fff;--received-bg:#f3f3f3;--received-text:#333;--input-bg:#f4f4f4;--border-color:#e0e0e0;--shadow-color:#0000001a}[data-theme=purple]{--primary-color:#6c63ff;--bg-color:#e0e7ff;--container-bg:#fff;--header-bg:#6c63ff;--header-text:#fff;--sent-bg:#6c63ff;--sent-text:#fff;--received-bg:#f4f5f7;--border-color:#eee}[data-theme=dark]{--primary-color:#2196f3;--bg-color:#121212;--container-bg:#1e1e1e;--text-primary:#e0e0e0;--text-secondary:#aaa;--header-bg:#272727;--header-text:#fff;--sidebar-bg:#1e1e1e;--sent-bg:#2196f3;--received-bg:#2c2c2c;--received-text:#ddd;--input-bg:#2c2c2c;--border-color:#333;--shadow-color:#00000080}*{box-sizing:border-box}.chatPage{align-items:center;background-color:#eef2f6;background-color:var(--bg-color);display:flex;font-family:Poppins,Segoe UI,sans-serif;height:100vh;height:100dvh;justify-content:center;transition:background-color .3s ease;width:100vw}.chatContainer{background-color:#fff;background-color:var(--container-bg);border-radius:20px;box-shadow:0 15px 40px #0000001a;box-shadow:0 15px 40px var(--shadow-color);display:flex;height:90%;max-height:90vh;max-width:1400px;overflow:hidden;position:relative;width:90%}.sidebar{background-color:#fff;background-color:var(--sidebar-bg);border-right:1px solid #e0e0e0;border-right:1px solid var(--border-color);color:#333;color:var(--text-primary);display:flex;flex-direction:column;transition:transform .3s ease;width:320px;z-index:20}.sidebarHeader{align-items:center;border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);display:flex;height:80px;justify-content:space-between;padding:15px 20px}.sidebarHeader .avatar{align-items:flex-end;display:flex}.sidebarHeader .avatar img{border-radius:50%;height:40px;margin-right:10px;object-fit:cover;width:40px}.userName{font-size:16px;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobileCloseBtn,.userName{color:#333;color:var(--text-primary)}.mobileCloseBtn{background:none;border:none;cursor:pointer;display:none;padding:5px}.sidebarSearch{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);padding:15px}.sidebarSearch input{background-color:#f4f4f4;background-color:var(--input-bg);border:none;border-radius:8px;color:#333;color:var(--text-primary);outline:none;padding:10px 15px;width:100%}.roomList,.userList{flex:1 1;overflow-y:auto;padding:10px 0}.roomList h3,.userList h3{color:#888;color:var(--text-secondary);font-size:11px;letter-spacing:1px;margin:10px 20px;text-transform:uppercase}.userItem{align-items:center;cursor:pointer;display:flex;padding:10px 20px;transition:background-color .2s}.userItem:hover{background-color:#f4f4f4;background-color:var(--input-bg)}.roomAvatar,.userAvatar{border-radius:50%;flex-shrink:0;height:40px;margin-right:15px;object-fit:cover;width:40px}.userItemName{color:#333;color:var(--text-primary);font-size:14px;font-weight:500}.mainChat{background-color:#eef2f6;background-color:var(--bg-color);display:flex;flex:1 1;flex-direction:column;position:relative;width:100%}[data-theme=purple] .mainChat{background-color:#f8f9fe}.header{background-color:#fff;background-color:var(--header-bg);box-shadow:0 2px 10px #0000000d;color:#333;color:var(--header-text);flex-shrink:0;height:80px;justify-content:space-between;padding:0 20px;z-index:10}.header,.headerInfo{align-items:center;display:flex}.headerInfo{overflow:hidden}.headerInfo .roomAvatar{border:2px solid #fff3;border-radius:50%;height:45px;margin-right:15px;width:45px}.headerText{display:flex;flex-direction:column}.headerText h2{font-size:18px;font-weight:600;margin:0}.headerText p{font-size:12px;margin:0;max-width:200px;opacity:.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.headerActions{align-items:center;display:flex;gap:10px}.headerActions a,.videoCallBtn{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#333;color:var(--header-text);display:flex;height:40px;justify-content:center;transition:.2s;width:40px}.headerActions a:hover,.videoCallBtn:hover{background:#fff3}.hamburgerBtn{background:none;border:none;color:#333;color:var(--header-text);cursor:pointer;display:none;font-size:24px;margin-right:15px}.chatBox{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.messageContainer{display:flex;margin-bottom:10px;width:100%}.right{justify-content:flex-end}.left{justify-content:flex-start}.messageBubble{word-wrap:break-word;font-size:14px;line-height:applied;max-width:75%;padding:10px 16px;position:relative}.right .messageBubble{background-color:#5b4db8;background-color:var(--sent-bg);border-radius:18px 18px 0 18px;color:#fff;color:var(--sent-text)}.left .messageBubble{background-color:#f3f3f3;background-color:var(--received-bg);border-radius:18px 18px 18px 0;color:#333;color:var(--received-text)}.messageUser{color:#5b4db8;color:var(--primary-color);font-size:10px;font-weight:700;margin-bottom:2px}.right .messageUser{display:none}.messageTime{font-size:10px;margin-top:4px;opacity:.7;text-align:right}.inputBox{align-items:center;background-color:#fff;background-color:var(--container-bg);border-top:1px solid #e0e0e0;border-top:1px solid var(--border-color);display:flex;gap:10px;padding:15px 20px}.inputBox input{background-color:#f4f4f4;background-color:var(--input-bg);border:none;border-radius:25px;color:#333;color:var(--text-primary);flex:1 1;outline:none;padding:12px 20px}.sendBtn{align-items:center;background-color:#5b4db8;background-color:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:45px;justify-content:center;width:45px}.joinRequestModal{background:#fff;background:var(--container-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 5px 20px #0003;color:#333;color:var(--text-primary);padding:20px;position:absolute;right:20px;top:90px;z-index:100}.approveBtn{background:#5b4db8;background:var(--primary-color);border:none;border-radius:6px;color:#fff;margin-right:10px}.approveBtn,.denyBtn{cursor:pointer;padding:6px 12px}.denyBtn{background:#f4f4f4;background:var(--input-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:6px;color:#333;color:var(--text-primary)}.chatBox::-webkit-scrollbar,.roomList::-webkit-scrollbar,.userList::-webkit-scrollbar{display:none}.chatBox,.roomList,.userList{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:768px){.chatContainer{border-radius:0;height:100%;max-height:100dvh;width:100%}.sidebar{bottom:0;box-shadow:2px 0 15px #0000004d;height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:85%}.sidebar.show{transform:translateX(0)}.hamburgerBtn,.mobileCloseBtn{display:block}.header{height:60px;padding:0 15px}.headerInfo .roomAvatar{height:35px;margin-right:10px;width:35px}.headerText h2{font-size:16px}.headerText p{font-size:11px}.headerInfo{max-width:60%}.chatBox,.inputBox,.inputBox input{padding:10px 15px}}.messageBox{word-wrap:break-word;border-radius:1vmax;box-shadow:0 2px 5px #0000001a;clear:both;display:inline-block;font-family:monospace;font-size:1.1vmax;margin:1.2vmax 1.5vmax;max-width:60%;padding:1.2vmax}.right{background-color:#d13854;border-radius:1vmax 0 1vmax 1vmax;color:#fff;float:right;text-align:right}.left{background-color:#e3ffe7;border-radius:0 1vmax 1vmax 1vmax;color:#333;float:left;text-align:left}.videoRoomOverlay{align-items:center;background-color:#000000e6;flex-direction:column;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.videoGrid,.videoRoomOverlay{display:flex;justify-content:center}.videoGrid{flex-wrap:wrap;gap:20px;max-height:80vh;overflow-y:auto;width:90%}.videoCard{background:#000;border:2px solid #333;border-radius:12px;box-shadow:0 4px 15px #00000080;height:300px;overflow:hidden;position:relative;width:400px}.videoCard video{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.videoCard video.camera-off{display:none}.userNameLabel{background:#0009;border-radius:4px;bottom:10px;color:#fff;font-size:14px;left:10px;padding:4px 8px;position:absolute}.videoControls{background:#ffffff1a;border-radius:50px;display:flex;gap:20px;margin-top:30px;padding:15px 30px}.controlBtn{background-color:#333;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:all .2s}.controlBtn:hover{background-color:#555}.controlBtn.active{background-color:#e54242}.leaveBtn{background-color:#ff3b30}.leaveBtn:hover{background-color:#d63229}@media (max-width:768px){.videoCard{height:250px;width:100%}}
/*# sourceMappingURL=main.e16aeabf.css.map*/