@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Work+Sans:wght@300;400;500;600&display=swap";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#020617 100%) 0 0/400% 400%;flex-direction:column;min-height:100vh;animation:15s infinite gradientBG;display:flex}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.glass-panel{-webkit-backdrop-filter:blur(16px)!important;background:#0f172a99!important;border:1px solid #ffffff14!important;box-shadow:0 4px 30px #0000004d!important}.messages{scrollbar-width:none;flex-direction:column;flex:1;display:flex;overflow-y:scroll}.navbar-container{z-index:100;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;display:flex;position:relative}.search-container{flex:1;max-width:500px;margin:0 20px;position:relative}.chat-page-container{box-sizing:border-box;justify-content:space-between;gap:15px;width:100%;height:91.5vh;padding:15px;display:flex}.my-chats-panel{border-radius:15px;flex-direction:column;align-items:center;width:31%;padding:15px;display:flex}.chat-box-panel{border-radius:15px;flex-direction:column;align-items:center;width:68%;padding:15px;display:flex}.search-dropdown{z-index:1000;border-radius:15px;flex-direction:column;width:100%;max-height:400px;margin-top:8px;padding:10px;display:flex;position:absolute;top:100%;left:0;overflow-y:auto}@media (width<=768px){.chat-page-container{gap:0;padding:10px}.hide-on-mobile{display:none!important}.full-width-mobile{width:100%!important}.navbar-container{flex-wrap:wrap;gap:10px;padding:10px 15px}.search-container{flex:100%;order:3;max-width:100%;margin:0}}.messages{scrollbar-width:none;flex-direction:column;display:flex;overflow-y:scroll}