*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f0f2f5}html,body,#root{height:100%}.chat-bubble-in{background:#fff;border-radius:0 12px 12px;padding:8px 12px;max-width:70%;box-shadow:0 1px 2px #0000001a}.chat-bubble-out{background:#dcf8c6;border-radius:12px 0 12px 12px;padding:8px 12px;max-width:70%;box-shadow:0 1px 2px #0000001a;margin-left:auto}.chat-messages{display:flex;flex-direction:column;gap:8px;padding:16px;overflow-y:auto;flex:1}.chat-row{display:flex;flex-direction:column}.chat-row-out{align-items:flex-end}.msg-meta{font-size:11px;color:#999;margin-top:3px}.msg-sender{font-size:12px;font-weight:600;color:#2aabee;margin-bottom:2px}.sidebar-account{cursor:pointer;padding:10px 16px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;gap:10px;transition:background .15s}.sidebar-account:hover{background:#f5f5f5}.sidebar-account.active{background:#e6f4ff}.online-dot{width:8px;height:8px;border-radius:50%;background:#52c41a;display:inline-block;margin-right:4px}.offline-dot{width:8px;height:8px;border-radius:50%;background:#ccc;display:inline-block;margin-right:4px}