@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");:root{--color-primary:#ffc300;--color-primary-hover:#ffb000;--color-user-bg:#ffe180;--color-assistant-bg:#d8d7d7;--color-background:#f3f4f6;--color-input-bg:#d8d7d7;--color-text-dark:#000000;--color-text-light:#ffffff}.chat-container{font-family:Montserrat,sans-serif;background-color:var(--color-background);padding:0;display:flex;justify-content:center;align-items:center}.chat-wrapper{width:100%;max-width:56rem}.chat-card{height:100vh;display:flex;flex-direction:column;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);border-radius:.5rem;overflow:hidden}@media (min-width:768px){.chat-card{height:100vh}}.chat-header{font-family:Poppins,sans-serif;border-bottom:1px solid #e5e7eb;background-color:var(--color-primary);position:sticky;top:0;z-index:10;padding:.75rem 1rem}.chat-header-content{display:flex;align-items:center;justify-content:space-between}.chat-title{font-size:1.125rem;line-height:1.75rem;font-weight:500;color:var(--color-text-dark);display:flex;align-items:center;gap:.5rem}@media (min-width:768px){.chat-title{font-size:1.25rem}}.new-conversation-button{display:flex;align-items:center;justify-content:center;color:var(--color-text-dark);padding:0;width:auto;height:auto;border-radius:50%}.new-conversation-button:hover{background-color:rgba(0,0,0,.1)}.new-conversation-icon{width:64px;height:64px}.chat-content{flex:1 1 0%;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-text-light);padding:0}.scroll-area{flex:1 1 0%;padding:1rem}.message-container{display:flex;margin-bottom:1rem;gap:.75rem;max-width:85%}.message-container.user{margin-left:auto;flex-direction:row-reverse}.message-container.assistant{margin-right:auto;flex-direction:row}@media (min-width:768px){.message-container{max-width:80%}}.message-bubble{padding:.75rem 1rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);word-break:break-word}.message-bubble.user{background-color:var(--color-user-bg);border-bottom-left-radius:1rem}.message-bubble.assistant,.message-bubble.user{color:var(--color-text-dark);border-top-left-radius:1rem;border-top-right-radius:1rem}.message-bubble.assistant{background-color:var(--color-assistant-bg);border-bottom-right-radius:1rem}.message-text{font-size:.875rem;line-height:1.5;white-space:pre-wrap}.input-area{padding:.75rem}@media (min-width:768px){.input-area{padding:1rem}}.input-wrapper{display:flex;gap:.5rem;align-items:center}.chat-input{background-color:var(--color-input-bg);border-radius:9999px;padding:.5rem 1rem;flex:1 1 0%;border:2px solid transparent;transition:border-color .2s}.chat-input:focus{outline:none;box-shadow:none}.send-button{border-radius:9999px;background-color:var(--color-primary);color:var(--color-text-dark);flex-shrink:0;border:0;height:2.5rem;width:2.5rem}.send-button:hover{background-color:var(--color-primary-hover)}.send-button:disabled{opacity:.5}.send-icon{height:1.25rem;width:1.25rem}.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:50;font-family:Poppins,sans-serif}.modal-content{background-color:var(--color-text-light);padding:2rem;border-radius:1rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);width:90%;max-width:400px;text-align:center;border:1px solid #e5e7eb}.modal-icon-container{margin:0 auto 1rem;width:3.5rem;height:3.5rem;border-radius:9999px;background-color:#fffbeb;display:flex;align-items:center;justify-content:center}.modal-icon{width:2rem;height:2rem;color:#f59e0b}.modal-title{font-size:1.25rem;font-weight:600;color:var(--color-text-dark);margin-bottom:.5rem}.modal-subtitle{font-size:.875rem;color:#6b7280;margin-bottom:1.5rem}.modal-actions{display:flex;gap:.75rem;justify-content:space-between}.modal-button{flex:1;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;border:none;cursor:pointer;transition:background-color .2s}.modal-button.cancel{background-color:#e5e7eb;color:var(--color-text-dark)}.modal-button.cancel:hover{background-color:#d1d5db}.modal-button.confirm{background-color:var(--color-primary);color:var(--color-text-dark)}.modal-button.confirm:hover{background-color:var(--color-primary-hover)}.warning-banner{background-color:var(--color-assistant-bg);padding:1rem 2.5rem 1rem 1rem;margin:1rem;border-radius:.75rem;display:flex;align-items:center;flex-wrap:wrap;position:relative;gap:.75rem}.warning-text{font-family:Montserrat,sans-serif;font-size:.875rem;color:var(--color-text-dark);line-height:1.4;flex-basis:100%;margin:0}.warning-actions{display:flex;align-items:center;gap:.75rem;flex-basis:100%;justify-content:space-evenly}.warning-button{font-family:Poppins,sans-serif;border:none;cursor:pointer;font-weight:500;font-size:.875rem;white-space:nowrap}.warning-button.no-show{background:none;color:#4b5563;padding:.5rem}.warning-button.no-show:hover{text-decoration:underline}.warning-button.accept{background-color:var(--color-primary);color:var(--color-text-dark);border-radius:.5rem;padding:.5rem 1.5rem;transition:background-color .2s}.warning-button.accept:hover{background-color:var(--color-primary-hover)}.warning-close-button{position:absolute;top:.75rem;right:.75rem;background:none;border:none;cursor:pointer;color:#4b5563;padding:0;line-height:1}.warning-close-button:hover{color:var(--color-text-dark)}.loading-dots{display:flex;align-items:center;gap:.3rem}.loading-dots span{width:8px;height:8px;background-color:var(--color-text-dark);border-radius:50%;animation:bounce 1.4s infinite both}.loading-dots span:nth-of-type(2){animation-delay:-.8s}.loading-dots span:nth-of-type(3){animation-delay:-.4s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}