:root{--primary-color: #3F8EF0;--secondary-color: #4299FC;--background-color: #F5F7FA;--text-color: #333333;--user-message-color: #3F8EF0;--agent-message-color: #FFFFFF;--header-color: #3F8EF0;--header-text-color: #FFFFFF;--button-color: #3F8EF0;--button-text-color: #FFFFFF;--text-secondary: #666666;--text-dark: #2d3748;--text-medium: #4a5568;--text-light: #718096;--text-placeholder: #a0aec0;--border-color: #E0E0E0;--border-light: #e2e8f0;--border-medium: #cbd5e0;--border-dark: #d0d0d0;--border-input: #e8e8e8;--color-white: #FFFFFF;--color-black: #000000;--bg-white: #ffffff;--bg-light: #f8f9fa;--bg-lighter: #fafbfc;--bg-hover-dark: rgba(0, 0, 0, .05);--bg-hover-darker: rgba(0, 0, 0, .1);--bg-overlay-light: rgba(255, 255, 255, .95);--overlay-white-transparent: rgba(255, 255, 255, .08);--gradient-purple-start: #667eea;--gradient-purple-end: #764ba2;--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);--gradient-light: linear-gradient(to bottom, var(--bg-light) 0%, var(--bg-white) 100%);--gradient-header: linear-gradient(135deg, var(--header-color) 0%, var(--secondary-color) 100%);--gradient-button: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);--gradient-radial: radial-gradient(circle, rgba(255,255,255,.1) 0%, transparent 70%);--status-success-bg: #e8f5e9;--status-success-text: #2e7d32;--status-success-dot: #4caf50;--status-warning-bg: #fff3e0;--status-warning-text: #e65100;--status-warning-dot: #ff9800;--status-inactive-bg: #f5f5f5;--status-inactive-text: #616161;--status-inactive-dot: #9e9e9e;--status-error: #e74c3c;--status-error-alt: #f56565;--scrollbar-track: #f1f1f1;--scrollbar-thumb: #c1c1c1;--scrollbar-thumb-hover: #a1a1a1;--shadow-default: 0 2px 8px rgba(0, 0, 0, .1);--shadow-light: 0 1px 2px rgba(0, 0, 0, .1);--shadow-medium: 0 2px 4px rgba(0, 0, 0, .04);--shadow-large: 0 4px 12px rgba(0, 0, 0, .08);--shadow-xlarge: 0 8px 24px rgba(0, 0, 0, .2);--shadow-heavy: 0 20px 60px rgba(0, 0, 0, .3);--shadow-header: 0 2px 12px rgba(0, 0, 0, .08);--shadow-card: 0 4px 12px rgba(0, 0, 0, .15);--shadow-primary: 0 4px 12px color-mix(in srgb, var(--primary-color) 25%, transparent);--shadow-primary-hover: 0 6px 20px color-mix(in srgb, var(--primary-color) 35%, transparent);--shadow-primary-active: 0 4px 16px color-mix(in srgb, var(--primary-color) 15%, transparent);--shadow-button: 0 4px 16px color-mix(in srgb, var(--button-color) 40%, transparent);--shadow-button-hover: 0 8px 24px color-mix(in srgb, var(--button-color) 50%, transparent);--shadow-button-disabled: 0 2px 8px color-mix(in srgb, var(--button-color) 20%, transparent);--shadow-gradient: 0 8px 24px color-mix(in srgb, var(--primary-color) 30%, transparent);--shadow-focus-primary: 0 0 0 3px color-mix(in srgb, var(--primary-color) 10%, transparent);--shadow-focus-primary-alt: 0 0 0 4px color-mix(in srgb, var(--primary-color) 10%, transparent);--shadow-focus-error: 0 0 0 4px rgba(245, 101, 101, .1);--overlay-white-15: rgba(255, 255, 255, .15);--overlay-white-20: rgba(255, 255, 255, .2);--overlay-white-25: rgba(255, 255, 255, .25);--overlay-white-30: rgba(255, 255, 255, .3);--overlay-white-35: rgba(255, 255, 255, .35);--overlay-white-50: rgba(255, 255, 255, .5);--overlay-white-90: rgba(255, 255, 255, .9);--overlay-white-95: rgba(255, 255, 255, .95);--overlay-primary-05: color-mix(in srgb, var(--primary-color) 5%, transparent);--overlay-primary-08: color-mix(in srgb, var(--primary-color) 8%, transparent);--overlay-secondary-05: color-mix(in srgb, var(--secondary-color) 5%, transparent);--border-radius: 8px;--border-radius-small: 4px;--border-radius-medium: 12px;--border-radius-large: 16px;--border-radius-xlarge: 20px;--border-radius-pill: 16px;--transition: all .3s ease;--transition-fast: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;background-color:var(--background-color);color:var(--text-color);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}app-root{display:block;height:100%;width:100%;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}p{margin:0 0 1em}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--secondary-color)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;outline:none;transition:var(--transition)}.btn{display:inline-block;padding:10px 20px;background-color:var(--button-color);color:var(--button-text-color);border-radius:var(--border-radius);font-weight:500;text-align:center;transition:var(--transition);border:none;cursor:pointer}.btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}input,textarea,select{font-family:inherit;font-size:inherit;color:var(--text-color);outline:none;transition:var(--transition)}input[type=text],input[type=email],input[type=tel],textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--bg-white)}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,textarea:focus{border-color:var(--primary-color);box-shadow:var(--shadow-focus-primary)}label{display:block;margin-bottom:6px;font-weight:500;color:var(--text-secondary)}.form-group{margin-bottom:16px}.form-error{color:var(--status-error);font-size:12px;margin-top:4px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.chat-container{display:flex;flex-direction:column;height:100%;max-height:100%;background-color:var(--bg-white);overflow:hidden}.chat-header{background-color:var(--header-color);color:var(--header-text-color);padding:16px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-default);flex-shrink:0}.chat-messages{display:flex;flex-direction:column;gap:12px}.chat-footer{padding:16px;border-top:1px solid var(--border-color);background-color:var(--bg-white);flex-shrink:0}.message{display:flex;margin-bottom:12px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-user{justify-content:flex-end}.message-agent{justify-content:flex-start}.message-bubble{max-width:70%;padding:10px 14px;border-radius:16px;word-wrap:break-word;box-shadow:var(--shadow-light)}.message-user .message-bubble{background-color:var(--user-message-color);color:var(--color-white);border-bottom-right-radius:var(--border-radius-small)}.message-agent .message-bubble{background-color:var(--agent-message-color);color:var(--text-color);border:1px solid var(--border-color);border-bottom-left-radius:var(--border-radius-small)}.message-timestamp{font-size:11px;color:var(--text-secondary);margin-top:4px;opacity:.7}.typing-indicator{display:flex;align-items:center;padding:8px 14px;background-color:var(--agent-message-color);border:1px solid var(--border-color);border-radius:16px;width:fit-content;margin-bottom:12px}.typing-dot{width:8px;height:8px;border-radius:50%;background-color:var(--text-secondary);margin:0 2px;animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.loading{display:flex;justify-content:center;align-items:center;padding:20px}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.file-preview{display:flex;align-items:center;gap:8px;padding:8px;background-color:var(--bg-light);border-radius:var(--border-radius);margin-bottom:8px}.file-icon{font-size:24px}.interactive-menu{display:flex;flex-direction:column;gap:8px;margin-top:8px}.menu-item{padding:12px 16px;background-color:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);text-align:left}.menu-item:hover{background-color:var(--background-color);border-color:var(--primary-color)}.welcome-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px}.welcome-form{width:100%;max-width:400px}.logo-container{text-align:center;margin-bottom:24px}.logo{max-width:120px;height:auto}@media (max-width: 480px){.message-bubble{max-width:85%}.chat-header,.chat-messages,.chat-footer{padding:12px}}