*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}#login-container{align-items:center;background:linear-gradient(135deg,rgba(0,0,0,.7),rgba(0,0,0,.5)),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cdefs%3E%3Cfilter id='a'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='10'/%3E%3C/filter%3E%3C/defs%3E%3Ccircle cx='100' cy='100' r='80' fill='%23666' filter='url(%23a)' opacity='.6'/%3E%3Ccircle cx='300' cy='150' r='120' fill='%23999' filter='url(%23a)' opacity='.4'/%3E%3Ccircle cx='200' cy='300' r='100' fill='%23555' filter='url(%23a)' opacity='.5'/%3E%3C/svg%3E");background-position:50%;background-size:cover;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}#login-container.hidden{display:none}.login-box{background:#fff;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.3);max-width:400px;padding:50px;text-align:center;width:100%}.login-box h1{color:#333;font-size:28px;margin-bottom:30px}.login-box p{color:#666;font-size:14px}.login-box p,.login-input-group{margin-bottom:20px}.login-input-group input{border:2px solid #e0e0e0;border-radius:5px;font-size:16px;padding:12px;transition:border-color .3s;width:100%}.login-input-group input:focus{border-color:#4caf50;outline:none}.login-button{background:linear-gradient(135deg,#4caf50,#45a049);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:background .3s,transform .1s;width:100%}.login-button:hover{background:linear-gradient(135deg,#45a049,#3d8b40)}.login-button:active{transform:scale(.98)}.login-button:disabled{background:#ccc;cursor:not-allowed}.login-error{color:#d32f2f;display:none;font-size:14px;margin-top:15px}.login-error.show{display:block}#chatbar-container{bottom:40px;left:50%;max-width:600px;padding:0 20px;position:absolute;transform:translateX(-50%);width:100%;z-index:1001}.chatbar{align-items:center;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.9);border-radius:30px;box-shadow:0 4px 20px rgba(0,0,0,.2);display:flex;gap:10px;padding:8px 15px}#chatbar-input{background:transparent;border:none;border-radius:20px;flex:1;font-size:16px;outline:none;padding:10px}.chatbar-btn{align-items:center;background:#4caf50;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:background .3s,transform .1s;width:40px}.chatbar-btn:hover{background:#45a049}.chatbar-btn:active{transform:scale(.95)}#chatbar-talk-btn.recording{animation:pulse 1.5s infinite;background:#f44336}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}#app-container{display:flex;height:100vh;width:100%}#agent-video{background:#000;flex:1;height:100%;object-fit:cover;width:100%}.chat-panel{background:#fff;border-radius:10px;bottom:20px;box-shadow:0 5px 40px rgba(0,0,0,.2);display:flex;flex-direction:column;height:500px;position:fixed;right:20px;transition:transform .3s,opacity .3s;width:350px;z-index:1000}.chat-panel.collapsed{height:50px;width:350px}.chat-panel.collapsed .chat-input-area,.chat-panel.collapsed .chat-messages{display:none}.chat-header{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:10px 10px 0 0;color:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:15px}.chat-header h3{font-size:18px;font-weight:600;margin:0}.chat-close{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:transform .2s;width:30px}.chat-close:hover{transform:rotate(90deg)}#chat-messages{display:flex;flex:1;flex-direction:column;gap:10px;overflow-y:auto;padding:15px}#chat-messages::-webkit-scrollbar{width:6px}#chat-messages::-webkit-scrollbar-track{background:#f1f1f1}#chat-messages::-webkit-scrollbar-thumb{background:#4caf50;border-radius:3px}#chat-messages::-webkit-scrollbar-thumb:hover{background:#45a049}.chat-message{border-radius:8px;display:flex;flex-direction:column;gap:5px;max-width:85%;padding:10px;word-wrap:break-word}.chat-message.user{align-self:flex-end;background:#4caf50;color:#fff}.chat-message.agent{align-self:flex-start;background:#f0f0f0;color:#333}.message-content{font-size:14px;line-height:1.4}.message-time{font-size:12px;opacity:.7}.chat-input-area{border-top:1px solid #e0e0e0;display:flex;gap:8px;padding:10px}.chat-input{border:1px solid #e0e0e0;border-radius:5px;flex:1;font-family:inherit;font-size:14px;padding:10px;transition:border-color .3s}.chat-input:focus{border-color:#4caf50;outline:none}.chat-input:disabled{background:#f5f5f5;color:#999}.chat-send-btn{background:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 15px;transition:background .3s,transform .1s;white-space:nowrap}.chat-send-btn:hover:not(:disabled){background:#45a049}.chat-send-btn:active:not(:disabled){transform:scale(.95)}.chat-send-btn:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.chat-panel{border-radius:15px 15px 0 0;bottom:0;height:60%;right:0;width:100%}.chat-panel.collapsed{height:50px;width:100%}.login-box{max-width:90%;padding:30px 20px}}