.chatbot-fullscreen{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background-color:#f5f5f5}.chat-window{width:90%;height:90vh;max-width:1200px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .4s ease-out}.chat-header{background-color:#0052cc;color:#fff;padding:20px;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center;font-size:24px}.avatar-header{width:40px;height:40px;border-radius:50%;margin-right:12px}.user-badge{font-size:14px;background-color:#fff3;padding:5px 10px;border-radius:20px;margin-left:15px;font-weight:400}.chat-body{scroll-behavior:smooth;flex:1;padding:30px;overflow-y:auto;background:#f5f9fc;display:flex;flex-direction:column}.message{white-space:pre-line;margin:12px 0;padding:16px 20px;border-radius:18px;max-width:70%;font-size:16px;line-height:1.5;box-shadow:0 2px 5px #0000000d;word-break:break-word}.message.bot{background-color:#dadddf;align-self:flex-start;border-bottom-left-radius:4px;margin-right:auto}.message.typing{font-style:italic;opacity:.7}.typing .dots span{animation:blink 1.4s infinite;font-weight:700;font-size:1.2em}.typing .dots span:nth-child(2){animation-delay:.2s}.typing .dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:0}20%{opacity:1}to{opacity:0}}.message.user{background-color:#0052cc;color:#fff;align-self:flex-end;border-bottom-right-radius:4px;margin-left:auto}.chat-footer{display:flex;padding:20px 30px;border-top:1px solid #ddd;background:#fff;align-items:center;gap:15px}.chat-footer input{flex:1;padding:15px 20px;border-radius:30px;border:1px solid #ccc;outline:none;font-size:16px;transition:border-color .2s;box-shadow:0 2px 5px #0000000d}.chat-footer input:focus{border-color:#0052cc;box-shadow:0 0 0 2px #0052cc1a}.chat-footer button{background-color:#0052cc;color:#fff;padding:15px 25px;border:none;border-radius:30px;cursor:pointer;font-size:16px;font-weight:700;transition:background-color .2s}.chat-footer button:hover{background-color:#003d99}.avatar{max-width:100%;max-height:100%;display:block;margin:0 auto;border-radius:50%}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.login-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:30px;width:90%;max-width:400px;display:flex;flex-direction:column;align-items:center}.login-header{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.login-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:15px}.login-header h1{color:#0052cc;margin:0;font-size:24px;font-weight:700}.login-form{width:100%}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333;text-align:left}.form-group input{width:100%;padding:12px 16px;border-radius:8px;border:1px solid #ddd;font-size:16px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#0052cc;box-shadow:0 0 0 2px #0052cc1a}.login-button{width:100%;padding:14px;background-color:#0052cc;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .2s;margin-top:10px}.login-button:hover{background-color:#003d99}.login-button:disabled{background-color:#99b3e6;cursor:not-allowed}.error-message{background-color:#ffebee;color:#c62828;padding:10px 16px;border-radius:8px;width:100%;margin-bottom:20px;text-align:center;font-size:14px}.App{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:0;margin:0;height:100vh;width:100%;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:center;justify-content:center}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;overflow:hidden}#root{width:100%;height:100%}