body { font-family: sans-serif; background: #313338; color: white; margin: 0; display: flex; height: 100vh; }
#login-screen { width: 300px; margin: auto; background: #2b2d31; padding: 20px; border-radius: 8px; }
#app { display: flex; width: 100%; }
.sidebar { width: 240px; background: #2b2d31; padding: 10px; }
.chat-area { flex: 1; display: flex; flex-direction: column; background: #313338; }
#messages { flex: 1; overflow-y: auto; padding: 20px; }
.input-area { padding: 20px; background: #313338; display: flex; }
input { background: #1e1f22; border: none; color: white; padding: 10px; margin-bottom: 10px; border-radius: 4px; flex: 1; }
button { background: #5865f2; border: none; color: white; padding: 10px; cursor: pointer; border-radius: 4px; }
.channel-item { padding: 10px; cursor: pointer; border-radius: 4px; }
.channel-item:hover { background: #3f4147; }