*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px}.chat-container{width:100%;max-width:500px;height:700px;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;overflow:hidden}.chat-header{background:linear-gradient(135deg,#4400c9,#190079);color:#fff;padding:20px;text-align:center}.chat-header h1{font-size:1.5rem;margin-bottom:5px}.chat-header p{opacity:.8;font-size:.9rem}.auth-status{margin-top:10px;display:flex;justify-content:center;align-items:center;gap:10px}.auth-status .authenticated{font-size:.8rem;opacity:.9}.auth-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 12px;border-radius:12px;font-size:.75rem;cursor:pointer}.auth-btn:hover{background:#ffffff4d}.chat-messages{flex:1;overflow-y:auto;padding:20px;background:#f8f9fa}.message{margin-bottom:15px;display:flex;flex-direction:column}.message.user{align-items:flex-end}.message.bot{align-items:flex-start}.message-content{max-width:80%;padding:12px 16px;border-radius:18px;line-height:1.4;white-space:pre-wrap}.message.user .message-content{background:#4400c9;color:#fff;border-bottom-right-radius:4px}.message.bot .message-content{background:#fff;color:#333;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000001a}.message-sender{font-size:.75rem;color:#666;margin-bottom:4px}.quick-actions{display:flex;flex-wrap:wrap;gap:8px;padding:10px 20px;background:#f8f9fa;border-top:1px solid #eee}.quick-action{background:#fff;border:1px solid #4400C9;color:#4400c9;padding:8px 16px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s}.quick-action:hover{background:#4400c9;color:#fff}.chat-input-container{padding:15px 20px;background:#fff;border-top:1px solid #eee;display:flex;gap:10px}.chat-input{flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:25px;font-size:1rem;outline:none;transition:border-color .2s}.chat-input:focus{border-color:#4400c9}.chat-input:disabled{background:#f5f5f5}.send-button{background:#4400c9;color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;cursor:pointer;transition:background .2s}.send-button:hover{background:#3300a0}.send-button:disabled{background:#ccc;cursor:not-allowed}