.chat-widget-container{--chat-z-base:10000;--chat-z-modal:10001;--chat-z-tooltip:10002;contain:layout style paint;will-change:transform,opacity;--chat-primary:var(--projcap-blue-600);--chat-primary-hover:var(--projcap-blue-700);--chat-secondary:var(--projcap-blue-500);--chat-accent:var(--projcap-blue-800);--chat-gradient:linear-gradient(135deg,var(--projcap-blue-600) 0%,var(--projcap-blue-500) 50%,var(--projcap-blue-700) 100%);--chat-gradient-hover:linear-gradient(135deg,var(--projcap-blue-700) 0%,var(--projcap-blue-600) 50%,var(--projcap-blue-800) 100%);--chat-gradient-subtle:linear-gradient(135deg,var(--projcap-blue-50) 0%,var(--projcap-blue-100) 100%);--chat-shadow:var(--shadow-xl);--chat-shadow-lg:var(--shadow-2xl);--chat-shadow-brand:var(--shadow-blue);--chat-border-radius:var(--radius-2xl);--chat-border-radius-lg:var(--radius-3xl);--chat-animation-fast:var(--duration-200) var(--ease-out);--chat-animation-smooth:var(--duration-300) var(--ease-in-out);--chat-animation-bounce:var(--duration-500) var(--ease-elastic);--chat-font-primary:var(--font-primary);--chat-font-weight-normal:var(--font-weight-normal);--chat-font-weight-medium:var(--font-weight-medium);--chat-font-weight-semibold:var(--font-weight-semibold);--chat-font-weight-bold:var(--font-weight-bold);--chat-space-xs:var(--space-1);--chat-space-sm:var(--space-2);--chat-space-md:var(--space-4);--chat-space-lg:var(--space-6);--chat-space-xl:var(--space-8);--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px)}.chat-button{position:relative;background:var(--chat-gradient);border:3px solid rgba(255,255,255,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--chat-shadow-brand);transition:all var(--chat-animation-bounce);z-index:10000!important;font-family:var(--chat-font-primary);font-weight:var(--chat-font-weight-semibold);letter-spacing:var(--letter-spacing-tight)}.chat-button:before{content:"";position:absolute;inset:-2px;background:var(--chat-gradient-hover);border-radius:inherit;opacity:0;transition:opacity var(--chat-animation-smooth);z-index:-1}.chat-button:hover:before{opacity:1}.chat-button:hover{transform:translateY(-3px) scale(1.08);box-shadow:var(--chat-shadow-lg),var(--glow-blue);background:var(--chat-gradient-hover)}.chat-button-icon{transition:all var(--chat-animation-smooth)}.chat-button:hover .chat-button-icon{transform:rotate(12deg) scale(1.1)}.chat-notification-badge{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#ef4444,#dc2626);color:white;border:3px solid white;border-radius:50%;min-width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;font-family:var(--brand-font-display,"Inter",system-ui,sans-serif);box-shadow:0 6px 16px rgba(239,68,68,.4),0 0 20px rgba(239,68,68,.2);animation:chat-badge-pulse 2s ease-in-out infinite;z-index:1}@keyframes chat-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.chat-connection-indicator{position:absolute;bottom:-4px;right:-4px;width:1rem;height:1rem;border:2px solid white;border-radius:50%;transition:all var(--chat-animation-smooth)}.chat-connection-indicator.online{background:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.4);animation:chat-online-pulse 2s infinite}.chat-connection-indicator.offline{background:#ef4444}@keyframes chat-online-pulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.4)}70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.chat-window{background:linear-gradient(145deg,var(--projcap-gray-50) 0,rgba(255,255,255,.98) 50%,var(--projcap-gray-100) 100%)!important;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid var(--projcap-gray-200);box-shadow:var(--chat-shadow-lg);border-radius:var(--chat-border-radius-lg);overflow:hidden;transition:all var(--chat-animation-smooth);font-family:var(--chat-font-primary);z-index:10000!important;position:relative}.chat-window.fullscreen-mobile{border-radius:0;width:100vw!important;height:100vh!important;height:100dvh!important;max-width:none!important;max-height:none!important;padding:var(--safe-area-inset-top) var(--safe-area-inset-right) var(--safe-area-inset-bottom) var(--safe-area-inset-left)}.chat-window.fullscreen-desktop{width:90vw!important;height:90vh!important;max-width:1200px!important;max-height:800px!important;border-radius:var(--chat-border-radius)}.chat-header{background:var(--chat-gradient);color:white;padding:.75rem 1rem;position:relative;overflow:hidden;min-height:3.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.chat-header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 85%,rgba(255,255,255,.12) 0,transparent 60%),radial-gradient(circle at 85% 15%,rgba(255,255,255,.08) 0,transparent 50%),linear-gradient(135deg,rgba(255,255,255,.05),transparent);pointer-events:none}.chat-header-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;overflow:hidden}.chat-avatar-container{position:relative;flex-shrink:0}.chat-avatar{width:2.25rem;height:2.25rem;background:rgba(255,255,255,.15);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--chat-animation-smooth)}.chat-avatar:hover{transform:scale(1.1);background:rgba(255,255,255,.25)}.chat-avatar-status{position:absolute;bottom:-2px;right:-2px;width:1rem;height:1rem;border:2px solid white;border-radius:50%;transition:all var(--chat-animation-smooth)}.chat-avatar-status.online{background:#10b981;box-shadow:0 0 0 2px rgba(16,185,129,.3)}.chat-avatar-status.offline{background:#6b7280}.chat-header-info{flex:1;min-width:0;overflow:hidden;max-width:calc(100% - 6rem)}.chat-header-title{font-size:var(--font-size-xl);font-weight:var(--chat-font-weight-bold);margin:0;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);font-family:var(--chat-font-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;display:block}.chat-header-subtitle{font-size:.875rem;opacity:.9;margin-top:.25rem;display:flex;align-items:center;gap:.5rem;line-height:1.3;min-width:0;overflow:hidden}.chat-header-controls{display:flex;align-items:center;flex-shrink:0;width:auto;min-width:fit-content}.chat-header-button{padding:.375rem;border:none;background:rgba(255,255,255,.1);color:white;border-radius:.5rem;cursor:pointer;transition:all var(--chat-animation-fast);display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.chat-header-button:hover{background:rgba(255,255,255,.2);transform:scale(1.05)}.chat-header-button:active{transform:scale(.95)}.chat-messages-container{flex:1;overflow-y:auto;padding:var(--chat-space-xl) var(--chat-space-lg);background:linear-gradient(145deg,var(--projcap-gray-50) 0,rgba(255,255,255,.95) 50%,var(--projcap-blue-50) 100%)!important;position:relative;z-index:1}.chat-messages-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,var(--projcap-blue-100) 0,transparent 60%),radial-gradient(circle at 80% 80%,var(--projcap-blue-50) 0,transparent 50%),var(--chat-gradient-subtle);opacity:.2;pointer-events:none;z-index:-1}.chat-messages-container::-webkit-scrollbar{width:6px}.chat-messages-container::-webkit-scrollbar-track{background:transparent}.chat-messages-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:3px}.chat-messages-container::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.chat-message{margin-bottom:1.5rem;animation:chat-message-in .3s ease-out;position:relative;z-index:1}@keyframes chat-message-in{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-message-user{padding-left:2rem}.chat-message-admin{padding-right:2rem}.chat-message-user{display:flex;justify-content:flex-end}.chat-message-admin{display:flex;justify-content:flex-start}.chat-message-bubble{max-width:80%;padding:1rem 1.25rem;border-radius:1.5rem;position:relative;backdrop-filter:blur(10px);transition:all var(--chat-animation-fast);cursor:pointer;word-wrap:break-word;hyphens:auto}.chat-message-bubble:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.chat-message-bubble.user{background:var(--chat-gradient);color:white;border-bottom-right-radius:var(--radius-lg);box-shadow:var(--chat-shadow-brand);font-weight:var(--chat-font-weight-medium);letter-spacing:var(--letter-spacing-tight)}.chat-message-bubble.admin{background:linear-gradient(135deg,rgba(255,255,255,.97) 0,var(--projcap-gray-50) 100%);color:var(--projcap-gray-800);border:1px solid var(--projcap-gray-200);border-bottom-left-radius:var(--radius-lg);box-shadow:var(--shadow-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-weight:var(--chat-font-weight-normal);letter-spacing:var(--letter-spacing-normal)}.chat-message-bubble.system{background:linear-gradient(135deg,var(--projcap-gold-50) 0,var(--projcap-gold-100) 100%);color:var(--projcap-gold-800);border:1px solid var(--projcap-gold-200);text-align:center;border-radius:var(--chat-border-radius);max-width:90%;margin:0 auto;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-weight:var(--chat-font-weight-medium)}.chat-message-meta{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.1);font-size:.75rem;opacity:.8}.chat-message-status,.chat-message-time{display:flex;align-items:center;gap:.25rem}.chat-message-actions{position:absolute;top:-1rem;right:1rem;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(248,250,252,.95));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:.75rem;padding:.25rem;display:flex;gap:.25rem;opacity:0;transform:translateY(4px);transition:all var(--chat-animation-fast);box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.1)}.chat-message:hover .chat-message-actions{opacity:1;transform:translateY(0)}.chat-message-action-btn{padding:.25rem;border:none;background:transparent;color:#6b7280;border-radius:.25rem;cursor:pointer;transition:all var(--chat-animation-fast)}.chat-message-action-btn:hover{background:#f3f4f6;color:#374151;transform:scale(1.1)}.chat-typing-indicator{display:flex;align-items:center;gap:.5rem;padding:1rem 1.25rem;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,250,252,.95));border:1px solid rgba(226,232,240,.4);border-radius:1.5rem;border-bottom-left-radius:.5rem;margin-bottom:1rem;animation:chat-typing-in .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@keyframes chat-typing-in{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:#9ca3af;border-radius:50%;animation:chat-typing-bounce 1.4s ease-in-out infinite both}.chat-typing-dot:first-child{animation-delay:-.32s}.chat-typing-dot:nth-child(2){animation-delay:-.16s}.chat-typing-dot:nth-child(3){animation-delay:0s}@keyframes chat-typing-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.chat-input-container{background:linear-gradient(135deg,rgba(248,250,252,.98),rgba(255,255,255,.99) 50%,rgba(241,245,249,.98))!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(226,232,240,.6);padding:.5rem .75rem .375rem;position:relative;box-shadow:0 -4px 6px -1px rgba(0,0,0,.02);z-index:2}.chat-input-row{display:flex;align-items:center;gap:.5rem;width:100%}.chat-input-wrapper{flex:1;position:relative;min-width:0;width:100%}.chat-input{width:100%;min-height:2rem;max-height:4rem;padding:.5rem .875rem;border:1px solid var(--projcap-gray-300);border-radius:1.5rem;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-sm),inset 0 1px 2px rgba(0,0,0,.02);color:var(--projcap-gray-900)!important;font-size:.875rem;font-weight:var(--font-weight-normal);font-family:var(--font-primary);line-height:1.3;letter-spacing:var(--letter-spacing-normal);resize:none;transition:border-color var(--duration-200) var(--ease-out),box-shadow var(--duration-200) var(--ease-out);outline:none;z-index:3;position:relative}.chat-input:focus{border-color:var(--projcap-blue-500)!important;box-shadow:0 0 0 3px var(--projcap-blue-200),var(--shadow-md)!important;background:rgba(255,255,255,1)!important;transform:translateY(-1px)}.chat-input:hover{border-color:var(--projcap-gray-400);box-shadow:var(--shadow-md),inset 0 1px 2px rgba(0,0,0,.03)}.chat-input::placeholder{color:var(--projcap-gray-500)!important;font-weight:var(--font-weight-normal);opacity:.8}.chat-widget-container *{transition-property:border-color,box-shadow,transform,opacity}.chat-widget-container :not(.chat-input):not(.chat-message-bubble){background-attachment:fixed}.chat-input,.chat-input-container,.chat-input:active,.chat-input:focus,.chat-input:hover,.chat-messages-container,.chat-window{visibility:visible!important;opacity:1!important}.chat-input-button{width:2.25rem;height:2.25rem;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--chat-animation-fast);flex-shrink:0}.chat-input-button.attachment{background:#f3f4f6;color:#6b7280}.chat-input-button.attachment:hover{background:#e5e7eb;color:#374151;transform:scale(1.1)}.chat-input-button.emoji{background:var(--projcap-gold-100);color:var(--projcap-gold-600)}.chat-input-button.emoji:hover{background:var(--projcap-gold-200);color:var(--projcap-gold-700);transform:scale(1.1)}.chat-input-button.send{background:var(--chat-gradient);color:white;box-shadow:var(--chat-shadow-brand);font-weight:var(--chat-font-weight-semibold)}.chat-input-button.send:hover:not(:disabled){background:var(--chat-gradient-hover);transform:scale(1.12);box-shadow:var(--chat-shadow-lg),var(--glow-blue)}.chat-input-button.send:disabled{background:var(--projcap-gray-300);color:var(--projcap-gray-400);cursor:not-allowed;transform:none;box-shadow:none}.chat-welcome-screen{padding:2rem;text-align:center;background:linear-gradient(145deg,rgba(248,250,252,.6),rgba(241,245,249,.8) 50%,rgba(248,250,252,.9));min-height:500px;display:flex;flex-direction:column;justify-content:center;position:relative}.chat-welcome-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(37,99,235,.03) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(139,92,246,.03) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(59,130,246,.02) 0,transparent 50%);pointer-events:none}.chat-welcome-hero{margin-bottom:2rem}.chat-welcome-logo{width:5rem;height:5rem;margin:0 auto 1.5rem;background:var(--chat-gradient);border-radius:2rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 10px 25px rgba(37,99,235,.3);animation:chat-welcome-logo 2s ease-in-out infinite}@keyframes chat-welcome-logo{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.chat-welcome-logo:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);transform:translateX(-100%);animation:chat-welcome-shimmer 2s ease-in-out infinite}@keyframes chat-welcome-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.chat-welcome-title{font-size:1.875rem;font-weight:800;color:#1f2937;margin-bottom:.75rem;background:var(--chat-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.chat-welcome-subtitle{font-size:1rem;color:#6b7280;margin-bottom:1.5rem;line-height:1.6;max-width:400px;margin-left:auto;margin-right:auto}.chat-welcome-form{max-width:320px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.chat-welcome-input-group{position:relative}.chat-welcome-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid rgba(226,232,240,.5);border-radius:1rem;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:.925rem;transition:all var(--chat-animation-fast);outline:none}.chat-welcome-input:focus{border-color:var(--chat-primary);box-shadow:0 0 0 3px rgba(37,99,235,.15);background:rgba(255,255,255,.98)}.chat-welcome-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;transition:color var(--chat-animation-fast)}.chat-welcome-input:focus+.chat-welcome-input-icon{color:var(--chat-primary)}.chat-welcome-submit{padding:1rem 1.5rem;border:none;border-radius:1rem;background:var(--chat-gradient);color:white;font-weight:600;font-size:.925rem;cursor:pointer;transition:all var(--chat-animation-smooth);position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(37,99,235,.3)}.chat-welcome-submit:hover:not(:disabled){background:var(--chat-gradient-hover);transform:translateY(-1px);box-shadow:0 6px 16px rgba(37,99,235,.4)}.chat-welcome-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.chat-welcome-trust{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.chat-welcome-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}.chat-welcome-trust-item{text-align:center;padding:1rem;border-radius:1rem;background:rgba(255,255,255,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(226,232,240,.3);transition:all var(--chat-animation-fast);cursor:pointer}.chat-welcome-trust-item:hover{background:rgba(255,255,255,.9);transform:translateY(-2px);border-color:rgba(226,232,240,.5);box-shadow:0 4px 16px rgba(0,0,0,.08)}.chat-welcome-trust-icon{width:3rem;height:3rem;margin:0 auto .75rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;transition:all var(--chat-animation-fast)}.chat-welcome-trust-item:hover .chat-welcome-trust-icon{transform:scale(1.1)}.chat-welcome-trust-title{font-size:.75rem;font-weight:600;color:#374151;margin-bottom:.25rem}.chat-welcome-trust-desc{font-size:.625rem;color:#6b7280}@media (min-width:641px){.chat-input{min-height:3rem;padding:1rem 1.5rem;font-size:1rem}.chat-input-container{padding:1.5rem 2rem}.chat-input-row{gap:1rem}.chat-input-button{width:2.75rem;height:2.75rem}}@media (min-width:1024px){.chat-input{padding:1rem 1.75rem;font-size:1rem}.chat-input-container{padding:1.75rem 2.25rem}}@media (max-width:640px){.chat-widget-container{--chat-border-radius:0;--chat-border-radius-lg:0}.chat-window.fullscreen-mobile{border-radius:0!important;background:linear-gradient(145deg,rgba(248,250,252,.98),rgba(255,255,255,.99) 50%,rgba(241,245,249,.98))}.chat-window:not(.fullscreen-mobile){bottom:1rem!important;right:1rem!important;left:1rem!important;max-width:calc(100vw - 2rem)!important;max-height:calc(100vh - 8rem)!important}.chat-button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.chat-message-user{padding-left:.5rem}.chat-message-admin{padding-right:.5rem}.chat-message-bubble{max-width:92%}.chat-header-button{min-width:2.75rem;min-height:2.75rem}.chat-input-button{min-width:2.5rem;min-height:2.5rem}.chat-header{padding:1.25rem 1rem;min-height:4.5rem;padding-top:calc(1.25rem + var(--safe-area-inset-top))}.chat-header-title{font-size:1.125rem;font-weight:700}.chat-header-subtitle{font-size:.875rem}.chat-header-info{max-width:calc(100% - 7rem)}.chat-header-title{font-size:1rem}.chat-header-title span{max-width:calc(100% - 1.5rem);font-size:1rem}.chat-header-content{gap:.5rem}.chat-header-controls{gap:.25rem}.chat-header-button{width:1.75rem;height:1.75rem;padding:.25rem}.chat-messages-container{padding:1.5rem 1rem}.chat-message-bubble{max-width:88%;padding:1rem 1.25rem;font-size:.95rem}.chat-input-container{padding:.375rem .75rem;padding-bottom:calc(.375rem + var(--safe-area-inset-bottom))}.chat-input{min-height:2rem;padding:.5rem .875rem;font-size:.875rem;border-radius:1.5rem}.chat-input-row{gap:.5rem}.chat-input-button{width:2rem;height:2rem}.chat-welcome-screen{padding:2rem 1.5rem;min-height:450px}.chat-welcome-logo{width:4rem;height:4rem;margin-bottom:1rem}.chat-welcome-title{font-size:1.5rem}.chat-welcome-subtitle{font-size:.925rem}.chat-welcome-trust-grid{grid-template-columns:1fr;gap:1rem}.chat-welcome-trust-item{padding:.75rem}.chat-welcome-trust-icon{width:2.5rem;height:2.5rem}}@media (min-width:641px) and (max-width:1024px){.chat-window:not(.fullscreen-mobile):not(.fullscreen-desktop){width:24rem!important;height:36rem!important}.chat-message-bubble{max-width:75%}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.chat-window{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.chat-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.chat-input,.chat-message-bubble.admin,.chat-window{border:2px solid #000}}.chat-header-button:focus,.chat-input-button:focus,.chat-message-action-btn:focus,.chat-welcome-submit:focus{outline:2px solid var(--chat-primary);outline-offset:2px}.chat-loading{display:flex;align-items:center;justify-content:center;padding:2rem}.chat-loading-spinner{width:2rem;height:2rem;border:3px solid #e5e7eb;border-top:3px solid var(--chat-primary);border-radius:50%;animation:chat-spin 1s linear infinite}@keyframes chat-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chat-error{padding:1rem;margin:1rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:1rem;color:#dc2626;display:flex;align-items:center;gap:.75rem;animation:chat-error-in .3s ease-out}@keyframes chat-error-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.chat-error-icon{flex-shrink:0;color:#dc2626}.chat-error-text{font-size:.875rem;font-weight:500}.chat-settings-panel{position:absolute;top:100%;right:0;margin-top:.5rem;width:20rem;background:linear-gradient(145deg,rgba(248,250,252,.98),rgba(241,245,249,.99));backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(226,232,240,.4);border-radius:1rem;box-shadow:var(--chat-shadow-lg);overflow:hidden;z-index:9999;animation:chat-settings-in .3s ease-out}@keyframes chat-settings-in{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-settings-header{background:var(--chat-gradient);color:white;padding:1rem;display:flex;align-items:center;justify-content:space-between}.chat-settings-content{padding:1rem;max-height:400px;overflow-y:auto}.chat-settings-section{margin-bottom:1.5rem}.chat-settings-section:last-child{margin-bottom:0}.chat-settings-section-title{font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.chat-drag-active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px dashed var(--chat-primary)}.chat-drop-zone{padding:3rem 2rem;text-align:center;color:var(--chat-primary);font-size:.925rem;font-weight:500}.chat-drop-zone-icon{width:3rem;height:3rem;margin:0 auto 1rem;color:var(--chat-primary)}.chat-fadeIn{animation:chat-fade-in .3s ease-out}@keyframes chat-fade-in{0%{opacity:0}to{opacity:1}}.chat-slideUp{animation:chat-slide-up .3s ease-out}@keyframes chat-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-bounce{animation:chat-bounce .6s ease-out}@keyframes chat-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}.chat-widget-container{z-index:10000!important;pointer-events:none}.chat-widget-container>*{pointer-events:auto}.chat-widget-container.chat-open{z-index:9998;pointer-events:auto}.chat-widget-container:not(.chat-open){position:fixed;right:1rem;bottom:1rem;max-width:none;max-height:none}@media (max-width:768px){.chat-widget-container{right:.75rem;bottom:.75rem}.chat-widget-container:not(.chat-open){bottom:calc(env(safe-area-inset-bottom) + 1rem)}}@media (max-width:1024px){.chat-widget-container[style*=top]{top:calc(4rem + 1rem)!important}}@media (min-width:1025px){.chat-widget-container[style*=top]{top:calc(5rem + 1rem)!important}}@media (prefers-color-scheme:dark){.chat-widget-container{--chat-primary:#3b82f6;--chat-primary-hover:#2563eb;--chat-secondary:#8b5cf6}.chat-window{background:rgba(17,24,39,.98);border-color:rgba(55,65,81,.3)}.chat-message-bubble.admin{background:rgba(31,41,55,.9);color:#f9fafb;border-color:rgba(75,85,99,.3)}.chat-input{background:rgb(31,41,55);border-color:rgb(75,85,99);color:#f9fafb}.chat-input::placeholder{color:#9ca3af}.chat-welcome-screen{background:linear-gradient(135deg,rgb(17,24,39),rgb(31,41,55))}.chat-welcome-title{color:#f9fafb}.chat-welcome-subtitle{color:#d1d5db}.chat-welcome-input{background:rgba(31,41,55,.8);border-color:rgb(75,85,99);color:#f9fafb}.chat-welcome-input::placeholder{color:#9ca3af}}@media print{.chat-widget-container{display:none!important}}.chat-button,.chat-input-button,.chat-message-bubble,.chat-window{will-change:transform;backface-visibility:hidden;perspective:1000px}.chat-messages-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){.chat-widget-container *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}