.chat-messages{padding:1.5rem;background:#fafafa;display:flex;flex-direction:column;gap:1.5rem}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#d0d0d0}.chat-message{display:flex;align-items:flex-end;gap:.75rem;max-width:85%;animation:messageSlideIn .3s ease-out;opacity:1;transform:translateY(0)}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes typingAnimation{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.chat-message.typing{animation:typingAnimation 1.5s infinite}.chat-message.user{align-self:flex-end;flex-direction:row-reverse;max-width:90%}.chat-message.admin{align-self:flex-start;flex-direction:row;max-width:90%}.chat-message-avatar{width:2.5rem;height:2.5rem;border-radius:50%;flex-shrink:0;overflow:hidden;border:2px solid #e0e0e0;position:relative;transition:all .2s ease}.chat-message-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.chat-message-avatar.user{border-color:#3b82f6;background:#f8fafc}.chat-message-avatar.admin{border-color:#10b981;background:#f0fdf4}.chat-message-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .2s ease}.chat-message-avatar:hover img{transform:scale(1.1)}.chat-message-bubble{background:#fff;border-radius:1.25rem;padding:1rem 1.25rem;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #f0f0f0;position:relative;max-width:100%;word-wrap:break-word;transition:all .2s ease;animation:bubbleAppear .3s ease-out}@keyframes bubbleAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.chat-message-bubble:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.chat-message.user .chat-message-bubble{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-color:#1d4ed8;border-bottom-right-radius:.5rem}.chat-message.admin .chat-message-bubble{background:linear-gradient(135deg,#f9fafb,#f3f4f6);color:#1f2937;border-color:#d1d5db;border-bottom-left-radius:.5rem}.admin-avatar-icon{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;display:flex;align-items:center;justify-content:center}.user-avatar-custom{border:2px solid #3b82f6;box-shadow:0 2px 8px rgba(59,130,246,.2)}.admin-avatar-fixed{border:2px solid #6b7280;box-shadow:0 2px 8px hsla(220,9%,46%,.2)}.chat-message-content{font-size:.875rem;line-height:1.6;margin-bottom:.5rem;word-wrap:break-word;word-break:break-word}.chat-message-time{display:flex;align-items:center;gap:.5rem;font-size:.75rem;opacity:.8;justify-content:flex-end}.chat-message.user .chat-message-time{color:hsla(0,0%,100%,.9)}.chat-message.admin .chat-message-time{color:#6b7280}.chat-sender-info{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.chat-sender-name{font-size:.75rem;font-weight:600;color:#374151}.chat-sender-badge{font-size:.6875rem;padding:.25rem .5rem;border-radius:.75rem;font-weight:500;border:1px solid}.chat-sender-badge.admin{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.chat-sender-badge.user{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.chat-message-status{display:flex;align-items:center;gap:.25rem;margin-left:.5rem;font-size:.75rem}.chat-message-status.sending{color:hsla(0,0%,100%,.7);animation:pulse 1.5s infinite}.chat-message-status.sent{color:hsla(0,0%,100%,.8)}.chat-message-status.delivered{color:hsla(0,0%,100%,.9)}.chat-message-status.read{color:#10b981}.chat-typing-indicator{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fff;border-radius:1.25rem;border:1px solid #e5e7eb;box-shadow:0 2px 8px rgba(0,0,0,.1);max-width:85%;align-self:flex-start;animation:typingSlideIn .3s ease-out}@keyframes typingSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-typing-dots{display:flex;gap:.25rem}.chat-typing-dot{width:.5rem;height:.5rem;background:#6b7280;border-radius:50%;animation:typingDot 1.4s ease-in-out infinite}.chat-typing-dot:first-child{animation-delay:-.32s}.chat-typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingDot{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-welcome{text-align:center;padding:3rem 1.5rem;background:#fafafa;animation:welcomeFadeIn .5s ease-out}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-welcome-avatar{width:5rem;height:5rem;border-radius:50%;margin:0 auto 1.5rem;background:#fff;display:flex;align-items:center;justify-content:center;border:3px solid #e0e0e0;box-shadow:0 4px 16px rgba(0,0,0,.1);transition:transform .3s ease}.chat-welcome-avatar:hover{transform:scale(1.05)}.chat-welcome-avatar img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.chat-welcome-card{background:#fff;border:1px solid #e0e0e0;border-radius:1.25rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 16px rgba(0,0,0,.05);animation:cardSlideIn .6s ease-out}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.chat-welcome-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;justify-content:center;font-weight:600;color:#3b82f6}.chat-welcome-heading{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.chat-welcome-subtitle{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.chat-welcome-text{font-size:.875rem;color:#4b5563;line-height:1.6;margin-bottom:1rem}.chat-welcome-feature{display:flex;align-items:center;gap:.5rem;justify-content:center;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.chat-welcome-feature:last-child{margin-bottom:0}.chat-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:#6b7280;animation:loadingPulse 2s infinite}@keyframes loadingPulse{0%,to{opacity:.5}50%{opacity:1}}.chat-loading-spinner{width:1.5rem;height:1.5rem;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-error{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;color:#991b1b;font-size:.875rem;animation:errorShake .5s ease-in-out}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.chat-error-icon{width:1rem;height:1rem;color:#ef4444}@media (max-width:640px){.chat-messages{padding:1rem;gap:1rem}.chat-message{max-width:95%}.chat-message-bubble{padding:.75rem 1rem}.chat-message-content{font-size:.8125rem}.chat-message-time{font-size:.6875rem}.chat-welcome{padding:2rem 1rem}.chat-welcome-card{padding:1.25rem}.chat-message-avatar{width:2rem;height:2rem}}.chat-message:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.chat-message-bubble:focus{outline:none}.chat-message.new-message{animation:newMessageSlideIn .4s ease-out}.sending-indicator{animation:sendingSlideIn .3s ease-out}@keyframes sendingSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes newMessageSlideIn{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-message-bubble.new-message{animation:highlightNewMessage .6s ease-out}@keyframes highlightNewMessage{0%{box-shadow:0 0 0 0 rgba(59,130,246,.4)}50%{box-shadow:0 0 0 8px rgba(59,130,246,.1)}to{box-shadow:0 2px 8px rgba(0,0,0,.1)}}.chat-widget-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.chat-widget-button{width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(59,130,246,.3);transition:all .3s ease;position:relative;overflow:hidden}.chat-widget-button:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(59,130,246,.4);background:linear-gradient(135deg,#2563eb,#1d4ed8)}.chat-widget-button:active{transform:scale(.95)}.chat-widget-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-widget-button:disabled:hover{transform:none;box-shadow:0 4px 12px rgba(59,130,246,.3)}.chat-notification-badge{position:absolute;top:-.5rem;right:-.5rem;background:#ef4444;color:#fff;border-radius:50%;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;border:2px solid #fff;box-shadow:0 2px 8px rgba(239,68,68,.3);animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.chat-widget-floating{position:fixed;bottom:1.5rem;right:1.5rem;z-index:40;width:24rem;height:32rem;max-width:calc(100vw - 3rem);max-height:calc(100vh - 3rem);background:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden;animation:chatWidgetSlideIn .3s ease-out}@keyframes chatWidgetSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-window{display:flex;flex-direction:column;height:100%;background:#fff}.chat-header{justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.chat-header,.chat-header-left{display:flex;align-items:center}.chat-header-left{gap:.75rem}.chat-header-icon{width:2rem;height:2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.chat-header-title{font-size:1rem;font-weight:600;color:#1f2937}.chat-header-status{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.connection-indicator{width:.5rem;height:.5rem;border-radius:50%;background:#ef4444}.connection-indicator.connected{background:#10b981}.chat-header-controls{display:flex;align-items:center;gap:.5rem}.chat-control-button{width:2rem;height:2rem;border-radius:50%;border:none;background:transparent;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-control-button:hover{background:#f3f4f6;color:#374151}.chat-control-button.close:hover{background:#fef2f2;color:#ef4444}.chat-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-conversations-list{flex:1;padding:1rem;overflow-y:auto}.chat-conversations-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.chat-messages-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-conversation-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb}.chat-messages{flex:1;overflow-y:auto;padding:1rem}.chat-input-container{border-top:1px solid #e5e7eb;padding:1rem;background:#f9fafb}.chat-input-wrapper{display:flex;align-items:flex-end;gap:.5rem;background:#fff;border:1px solid #d1d5db;border-radius:.75rem;padding:.5rem;transition:border-color .2s ease}.chat-input-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.chat-input{flex:1;border:none;outline:none;resize:none;font-size:.875rem;line-height:1.5;padding:.5rem;background:transparent}.chat-input::-moz-placeholder{color:#9ca3af}.chat-input::placeholder{color:#9ca3af}.chat-input-attachments{display:flex;align-items:center;gap:.25rem}.chat-attachment-button{width:2rem;height:2rem;border-radius:50%;border:none;background:transparent;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-attachment-button:hover{background:#f3f4f6;color:#374151}.chat-send-button{width:2rem;height:2rem;border-radius:50%;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.chat-send-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:scale(1.05)}.chat-send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.chat-connection-status{display:flex;align-items:center;justify-content:center;margin-top:.5rem;font-size:.75rem;color:#6b7280}@media (max-width:640px){.chat-widget-floating{width:calc(100vw - 2rem);height:calc(100vh - 2rem);left:1rem;max-width:none;max-height:none}.chat-widget-container,.chat-widget-floating{bottom:1rem;right:1rem}.chat-widget-button{width:3rem;height:3rem}}.chat-widget-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);border-radius:50%;opacity:0;transition:opacity .3s ease}.chat-widget-button:hover:before{opacity:1}.chat-widget-button.has-notifications{animation:notificationPulse 2s infinite}@keyframes notificationPulse{0%,to{box-shadow:0 4px 12px rgba(59,130,246,.3)}50%{box-shadow:0 4px 12px rgba(59,130,246,.6)}}@font-face{font-family:__GeistSans_fb8f2c;src:url(/_next/static/media/028c0d39d2e8f589-s.p.woff2) format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:__GeistSans_Fallback_fb8f2c;src:local("Arial");ascent-override:85.83%;descent-override:20.53%;line-gap-override:9.33%;size-adjust:107.19%}.__className_fb8f2c{font-family:__GeistSans_fb8f2c,__GeistSans_Fallback_fb8f2c}.__variable_fb8f2c{--font-geist-sans:"__GeistSans_fb8f2c","__GeistSans_Fallback_fb8f2c"}@font-face{font-family:__GeistMono_f910ec;src:url(/_next/static/media/5b01f339abf2f1a5.p.woff2) format("woff2");font-display:swap;font-weight:100 900}.__className_f910ec{font-family:__GeistMono_f910ec,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.__variable_f910ec{--font-geist-mono:"__GeistMono_f910ec",ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.chat-widget-container,.chat-widget-floating{z-index:40!important}.dev-metrics-button,.performance-monitor-button,.performance-monitor-panel{z-index:30!important}@media (max-width:768px){.chat-widget-container{bottom:1rem;right:1rem}.performance-monitor-button{top:1rem;right:1rem}}@media (min-width:769px){.chat-widget-container{bottom:1.5rem;right:1.5rem}.performance-monitor-button{top:1rem;right:1rem}}@media (max-width:480px){.chat-widget-floating{height:calc(100vh - 2rem);bottom:1rem}.chat-widget-floating,.performance-monitor-panel{width:calc(100vw - 2rem);right:1rem}}