.sidebar.svelte-17dx301{width:300px;height:100vh;background-color:#1c1c1c;color:#fff;margin:0;display:flex;flex-direction:column;padding:20px;box-shadow:2px 0 5px #00000080}.sidebar-header.svelte-17dx301{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.title.svelte-17dx301{font-size:24px;margin:0}.buttons.svelte-17dx301{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}button.svelte-17dx301{background-color:#3c3c3c;border:none;color:#fff;padding:10px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button.svelte-17dx301:hover{background-color:#505050}.user-list.svelte-17dx301{flex-grow:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3c3c3c #1c1c1c}.user-list.svelte-17dx301::-webkit-scrollbar{width:8px}.user-list.svelte-17dx301::-webkit-scrollbar-track{background:#1c1c1c}.user-list.svelte-17dx301::-webkit-scrollbar-thumb{background-color:#3c3c3c;border-radius:5px}.user-list.svelte-17dx301::-webkit-scrollbar-thumb:hover{background-color:#505050}.user.svelte-17dx301{display:flex;align-items:center;padding:10px;border-radius:5px;transition:background-color .3s ease;cursor:pointer;margin-bottom:10px}.user.svelte-17dx301:hover{background-color:#333}.profile-pic.svelte-17dx301{width:40px;height:40px;border-radius:50%;margin-right:10px}.user-details.svelte-17dx301{display:flex;flex-direction:column}.user-name.svelte-17dx301{font-weight:700;margin:0}.last-message.svelte-17dx301{font-size:14px;color:#ccc;margin:0}@media (max-width: 768px){.sidebar.svelte-17dx301{width:100%;height:100vh}}