.navbar-left h2{margin:0}.navbar-right{display:flex;gap:10px}.theme-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:18px}.user-info{align-items:center;display:flex;gap:10px;margin-left:1em}.navbarRight{align-items:flex-end;display:flex}.loader,.user-details{display:flex;flex-direction:column}.loader{align-items:center;margin-top:50px}.spinner{animation:spin 1s linear infinite;border:5px solid var(--button-bg);border-radius:50%;border-top:5px solid #fff;height:30px;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sign-in-page{align-items:center;display:flex;flex-direction:column}:root{--bg-color:#f4f6f8;--sidebar-bg:#fff;--chat-bg:#fff;--button-bg:#101086;--button-hover:#6b6bd4;--text-color:#000;--friend-msg-bg:#ccccff70;--mine-msg-bg:#aeaeff;--border-color:#e0e0e0}body.dark-theme{--bg-color:#18191a;--sidebar-bg:#242526;--chat-bg:#242526;--button-bg:#6b6bd4;--button-hover:#357abd;--text-color:#fff;--friend-msg-bg:#3a3b3c;--mine-msg-bg:#6b6bd4;--border-color:#3a3b3c}body{background:#f4f6f8;background:var(--bg-color);color:#000;color:var(--text-color);font-family:Arial,sans-serif;margin:0;padding:0}.app-container{display:flex;flex-direction:column;height:100vh}.navbar{align-items:center;background:#fff;background:var(--sidebar-bg);box-shadow:0 2px 4px #0000001a;color:#000;color:var(--text-color);display:flex;justify-content:space-between;padding:10px 20px}.signin-btn,.signout-btn{background:#101086;background:var(--button-bg);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;margin-top:0;padding:8px 16px}.user-details .username{font-size:14px;font-weight:700}.user-details .useremail{font-size:12px}.infolabel{color:#101086;color:var(--button-bg);font-size:16px}.user-avatar{border-radius:50%;height:40px;width:40px}.chat-container{display:flex;flex:1 1;gap:20px;height:calc(90vh - 100px);overflow-y:auto;padding:10px 20px}.sidebar{background:#fff;background:var(--sidebar-bg);flex:0 0 30%;overflow-y:auto}.chatRoom,.sidebar{border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;padding:15px}.chatRoom{width:100%}.chat-room,.chatRoom{background:#fff;background:var(--chat-bg);overflow-x:hidden}.chat-room{display:flex;flex-direction:column;overflow-y:auto}button{background:#101086;background:var(--button-bg);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;margin-top:5px;padding:8px 12px}.sidebar input{border:1px solid #ccc;border-radius:5px;padding:8px;width:94%}.friends-list h3{margin-bottom:5px}.messages{background:#fff;background:var(--chat-bg);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:5px;flex:1 1;margin-bottom:10px;margin-top:10px;min-height:100px;overflow-y:auto;padding:10px}.message,.messages{display:flex;flex-direction:column}.message{word-wrap:break-word;border-radius:8px;gap:4px;margin-bottom:8px;max-width:65%;padding:8px 12px}.message strong{font-size:13px}.message.mine{align-self:flex-end;background:#aeaeff;background:var(--mine-msg-bg)}.message.friend{align-self:flex-start;background:#ccccff70;background:var(--friend-msg-bg)}.timestamp{display:flex;font-size:11px;justify-content:flex-end}.message-text{font-size:12px}#bottomAnchor{margin-top:10px}.chat-room input{border:1px solid #ccc;border-radius:5px;padding:8px;width:90vw}.friendInfo{align-items:center;display:flex;gap:7px}.friendInfo label{font-size:14px;font-weight:700}.sendBtn{margin-top:0;padding:5px 5px 0}.friendList{align-items:center;background:#ccccff70!important;background:var(--friend-msg-bg)!important;border-radius:5px;display:flex;gap:8px;margin-bottom:5px;padding:8px}.friendList,.friendList label{cursor:pointer}.friendList:hover{background:#aeaeff!important;background:var(--mine-msg-bg)!important}@media (max-width:768px){.navbar{padding:10px}.navbarRight{flex-direction:column-reverse;gap:5px}.user-details .username{font-size:12px}.user-details .useremail{font-size:10px}.friendInfo label,.friends-list h3,.message strong{font-size:12px}.user-avatar{height:20px;width:20px}.chat-container{flex-direction:column;padding:10px}.chatRoom{width:auto}}
/*# sourceMappingURL=main.9dda09d8.css.map*/