body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.user-profile-panel{align-items:center;background:#0000;border:1px solid #0000;border-radius:50px;cursor:pointer;display:flex;gap:.5rem;max-width:2.75rem;overflow:hidden;padding:.375rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-profile-panel.expanded{backdrop-filter:blur(var(--effects-backdropBlur));-webkit-backdrop-filter:blur(var(--effects-backdropBlur));background:var(--background-secondary);border-color:var(--border-default);box-shadow:var(--shadow-header);max-width:12rem;padding:.375rem .75rem}.user-profile-panel:hover{border-color:var(--border-logo);box-shadow:var(--shadow-logoHover)}.profile-avatar-button{background:#0000;border:none;cursor:pointer;padding:0}.profile-avatar,.profile-avatar-button{align-items:center;display:flex;justify-content:center}.profile-avatar{background:var(--gradient-userMessage);border:1.5px solid var(--border-logo);border-radius:50%;height:2.25rem;min-width:2.25rem;position:relative;transition:all .3s ease;width:2.25rem}.user-profile-panel:hover .profile-avatar{border-color:var(--border-logoHover);box-shadow:0 0 16px #8b5cf64d}.avatar-initials{color:var(--text-white);font-size:.625rem;font-weight:600;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.avatar-status-indicator{background:#10b981;border:1.5px solid var(--background-secondary);border-radius:50%;bottom:-1px;box-shadow:0 0 6px #10b98180;height:.5rem;position:absolute;right:-1px;width:.5rem}.profile-dropdown{animation:dropdownFadeIn .2s ease;backdrop-filter:blur(var(--effects-backdropBlur));-webkit-backdrop-filter:blur(var(--effects-backdropBlur));background:var(--background-secondary);border:1px solid var(--border-default);border-radius:.75rem;box-shadow:var(--shadow-messagesContainer);min-width:12rem;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-header{padding:.75rem .75rem .5rem}.profile-name{color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.3;margin-bottom:2px}.profile-contact{font-size:.8125rem;line-height:1.4}.profile-contact,.profile-contact-secondary{color:var(--text-secondary);word-break:break-all}.profile-contact-secondary{font-size:.75rem;margin-top:1px;opacity:.7}.profile-org{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;gap:6px;margin-top:6px}.profile-org-badge{background:#8b5cf6;background:var(--brand-purple,#8b5cf6);border-radius:4px;color:#fff;display:inline-block;font-size:.625rem;font-weight:700;letter-spacing:.05em;line-height:1.6;padding:1px 6px}.profile-type-badge{color:var(--text-secondary);font-size:.6875rem;margin-top:4px;opacity:.6}.profile-phone{color:var(--text-primary);font-size:.875rem;font-weight:600;word-break:break-all}.profile-dropdown-divider{background:var(--border-subtle);height:1px;margin:.5rem 0}.profile-dropdown-item{align-items:center;background:#0000;border:none;border-radius:.5rem;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem;text-align:left;transition:all .2s ease;width:100%}.profile-dropdown-item:hover{background:var(--background-surface);color:var(--brand-purple)}.profile-dropdown-item:active{transform:scale(.98)}.profile-dropdown-item svg{flex-shrink:0;opacity:.8;transition:opacity .2s ease}.profile-dropdown-item:hover svg{opacity:1}@media (max-width:768px){.profile-dropdown{min-width:10rem}}@media (max-width:480px){.profile-avatar{height:1.5rem;min-width:1.5rem;width:1.5rem}.avatar-initials{font-size:.5rem}.profile-dropdown{min-width:9rem;right:-1rem}.profile-phone{font-size:.8125rem}}.onboarding-overlay{align-items:center;animation:fadeIn .2s ease-in;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.onboarding-modal{animation:slideUp .3s ease-out;border:1px solid;border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:450px;padding:32px;position:relative;width:90%}.onboarding-header{margin-bottom:24px;text-align:center}.onboarding-header h2{font-size:22px;font-weight:600;line-height:1.3;margin:0 0 8px}.onboarding-header p{font-size:14px;margin:0;opacity:.7}.onboarding-error{align-items:flex-start;animation:shake .3s ease-out;border-left:4px solid;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-icon{flex-shrink:0;font-size:18px;margin-top:2px}.error-message{font-size:14px;font-weight:500;margin:0 0 4px}.error-hint{font-size:12px;margin:0;opacity:.8}.onboarding-form{gap:18px;margin-bottom:24px}.form-group,.onboarding-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-size:13px;font-weight:600;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.form-group input,.form-group select{border:1px solid;border-radius:6px;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;transition:all .2s ease}.form-group input:hover,.form-group select:hover{border-color:currentColor}.form-group input:focus,.form-group select:focus{border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.form-group input:disabled,.form-group select:disabled{cursor:not-allowed;opacity:.6}.form-group select{cursor:pointer}.form-group select option{background-color:inherit;color:inherit}.field-error{font-size:12px;font-weight:500;margin-top:2px}.onboarding-submit{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;margin-top:8px;min-height:44px;padding:11px 20px;text-transform:uppercase;transition:all .2s ease}.onboarding-submit:hover:not(:disabled){box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.onboarding-submit:active:not(:disabled){transform:translateY(0)}.onboarding-submit:disabled{cursor:not-allowed}.onboarding-footer{font-size:12px;line-height:1.4;margin:0;text-align:center}@media (max-width:480px){.onboarding-modal{padding:24px;width:95%}.onboarding-header h2{font-size:20px}.form-group input,.form-group select{font-size:16px;padding:12px}}.conversation-item{background-color:initial;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;margin-bottom:8px;padding:12px;position:relative;transition:all .2s ease}.conversation-item:hover{background-color:#0000000d;background-color:var(--bg-hover,#0000000d);border-color:#0000001a;border-color:var(--border-hover,#0000001a)}.conversation-item.active{background-color:#4299e11a;background-color:var(--bg-active,#4299e11a);border-color:#4299e1;border-color:var(--primary-color,#4299e1)}.conversation-item:focus{box-shadow:0 0 0 2px #4299e180;box-shadow:0 0 0 2px var(--focus-ring,#4299e180);outline:none}.active-indicator{background-color:#4299e1;background-color:var(--primary-color,#4299e1);border-radius:50%;height:8px;opacity:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:8px}.conversation-item.active .active-indicator{opacity:1}.conversation-title{color:#000;color:var(--text-primary,#000);font-size:14px;font-weight:600;margin-right:16px}.conversation-preview,.conversation-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-preview{color:#0009;color:var(--text-secondary,#0009);font-size:12px;line-height:1.4}.conversation-footer{align-items:center;color:#00000080;color:var(--text-muted,#00000080);display:flex;font-size:11px;justify-content:space-between}.conversation-time{flex:1 1}.conversation-count{background-color:#00000014;background-color:var(--bg-badge,#00000014);border-radius:4px;font-weight:500;padding:2px 6px}@media (prefers-color-scheme:dark){.conversation-item:hover{background-color:#ffffff14}.conversation-item.active{background-color:#4299e126}.conversation-title{color:#fff}.conversation-preview{color:#ffffffb3}.conversation-footer{color:#ffffff80}.conversation-count{background-color:#ffffff14}}@media (max-width:768px){.conversation-item{margin-bottom:6px;padding:10px}.conversation-title{font-size:13px}.conversation-preview{font-size:11px}}.conversations-list{display:flex;flex:1 1;flex-direction:column;gap:0;overflow-x:hidden;overflow-y:auto;padding:8px 0}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:#0000}.conversations-list::-webkit-scrollbar-thumb{background:#0003;background:var(--scrollbar-color,#0003);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.conversations-list::-webkit-scrollbar-thumb:hover{background:#0000004d;background:var(--scrollbar-hover,#0000004d)}.conversations-empty{align-items:center;color:#0009;color:var(--text-secondary,#0009);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:24px 16px;text-align:center}.empty-icon{font-size:40px;opacity:.5}.empty-title{color:#000;color:var(--text-primary,#000);font-size:14px;font-weight:600;margin:0}.empty-message{font-size:12px;margin:0;opacity:.7}.conversations-error{align-items:center;color:#e53e3e;color:var(--error-color,#e53e3e);display:flex;flex-direction:column;gap:12px;justify-content:center;padding:24px 16px;text-align:center}.error-icon{font-size:36px}.error-title{color:#e53e3e;color:var(--error-color,#e53e3e);font-size:14px;font-weight:600;margin:0}.error-message{font-size:12px;margin:0;opacity:.8}.conversations-loading{align-items:center;color:#0009;color:var(--text-secondary,#0009);display:flex;flex-direction:column;font-size:12px;gap:8px;padding:16px;text-align:center}.spinner{border:2px solid #0000001a;border-top:2px solid #4299e1;border:2px solid var(--spinner-bg,#0000001a);border-top-color:var(--primary-color,#4299e1);height:20px;width:20px}.load-more-sentinel{height:1px;visibility:hidden}.conversations-end{color:#00000080;color:var(--text-muted,#00000080);font-size:12px;padding:16px;text-align:center}.conversations-end p{margin:0}@media (prefers-color-scheme:dark){.conversations-list::-webkit-scrollbar-thumb{background:#fff3}.conversations-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.empty-title,.error-title{color:#fff}.empty-message,.error-message{color:#ffffffb3}.conversations-loading{color:#fff9}.spinner{border-color:#4299e1 #ffffff1a #ffffff1a}.conversations-end{color:#ffffff80}}@media (max-width:768px){.conversations-list{padding:4px 0}.conversations-empty,.conversations-error{padding:20px 12px}.empty-icon{font-size:32px}.empty-title,.error-title{font-size:13px}.empty-message,.error-message{font-size:11px}}.conversation-sidebar{background-color:#f7fafc;background-color:var(--sidebar-bg,#f7fafc);display:flex;flex-direction:column;height:100vh;overflow:hidden;position:static;transform:translateX(0);transition:transform .3s ease,width .3s ease;width:280px;z-index:100}.conversation-sidebar,.conversation-sidebar.closed{border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color,#e2e8f0)}.conversation-sidebar.closed{width:60px}.conversation-sidebar.open{border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color,#e2e8f0);width:280px}.sidebar-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;justify-content:space-between;padding:16px}.sidebar-title{color:#1a202c;color:var(--text-primary,#1a202c);font-size:16px;font-weight:700;margin:0;white-space:nowrap}.conversation-sidebar.closed .sidebar-title{display:none}.toggle-button{background:none;border:none;color:#718096;color:var(--text-secondary,#718096);cursor:pointer;display:block;flex-shrink:0;font-size:18px;padding:4px;transition:color .2s ease}.toggle-button:hover{color:#1a202c;color:var(--text-primary,#1a202c)}@media (max-width:768px){.toggle-button{display:none}}.new-chat-button{align-items:center;background-color:#4299e1;background-color:var(--primary-color,#4299e1);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin:12px;padding:10px 14px;transition:all .2s ease}.new-chat-button:hover{background-color:#3182ce;background-color:var(--primary-hover,#3182ce);box-shadow:0 2px 8px #4299e14d;transform:translateY(-1px)}.new-chat-button:active{transform:translateY(0)}.new-chat-button.active{background-color:#2c5282;background-color:var(--primary-darker,#2c5282);opacity:.9}.button-icon{font-size:16px;font-weight:700}.button-text{flex:1 1;text-align:left}.conversation-sidebar.closed .conversations-list,.conversation-sidebar.closed .error-banner,.conversation-sidebar.closed .new-chat-button,.conversation-sidebar.closed .sidebar-footer{display:none}.error-banner{align-items:center;animation:slideDown .2s ease;background-color:#fed7d7;background-color:var(--error-bg,#fed7d7);border:1px solid #fc8181;border:1px solid var(--error-border,#fc8181);border-radius:4px;color:#c53030;color:var(--error-color,#c53030);display:flex;flex-shrink:0;font-size:12px;gap:8px;justify-content:space-between;margin:8px 12px;padding:10px 12px}.error-text{flex:1 1}.error-close{align-items:center;background:none;border:none;color:#c53030;color:var(--error-color,#c53030);cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:0;transition:opacity .2s ease}.error-close:hover{opacity:.7}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sidebar-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);color:#a0aec0;color:var(--text-muted,#a0aec0);flex-shrink:0;font-size:11px;padding:12px 16px;text-align:center}.footer-text{margin:0}.sidebar-toggle-mobile{background:#4299e1;background:var(--primary-color,#4299e1);border:none;border-radius:6px;color:#fff;cursor:pointer;display:none;font-size:20px;left:16px;padding:8px 12px;position:fixed;top:16px;transition:all .2s ease;z-index:1000}.sidebar-toggle-mobile:hover{background-color:#3182ce;background-color:var(--primary-hover,#3182ce)}@media (min-width:769px){.sidebar-toggle-mobile{display:none!important}}.sidebar-backdrop{animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:50}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme:dark){.conversation-sidebar{background-color:#2d3748;border-right-color:#4a5568}.sidebar-header{border-bottom-color:#4a5568}.sidebar-title{color:#fff}.toggle-button{color:#a0aec0}.toggle-button:hover{color:#cbd5e0}.error-banner{background-color:#fc818126;border-color:#fc8181;color:#fca5a5}.error-close{color:#fca5a5}.sidebar-footer{border-top-color:#4a5568;color:#a0aec0}}@media (max-width:1024px) and (min-width:769px){.conversation-sidebar{width:240px}.sidebar-header{padding:14px}.new-chat-button{font-size:13px;margin:10px;padding:9px 12px}}@media (max-width:768px){.sidebar-toggle-mobile{display:block}.toggle-button{display:none}.conversation-sidebar{border-right:1px solid #e2e8f0;border-right:1px solid var(--border-color,#e2e8f0);box-shadow:2px 0 8px #0000001a;height:100vh;left:0;position:fixed;top:0;width:280px}.conversation-sidebar,.conversation-sidebar.closed{transform:translateX(-100%);z-index:50}.conversation-sidebar.open{transform:translateX(0);z-index:999}.sidebar-backdrop{display:block}.new-chat-button{font-size:13px;margin:10px;padding:9px 12px}.chat-container{margin-left:0}}@media print{.conversation-sidebar,.sidebar-backdrop,.sidebar-toggle-mobile{display:none}}.chat-page-wrapper{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:.01em;width:100%}.chat-container,.chat-page-wrapper{background:var(--background-primary);color:var(--text-primary);display:flex;height:100vh}.chat-container{background-image:radial-gradient(at 20% 20%,var(--gradient-aurora1) 0,#0000 50%),radial-gradient(at 80% 80%,var(--gradient-aurora2) 0,#0000 50%);flex:1 1;flex-direction:column;overflow:hidden}.chat-header{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:var(--background-secondary);border-bottom:1px solid var(--border-default);box-shadow:var(--shadow-header);padding:.875rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:52rem}.logo-title-group{align-items:center;display:flex;gap:1.25rem}.header-actions{gap:1.5rem}.header-actions,.logo-container,.logo-wrapper{align-items:center;display:flex}.logo-wrapper{background:var(--gradient-logoWrapper);border:1px solid var(--border-logo);border-radius:1rem;box-shadow:var(--shadow-logo);cursor:pointer;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .35s cubic-bezier(.4,0,.2,1);width:56px}.logo-wrapper:before{animation:rotate 4s linear infinite;background:var(--gradient-logo);border-radius:.875rem;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .4s ease;z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.logo-wrapper.loading:before{opacity:.8}.logo-wrapper.loading{border-color:var(--border-logoHover);box-shadow:var(--shadow-logoHover)}.app-logo{border-radius:.625rem;filter:var(--shadow-logoFilter);height:40px;object-fit:contain;transition:filter .3s ease;width:40px}.logo-placeholder{align-items:center;color:var(--brand-purple);display:none;filter:var(--shadow-titleIcon);height:32px;justify-content:center;width:32px}.chat-title{color:var(--text-white);flex:1 1;font-size:1.125rem;font-weight:600;letter-spacing:.02em;margin:0;text-shadow:var(--shadow-titleText)}.logout-button{align-items:center;background:var(--background-surface);border:1px solid var(--border-input);border-radius:.5rem;color:var(--text-secondary);cursor:pointer;display:flex;min-height:44px;min-width:44px;overflow:hidden;padding:.625rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.logout-button:before{background:radial-gradient(circle at center,var(--effects-errorGlow),#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.logout-button:hover:before{opacity:1}.logout-button:hover{background:var(--brand-errorBg);border-color:#ff58584d;box-shadow:var(--shadow-error);color:var(--brand-error);transform:translateY(-1px)}.logout-button:active{transform:translateY(0)}.attach-button:focus-visible,.logout-button:focus-visible,.message-input:focus-visible,.send-button:focus-visible{box-shadow:var(--shadow-focus);outline:3px solid var(--text-white);outline-offset:2px}.chat-messages{background:var(--gradient-messagesTop);flex:1 1;overflow-y:auto;padding:2rem 1.5rem;scroll-behavior:smooth}.messages-container{-webkit-backdrop-filter:blur(var(--effects-backdropBlur));backdrop-filter:blur(var(--effects-backdropBlur));background:var(--background-tertiary);border:1px solid var(--border-input);border-radius:1.5rem;box-shadow:var(--shadow-messagesContainer);margin:0 auto;max-width:52rem;padding:1.5rem 1.5rem 3rem}.welcome-message{animation:pulse 3s ease-in-out infinite;margin-top:4rem;opacity:.7;text-align:center}@keyframes pulse{0%,to{opacity:.7}50%{opacity:.5}}.welcome-message h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;background-clip:text;color:#e8e9ed;font-size:1.75rem;font-weight:500;letter-spacing:.02em}.message-wrapper{animation:slideUp .4s cubic-bezier(.4,0,.2,1);display:flex;margin-bottom:1.75rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message-wrapper.user-message{justify-content:flex-end}.message-wrapper.agent-message{justify-content:flex-start}.message-bubble{word-wrap:break-word;border-radius:1.25rem;line-height:1.6;max-width:70%;padding:1rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-message .message-bubble{background:var(--gradient-userMessage);border:1px solid var(--border-userMessage);border-bottom-right-radius:.375rem;box-shadow:var(--shadow-userMessage);color:#fff}.user-message .message-bubble:hover{box-shadow:var(--shadow-userMessageHover);transform:translateY(-2px)}.agent-message .message-bubble{background:var(--background-surface);border:1px solid var(--border-default);border-bottom-left-radius:.375rem;border-left:3px solid var(--border-agentAccent);box-shadow:var(--shadow-agentMessage);color:var(--text-primary)}.agent-message .message-bubble:hover{background:var(--background-surfaceHover);border-left-color:var(--border-agentAccentHover);box-shadow:var(--shadow-agentMessageHover);transform:translateX(2px)}.message-text{font-size:1rem;letter-spacing:.0125em;line-height:1.7;white-space:pre-wrap}.agent-message .message-text,.user-message .message-text{text-shadow:var(--shadow-messageBubble)}.message-images{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:.75rem}.message-image{border:2px solid var(--border-image);border-radius:.75rem;box-shadow:var(--shadow-image);cursor:pointer;max-height:200px;max-width:200px;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1)}.message-image:hover{border-color:var(--border-logo);box-shadow:var(--shadow-imageHover);transform:scale(1.08) translateY(-4px)}.typing-indicator{display:flex;gap:.375rem;padding:.625rem 0}.typing-indicator span{animation:bounce 1.4s ease-in-out infinite;background:linear-gradient(135deg,var(--brand-blue) 0,var(--brand-purple) 100%);border-radius:50%;box-shadow:0 2px 8px #58a6ff66;height:.625rem;width:.625rem}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{box-shadow:0 2px 8px #58a6ff33;opacity:.3;transform:scale(0) translateY(0)}40%{box-shadow:0 4px 16px #58a6ff99;opacity:1;transform:scale(1) translateY(-4px)}}.chat-input-container{background:#0000;bottom:0;padding:1.5rem;position:-webkit-sticky;position:sticky;z-index:100}.input-wrapper{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);background:var(--background-secondary);border:1px solid var(--border-default);border-radius:1.5rem;box-shadow:var(--inputWrapper-shadow);margin:0 auto;max-width:52rem;padding:1.25rem}.image-preview-container{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.image-preview{border:2px solid var(--border-logo);border-radius:.875rem;box-shadow:0 4px 12px #0000004d,0 0 0 4px #8b5cf61a;height:88px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:88px}.image-preview:hover{border-color:var(--border-logoHover);box-shadow:0 8px 20px #0006,0 0 0 4px #8b5cf633,0 0 20px #8b5cf64d;transform:scale(1.05) translateY(-2px)}.image-preview img{height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;border:1px solid #fff3;border-radius:50%;box-shadow:0 2px 8px #0006;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:1.75rem;justify-content:center;line-height:1;position:absolute;right:.375rem;top:.375rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:1.75rem}.remove-image-btn:hover{background:#dc2626f2;border-color:#ff585880;box-shadow:0 4px 12px #dc262680,0 0 16px #ff58584d;transform:scale(1.1) rotate(90deg)}.input-bar{align-items:flex-end;background:var(--inputBar-background);border:1px solid var(--inputBar-border);border-radius:1rem;box-shadow:var(--inputBar-shadow);display:flex;gap:.75rem;padding:.875rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.input-bar:before{background:var(--inputBar-gradientOverlay);border-radius:1rem;content:"";inset:-1px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.input-bar:focus-within{background:var(--inputBar-backgroundFocus);border-color:var(--inputBar-borderFocus);box-shadow:var(--inputBar-shadowFocus)}.input-bar:focus-within:before{opacity:1}.attach-button{align-items:center;background:#ffffff08;border:1px solid var(--border-default);border-radius:.625rem;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:44px;min-width:44px;overflow:hidden;padding:.625rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.attach-button:before{background:radial-gradient(circle at center,#8b5cf633,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.attach-button:hover:before{opacity:1}.attach-button:hover{background:#8b5cf61f;border-color:var(--border-logo);box-shadow:0 0 16px #8b5cf633,0 4px 12px #0000004d;color:var(--brand-purpleLight);transform:translateY(-2px)}.attach-button:active{transform:translateY(0) scale(.95)}.message-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:1rem;letter-spacing:.01em;line-height:1.7;max-height:200px;min-height:36px;outline:none;padding:.5rem;resize:none}.message-input::placeholder{color:#9ca3af;letter-spacing:.01em}.send-button{align-items:center;background:var(--gradient-userMessage);border:1px solid var(--border-userMessage);border-radius:.625rem;box-shadow:0 4px 12px #8b5cf64d,0 2px 6px #0003;color:#fff;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;min-height:44px;min-width:44px;overflow:hidden;padding:.625rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.send-button:before{background:linear-gradient(135deg,#a78bfa,#9333ea);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.send-button:hover:not(:disabled):before{opacity:1}.send-button:hover:not(:disabled){box-shadow:0 0 24px #8b5cf680,0 6px 16px #8b5cf64d,0 2px 8px #0000004d;transform:translateY(-2px) scale(1.02)}.send-button:active:not(:disabled){transform:translateY(0) scale(.98)}.send-button:disabled{background:#8b5cf633;border-color:#ffffff0d;box-shadow:none;cursor:not-allowed;opacity:.3}.send-button svg{position:relative;z-index:1}.chat-messages::-webkit-scrollbar{width:10px}.chat-messages::-webkit-scrollbar-track{background:#0003;border-radius:5px}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8b5cf666,#7c3aed66);border:2px solid #1a1a1c80;border-radius:5px;-webkit-transition:background .3s ease;transition:background .3s ease}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf699,#7c3aed99);box-shadow:0 0 8px #8b5cf666}@media (max-width:768px){.chat-header{padding:.75rem 1rem .75rem 60px}.header-content{gap:.75rem}.logo-wrapper{height:48px;width:48px}.app-logo,.logo-placeholder{height:34px;width:34px}.chat-title{font-size:1rem}.chat-messages{padding:1.25rem 1rem}.messages-container{border-radius:1.25rem;padding:1rem}.message-bubble{max-width:85%;padding:.875rem 1rem}.message-image{max-height:150px;max-width:150px}.chat-input-container{padding:1rem}.input-wrapper{border-radius:1.25rem;padding:1rem}.input-bar{gap:.625rem;padding:.75rem .875rem}.message-input{font-size:1rem}}@media (max-width:480px){.message-bubble{font-size:.875rem;max-width:90%;padding:.75rem .875rem}.image-preview{height:68px;width:68px}.input-wrapper{padding:.875rem}.chat-messages{padding:1rem .75rem}.messages-container{padding:.875rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.chat-container:after{animation:none!important}}@media (prefers-contrast:more){.messages-container{background:#1a1a1cbf;border-color:#fff3}.agent-message .message-bubble{background:#232326fa}.attach-button,.logout-button,.send-button{border-color:#ffffff40}.message-input::placeholder{color:#b1b8c6}}@media (max-width:768px){.chat-page-wrapper{position:relative}.chat-container{width:100%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.overlay-backdrop{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.overlay-card{align-items:center;background:#111827;border-radius:12px;box-shadow:0 10px 30px #0006;color:#e5e7eb;display:flex;gap:14px;min-width:260px;padding:24px 28px}.spinner{animation:spin .8s linear infinite;border:3px solid #fff3;border-radius:50%;border-top-color:#60a5fa;height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}.overlay-title{font-weight:600;letter-spacing:.2px}.overlay-subtle{color:#9ca3af;font-size:12px}
/*# sourceMappingURL=main.f7db0345.css.map*/