body { font-family: sans-serif; background: #f4f4f9; display: flex; justify-content: center; padding: 50px; }
#login-container, #main-container { background: white; padding: 30px; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); width: 400px; }
input { width: 100%; margin-bottom: 10px; padding: 10px; box-sizing: border-box; }
#transcript-area { width: 100%; height: 200px; border: 1px solid #ddd; margin: 20px 0; padding: 10px; overflow-y: auto; white-space: pre-wrap; }
.online { color: green; font-weight: bold; }
.offline { color: red; font-weight: bold; }
button { cursor: pointer; padding: 10px 15px; background: #007bff; color: white; border: none; border-radius: 4px; }
button:disabled { background: #ccc; }