.chatbot-container{width:100%;max-width:var(--cbp-container-lg);margin:var(--cbp-spacing-8) auto;height:auto}#chatbot{height:600px;display:flex;flex-direction:column;background:var(--cbp-color-white);border-radius:var(--cbp-border-radius-xl);box-shadow:var(--cbp-shadow-lg);overflow:hidden;border:1px solid var(--cbp-color-gray-200);position:relative}.chatbot-header{padding:var(--cbp-spacing-4);background:var(--cbp-color-gray-50);border-bottom:1px solid var(--cbp-color-gray-200);display:flex;align-items:center;justify-content:space-between;z-index:var(--cbp-z-index-10)}.header-content{display:flex;align-items:center;gap:var(--cbp-spacing-4)}.bot-avatar{width:44px;height:44px;border-radius:var(--cbp-border-radius-full);background:var(--cbp-color-primary);display:flex;align-items:center;justify-content:center;position:relative}.bot-avatar svg{color:var(--cbp-color-white)}.bot-info h1{color:var(--cbp-color-gray-900);font-size:var(--cbp-font-size-xl);font-weight:var(--cbp-font-weight-semibold);margin:0}.bot-status{display:flex;align-items:center;gap:var(--cbp-spacing-2);color:var(--cbp-color-primary);font-size:var(--cbp-font-size-sm)}.user-controls{display:flex;gap:var(--cbp-spacing-2)}.user-controls button{padding:var(--cbp-spacing-2);background:var(--cbp-color-white);border:1px solid var(--cbp-color-gray-200);border-radius:var(--cbp-border-radius-md);color:var(--cbp-color-gray-600);cursor:pointer;transition:all var(--cbp-transition-fast) var(--cbp-transition-timing)}.user-controls button:hover{background:var(--cbp-color-gray-50);color:var(--cbp-color-primary)}#chatbot-messages{flex:1;overflow-y:auto;padding:var(--cbp-spacing-4);background:var(--cbp-color-white);display:flex;flex-direction:column;gap:var(--cbp-spacing-4)}.message{display:flex;gap:var(--cbp-spacing-3);animation:slideIn var(--cbp-transition-normal) var(--cbp-transition-timing)}.bot-message{margin-right:var(--cbp-spacing-12)}.user-message{flex-direction:row-reverse;margin-left:var(--cbp-spacing-12)}.message-avatar{width:36px;height:36px;border-radius:var(--cbp-border-radius-lg);background:var(--cbp-color-gray-100);display:flex;align-items:center;justify-content:center;flex-shrink:0}.message-content{padding:var(--cbp-spacing-3) var(--cbp-spacing-4);border-radius:var(--cbp-border-radius-lg);font-size:var(--cbp-font-size-base);line-height:var(--cbp-line-height-normal)}.bot-message .message-content{background:var(--cbp-color-gray-50);color:var(--cbp-color-gray-900)}.user-message .message-content{background:var(--cbp-color-primary);color:var(--cbp-color-white)}#chatbot-input-container{padding:var(--cbp-spacing-4);background:var(--cbp-color-gray-50);border-top:1px solid var(--cbp-color-gray-200)}.input-wrapper{display:flex;gap:var(--cbp-spacing-3);align-items:flex-start}.button-group{display:flex;gap:var(--cbp-spacing-3);align-items:center}#chatbot-user-input{flex:1;min-height:48px;max-height:150px;padding:var(--cbp-spacing-3) var(--cbp-spacing-4);background:var(--cbp-color-white);border:1px solid var(--cbp-color-gray-200);border-radius:var(--cbp-border-radius-lg);font-size:var(--cbp-font-size-base);line-height:var(--cbp-line-height-normal);resize:none;transition:all var(--cbp-transition-fast) var(--cbp-transition-timing)}#chatbot-user-input:focus{outline:none;border-color:var(--cbp-color-primary);box-shadow:0 0 0 2px rgb(74 144 226 / .1)}#chatbot-send-button{height:48px;padding:0 var(--cbp-spacing-6);background:var(--cbp-color-primary);color:var(--cbp-color-white);border:none;border-radius:var(--cbp-border-radius-lg);font-weight:var(--cbp-font-weight-medium);display:flex;align-items:center;gap:var(--cbp-spacing-2);cursor:pointer;transition:all var(--cbp-transition-fast) var(--cbp-transition-timing)}#chatbot-send-button:hover{background:var(--cbp-color-primary);transform:translateY(-1px)}#chatbot-send-button:disabled{background:var(--cbp-color-gray-400);cursor:not-allowed;transform:none}.guest-actions{display:flex;gap:var(--cbp-spacing-3);margin-top:var(--cbp-spacing-3);padding-top:var(--cbp-spacing-3);border-top:1px solid var(--cbp-color-gray-200)}.guest-actions button{flex:1;padding:var(--cbp-spacing-2) var(--cbp-spacing-4);display:flex;align-items:center;justify-content:center;gap:var(--cbp-spacing-2);border-radius:var(--cbp-border-radius-md);font-size:var(--cbp-font-size-sm);font-weight:var(--cbp-font-weight-medium);transition:all var(--cbp-transition-fast) var(--cbp-transition-timing)}.login-button{background:var(--cbp-color-primary);color:var(--cbp-color-white);border:none}.register-button{background:var(--cbp-color-white);color:var(--cbp-color-primary);border:1px solid var(--cbp-color-primary)}.guest-info{margin-top:var(--cbp-spacing-4);padding:var(--cbp-spacing-4);background:var(--cbp-color-gray-50);border-radius:var(--cbp-border-radius-lg)}.info-text{color:var(--cbp-color-gray-700);font-weight:var(--cbp-font-weight-medium);margin:0 0 var(--cbp-spacing-2)}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{display:flex;align-items:center;gap:var(--cbp-spacing-2);padding:var(--cbp-spacing-2) 0;color:var(--cbp-color-gray-600)}.benefits-list li::before{content:"•";color:var(--cbp-color-primary)}@keyframes slideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.chatbot-container{margin:0;padding:0;width:100%;height:100%}#chatbot{height:80vh;border-radius:0;border:none}#chatbot.keyboard-open{height:auto;position:fixed;bottom:0;left:0;right:0;top:0}.guest-actions{flex-direction:column}.message{margin-left:var(--cbp-spacing-4);margin-right:var(--cbp-spacing-4)}#chatbot-input-container .input-wrapper{display:grid;grid-template-rows:auto auto;gap:var(--cbp-spacing-2)}#chatbot-input-container #chatbot-user-input{grid-row:1;grid-column:1 / -1;margin-bottom:var(--cbp-spacing-2)}#chatbot-input-container .button-group{grid-row:2;grid-column:1 / -1;display:flex;gap:var(--cbp-spacing-2);justify-content:space-between}#chatbot-input-container .cbp-speech__button,#chatbot-input-container #chatbot-send-button{height:40px;display:flex;justify-content:center;align-items:center;height:40px}#chatbot-input-container #chatbot-send-button{flex:1}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-color-scheme:dark){#chatbot{background:var(--cbp-color-gray-900)}.bot-message .message-content{background:var(--cbp-color-gray-800);color:var(--cbp-color-gray-100)}.chatbot-header{background:var(--cbp-color-gray-800);border-color:var(--cbp-color-gray-700)}#chatbot-input-container{background:var(--cbp-color-gray-800);border-color:var(--cbp-color-gray-700)}#chatbot-user-input{background:var(--cbp-color-gray-900);border-color:var(--cbp-color-gray-700);color:var(--cbp-color-gray-100)}}.typing-message{opacity:.7}.typing-indicator{display:flex;gap:4px;padding:12px}.typing-indicator span{width:8px;height:8px;background:currentColor;border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-0.32s}.typing-indicator span:nth-child(2){animation-delay:-0.16s}@keyframes bounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}.input-group{display:flex;align-items:flex-end;gap:8px;width:100%}.input-wrapper{flex:1;display:flex;gap:12px}.auth-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.auth-modal.active{display:block}.auth-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .5);backdrop-filter:blur(4px)}.auth-modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;max-height:90vh;background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px rgb(0 0 0 / .15);overflow-y:auto}.auth-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#666;cursor:pointer}.auth-modal-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid #f3f4f6}.auth-tab{flex:1;padding:12px;background:none;border:none;font-size:16px;font-weight:500;color:#666;cursor:pointer;position:relative}.auth-tab.active{color:var(--cbp-color-primary)}.auth-tab.active:after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--cbp-color-primary)}.auth-tab-pane{display:none}.auth-tab-pane.active{display:block}@media (max-width:768px){.auth-modal-content{width:95%;max-height:95vh;padding:16px}}