*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#1a1a2e;color:#eee;min-height:100vh}.app{display:flex;height:100vh}.sidebar{width:280px;background:#16213e;border-right:1px solid #0f3460;display:flex;flex-direction:column}.sidebar-header{padding:16px;border-bottom:1px solid #0f3460}.sidebar-header h1{font-size:18px;color:#e94560;margin-bottom:8px}.user-info{font-size:12px;color:#888}.room-list{flex:1;overflow-y:auto;padding:8px}.room-item{padding:12px;border-radius:8px;cursor:pointer;margin-bottom:4px;transition:background .2s}.room-item:hover{background:#0f3460}.room-item.active{background:#e94560}.room-item-title{font-weight:500;margin-bottom:4px}.room-item-meta{font-size:11px;opacity:.7}.agent-list{padding:16px;border-top:1px solid #0f3460}.agent-list h3{font-size:14px;margin-bottom:8px;color:#888}.agent-item{font-size:12px;padding:8px;background:#0f3460;border-radius:4px;margin-bottom:4px;word-break:break-all}.main-content{flex:1;display:flex;flex-direction:column}.chat-header{padding:16px;border-bottom:1px solid #0f3460;background:#16213e}.chat-header h2{font-size:16px}.messages{flex:1;overflow-y:auto;padding:16px}.message{margin-bottom:16px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.message-sender{font-weight:600;font-size:14px}.message-sender.human{color:#4ade80}.message-sender.agent{color:#60a5fa}.message-sender.system{color:#a78bfa}.message-time{font-size:11px;color:#666}.message-body{padding-left:0;font-size:14px;line-height:1.5;color:#ddd}.input-area{padding:16px;border-top:1px solid #0f3460;background:#16213e}.input-form{display:flex;gap:8px}.input-form input{flex:1;padding:12px 16px;border:1px solid #0f3460;border-radius:8px;background:#1a1a2e;color:#eee;font-size:14px}.input-form input:focus{outline:none;border-color:#e94560}.input-form button{padding:12px 24px;background:#e94560;border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:background .2s}.input-form button:hover{background:#d63050}.input-form button:disabled{background:#666;cursor:not-allowed}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:32px}.welcome-screen h2{margin-bottom:16px;color:#e94560}.welcome-screen p{color:#888;margin-bottom:24px}.welcome-screen button{padding:16px 32px;background:#e94560;border:none;border-radius:8px;color:#fff;font-size:16px;cursor:pointer}.welcome-screen button:hover{background:#d63050}.loading{display:flex;align-items:center;justify-content:center;height:100%;color:#888}.error{color:#e94560;padding:16px}