@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.page-container{min-height:100vh;font-family:var(--font-sans);background:var(--color-bg-secondary)}.page-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.header-content,.page-header-inner{max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.header-left{display:flex;flex-direction:column;gap:var(--spacing-xs)}.header-title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0}.header-subtitle{font-size:.875rem;color:var(--color-text-muted);margin:0}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.page-main{max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-secondary{background:var(--color-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-hover)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-outline{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-outline:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover)}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem .875rem;font-size:.875rem;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.form-textarea{min-height:100px;resize:vertical}.form-error{color:var(--color-error);font-size:.75rem;margin-top:var(--spacing-xs)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-light)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-md)}.modal{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;overflow-y:auto;animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-sm{max-width:400px}.modal-md{max-width:480px}.modal-lg{max-width:640px}.modal-xl{max-width:800px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin:0}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);line-height:1;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-border)}.card{background:var(--color-bg-primary);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.card-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.card-body{padding:var(--spacing-lg)}.card-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.table-container{background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--color-bg-secondary);padding:var(--spacing-md) var(--spacing-lg);text-align:left;font-weight:600;font-size:.875rem;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.data-table td{padding:var(--spacing-md) var(--spacing-lg);font-size:.875rem;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--color-bg-hover)}.table-empty{text-align:center;padding:var(--spacing-2xl)!important;color:var(--color-text-muted)}.table-actions{display:flex;gap:var(--spacing-xs)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:capitalize}.badge-default{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.badge-success{background:var(--color-success-bg);color:#059669}.badge-warning{background:var(--color-warning-bg);color:#d97706}.badge-error{background:var(--color-error-bg);color:#dc2626}.badge-info{background:var(--color-info-bg);color:#2563eb}.badge-purple{background:#ede9fe;color:#7c3aed}.alert{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:.875rem;font-weight:500;margin-bottom:var(--spacing-md)}.alert-error{background:var(--color-error-bg);color:#dc2626;border:1px solid var(--color-error-border)}.alert-success{background:var(--color-success-bg);color:#059669;border:1px solid var(--color-success-border)}.alert-warning{background:var(--color-warning-bg);color:#d97706;border:1px solid var(--color-warning-border)}.alert-info{background:var(--color-info-bg);color:#2563eb;border:1px solid var(--color-info-border)}.alert-close{background:none;border:none;font-size:1.25rem;color:inherit;opacity:.6;cursor:pointer;padding:0;line-height:1}.alert-close:hover{opacity:1}.loading{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.empty-state{text-align:center;padding:var(--spacing-2xl);background:var(--color-bg-primary);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.empty-state h3{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.error-message{text-align:center;padding:var(--spacing-2xl);color:var(--color-error)}.page-container.dark{background:var(--color-bg-secondary)}.page-container.dark .page-header{background:var(--color-bg-tertiary);border-color:var(--color-border)}.page-container.dark .header-title{color:var(--color-text-primary)}.page-container.dark .header-subtitle{color:var(--color-text-muted)}.page-container.dark .card,.page-container.dark .table-container{background:var(--color-bg-tertiary)}.page-container.dark .modal-overlay{background:#000000b3}.page-container.dark .modal{background:var(--color-bg-tertiary)}.page-container.dark .modal-header{border-color:var(--color-border)}.page-container.dark .modal-title{color:var(--color-text-primary)}.page-container.dark .form-input,.page-container.dark .form-select,.page-container.dark .form-textarea{background:var(--color-bg-secondary);border-color:var(--color-border);color:var(--color-text-primary)}.page-container.dark .form-label{color:var(--color-text-secondary)}.page-container.dark .data-table th{background:var(--color-bg-secondary);border-color:var(--color-border)}.page-container.dark .data-table td{border-color:var(--color-border-light)}.page-container.dark .empty-state{background:var(--color-bg-tertiary);border-color:var(--color-border)}.page-container.dark .badge-success{background:#052e16;color:#86efac}.page-container.dark .badge-error{background:#450a0a;color:#fca5a5}.page-container.dark .badge-purple{background:#2e1065;color:#c4b5fd}@media(max-width:1024px){.page-header .header-content{padding:var(--spacing-md)}.page-header .header-title{font-size:1.25rem}.page-main{padding:var(--spacing-md)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.page-header{position:sticky;top:0;z-index:100}.page-header .header-content{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.header-left{width:100%}.header-title{font-size:1.125rem!important}.header-actions{justify-content:flex-start;flex-wrap:wrap;gap:var(--spacing-xs)}.header-actions .btn{flex:1;min-width:100px;font-size:.8125rem;padding:.5rem .75rem}.page-main{padding:var(--spacing-sm)}.card-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{min-width:600px;font-size:.8125rem}.data-table th,.data-table td{padding:var(--spacing-sm)}.modal{max-width:calc(100% - var(--spacing-lg));margin:var(--spacing-sm);border-radius:var(--radius-lg)}.modal-header{padding:var(--spacing-md)}.modal-title{font-size:1rem}.modal-body{padding:var(--spacing-md)}.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}.table-actions{flex-direction:column;gap:var(--spacing-xs)}.table-actions .btn{width:100%;justify-content:center}.alert{padding:var(--spacing-sm) var(--spacing-md);font-size:.8125rem}.loading,.empty-state{padding:var(--spacing-lg)}.empty-state h3{font-size:1rem}}@media(max-width:480px){:root{--sidebar-width: 100%}.page-header .header-title{font-size:1rem}.header-actions .btn{min-width:80px;font-size:.75rem;padding:.375rem .5rem}.btn-sm{font-size:.6875rem;padding:.25rem .5rem}.badge{font-size:.625rem;padding:.125rem .5rem}.form-input,.form-select,.form-textarea{font-size:.875rem;padding:.5rem .75rem}.form-label{font-size:.8125rem}.modal-title{font-size:.9375rem}.data-table{min-width:500px;font-size:.75rem}}@media(min-width:1440px){.page-main{max-width:1400px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.error-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%)}.error-content{max-width:600px;text-align:center}.error-robot{font-size:6rem;color:var(--color-primary);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.error-code{font-size:8rem;font-weight:800;color:var(--color-primary);line-height:1;margin:0;text-shadow:3px 3px 0 var(--color-primary-light)}.error-title{font-size:2rem;color:var(--color-text-primary);margin:var(--spacing-md) 0}.error-description{font-size:1.125rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.error-actions{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap}.error-actions .btn{display:flex;align-items:center;gap:var(--spacing-sm)}.error-stack{margin-top:var(--spacing-xl);width:100%;padding:var(--spacing-md);overflow:auto;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);font-size:.75rem;text-align:left}@media(max-width:768px){.error-code{font-size:5rem}.error-title{font-size:1.5rem}.error-robot{font-size:4rem}.error-actions{flex-direction:column}.error-actions .btn{width:100%;justify-content:center}}:root{--chat-bubble-bg-outgoing: #3b82f6;--chat-bubble-bg-incoming: #f3f4f6;--chat-bubble-text-outgoing: #ffffff;--chat-bubble-text-incoming: #111827;--chat-bubble-radius: 1.25rem;--chat-bubble-padding: .75rem 1rem;--chat-bubble-max-width: 75%;--chat-container-bg: #ffffff;--chat-container-border: #e5e7eb;--chat-container-height: 100%;--chat-container-min-height: 400px;--chat-message-list-bg: transparent;--chat-message-list-padding: 1rem;--chat-date-separator-color: #9ca3af;--chat-date-separator-bg: #f3f4f6;--chat-date-separator-radius: 9999px;--chat-input-bg: #ffffff;--chat-input-border: #e5e7eb;--chat-input-border-focus: #3b82f6;--chat-input-text: #111827;--chat-input-placeholder: #9ca3af;--chat-input-radius: 9999px;--chat-input-padding: .75rem 1rem;--chat-action-btn-color: #6b7280;--chat-action-btn-hover: #3b82f6;--chat-action-btn-size: 40px;--chat-send-btn-bg: #3b82f6;--chat-send-btn-color: #ffffff;--chat-send-btn-hover: #2563eb;--chat-audio-recorder-bg: #fee2e2;--chat-audio-recorder-color: #dc2626;--chat-audio-waveform-color: #ef4444;--chat-audio-duration-color: #6b7280;--chat-audio-player-bg: #f3f4f6;--chat-audio-player-icon: #6b7280;--chat-audio-player-progress: #3b82f6;--chat-media-overlay-bg: rgba(0, 0, 0, .9);--chat-media-close-color: #ffffff;--chat-media-caption-color: #ffffff;--chat-quickreply-bg: #f3f4f6;--chat-quickreply-border: #e5e7eb;--chat-quickreply-color: #111827;--chat-quickreply-hover: #e5e7eb;--chat-quickreply-radius: 8px;--chat-sticker-size: 128px;--chat-location-bg: #f3f4f6;--chat-location-border: #e5e7eb;--chat-location-map-height: 150px;--chat-template-bg: #f0f9ff;--chat-template-border: #bae6fd;--chat-template-header-color: #0369a1;--chat-status-sending: #9ca3af;--chat-status-sent: #3b82f6;--chat-status-delivered: #10b981;--chat-status-read: #3b82f6;--chat-status-failed: #ef4444;--chat-spacing-xs: .25rem;--chat-spacing-sm: .5rem;--chat-spacing-md: 1rem;--chat-spacing-lg: 1.5rem;--chat-font-family: "Inter", ui-sans-serif, system-ui, sans-serif;--chat-font-size-sm: .875rem;--chat-font-size-base: 1rem;--chat-font-size-lg: 1.125rem;--chat-line-height: 1.5;--chat-transition-fast: .15s ease;--chat-transition-normal: .2s ease;--chat-transition-slow: .3s ease;--chat-dark-bubble-bg-outgoing: #3b82f6;--chat-dark-bubble-bg-incoming: #374151;--chat-dark-bubble-text-outgoing: #ffffff;--chat-dark-bubble-text-incoming: #f3f4f6;--chat-dark-container-bg: #1f2937;--chat-dark-container-border: #374151;--chat-dark-input-bg: #374151;--chat-dark-input-border: #4b5563;--chat-dark-input-text: #f3f4f6;--chat-dark-input-placeholder: #9ca3af;--chat-table-border: #e5e7eb;--chat-table-header-bg: rgba(0, 0, 0, .05);--chat-table-row-even-bg: rgba(0, 0, 0, .02);--chat-dark-table-border: #4b5563;--chat-dark-table-header-bg: rgba(255, 255, 255, .05);--chat-dark-table-row-even-bg: rgba(255, 255, 255, .02);--chat-typing-dot-color: #8b8b8b;--chat-dark-typing-dot-color: #9ca3af}.chat-container--dark{--chat-bubble-bg-outgoing: var(--chat-dark-bubble-bg-outgoing, #3b82f6);--chat-bubble-bg-incoming: var(--chat-dark-bubble-bg-incoming, #374151);--chat-bubble-text-outgoing: var(--chat-dark-bubble-text-outgoing, #ffffff);--chat-bubble-text-incoming: var(--chat-dark-bubble-text-incoming, #f3f4f6);--chat-container-bg: var(--chat-dark-container-bg, #1f2937);--chat-container-border: var(--chat-dark-container-border, #374151);--chat-input-bg: var(--chat-dark-input-bg, #374151);--chat-input-border: var(--chat-dark-input-border, #4b5563);--chat-input-text: var(--chat-dark-input-text, #f3f4f6);--chat-input-placeholder: var(--chat-dark-input-placeholder, #9ca3af)}.chat-container{display:flex;flex-direction:column;height:var(--chat-container-height);min-height:var(--chat-container-min-height);background-color:var(--chat-container-bg);border:1px solid var(--chat-container-border);border-radius:var(--chat-bubble-radius);overflow:hidden;justify-content:space-between}.chat-container .chat-container--fullscreen{height:100vh;min-height:100vh;border-radius:0;border:none}.chat-container .chat-container--dark{--chat-bubble-bg-outgoing: var(--chat-dark-bubble-bg-outgoing, #3b82f6);--chat-bubble-bg-incoming: var(--chat-dark-bubble-bg-incoming, #374151);--chat-bubble-text-outgoing: var(--chat-dark-bubble-text-outgoing, #ffffff);--chat-bubble-text-incoming: var(--chat-dark-bubble-text-incoming, #f3f4f6);--chat-container-bg: var(--chat-dark-container-bg, #1f2937);--chat-container-border: var(--chat-dark-container-border, #374151);--chat-input-bg: var(--chat-dark-input-bg, #374151);--chat-input-border: var(--chat-dark-input-border, #4b5563);--chat-input-text: var(--chat-dark-input-text, #f3f4f6);--chat-input-placeholder: var(--chat-dark-input-placeholder, #9ca3af)}.chat-container .chat-header{display:flex;align-items:center;padding:var(--chat-spacing-md);border-bottom:1px solid var(--chat-container-border);background-color:var(--chat-container-bg);gap:var(--chat-spacing-sm)}.chat-container .chat-header .chat-header__back{background:transparent;border:none;font-size:1.25rem;cursor:pointer;padding:8px;color:var(--chat-bubble-text-incoming);border-radius:var(--chat-bubble-radius);transition:background var(--chat-transition)}.chat-container .chat-header .chat-header__back:hover{background-color:var(--chat-input-bg)}.chat-container .chat-header .chat-header__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background-color:var(--chat-input-bg)}.chat-container .chat-header .chat-header__avatar--custom{width:40px;height:40px;border-radius:50%;background-color:var(--chat-header-avatar-bg, var(--color-secondary, #6366f1));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600}.chat-container .chat-header .chat-header__info{flex:1}.chat-container .chat-header .chat-header__title{font-size:var(--chat-font-size-base);font-weight:600;color:var(--chat-bubble-text-incoming);margin:0}.chat-container .chat-header .chat-header__subtitle{font-size:var(--chat-font-size-sm);color:var(--chat-input-placeholder);margin:0}.chat-container .chat-header .chat-header__status{font-size:.75rem;color:var(--chat-input-placeholder)}.chat-container .chat-header .chat-header__status.chat-header__status--connected{color:var(--chat-status-delivered)}.chat-container .chat-header .chat-header__template-btn{background:transparent;border:none;font-size:1.125rem;cursor:pointer;padding:8px;border-radius:var(--chat-bubble-radius);transition:background var(--chat-transition)}.chat-container .chat-header .chat-header__template-btn:hover{background-color:var(--chat-input-bg)}.chat-container .chat-header .chat-header__actions{display:flex;gap:var(--chat-spacing-xs)}.chat-container .chat-message-list{overflow-y:scroll;padding:var(--chat-message-list-padding);background-color:var(--chat-message-list-bg)}.chat-container .chat-message-list .chat-message-list--empty{justify-content:center;align-items:center}.chat-container .chat-message-list .chat-message-list__empty{text-align:center;color:var(--chat-input-placeholder);padding:var(--chat-spacing-lg)}.chat-container .chat-message-list .chat-message-list__date{flex:1;overflow-y:auto;background-color:var(--chat-message-list-bg);display:flex;flex-direction:column;gap:var(--chat-spacing-sm)}.chat-container .chat-message-list .chat-date-separator{display:flex;align-items:center;justify-content:center;margin:var(--chat-spacing-md) 0}.chat-container .chat-message-list .chat-date-separator .chat-date-separator__text{background-color:var(--chat-date-separator-bg);color:var(--chat-date-separator-color);padding:var(--chat-spacing-xs) var(--chat-spacing-md);border-radius:var(--chat-date-separator-radius);font-size:var(--chat-font-size-sm);font-weight:500}.chat-loading{display:flex;align-items:center;justify-content:center;padding:var(--chat-spacing-lg)}.chat-loading .chat-loading__spinner{width:32px;height:32px;border:3px solid var(--chat-input-border);border-top-color:var(--chat-send-btn-bg);border-radius:50%;animation:chat-spin 1s linear infinite;@keyframes chat-spin{to{transform:rotate(360deg)}}}.chat-error{display:flex;align-items:center;gap:var(--chat-spacing-sm);padding:var(--chat-spacing-md);background-color:#fee2e2;color:#dc2626;border-radius:var(--chat-bubble-radius);margin:var(--chat-spacing-sm)}.chat-error .chat-error__icon{flex-shrink:0}.chat-error .chat-error__message{flex:1}.chat-typing-indicator{display:flex;align-items:center;gap:var(--chat-spacing-xs);padding:var(--chat-bubble-padding);background-color:var(--chat-bubble-bg-incoming);border-radius:var(--chat-bubble-radius);width:fit-content}.chat-typing-indicator .chat-typing-indicator__dot{width:8px;height:8px;background-color:var(--chat-action-btn-color);border-radius:50%;animation:chat-typing-bounce 1.4s infinite ease-in-out both;@keyframes chat-typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}}.chat-typing-indicator .chat-typing-indicator__dot:nth-child(1){animation-delay:-.32s}.chat-typing-indicator .chat-typing-indicator__dot:nth-child(2){animation-delay:-.16s}@media(max-width:480px){.chat-header{padding:var(--chat-spacing-sm)}.chat-header .chat-header__back{font-size:1.125rem;padding:6px}.chat-header .chat-header__avatar,.chat-header .chat-header__avatar--custom{width:36px;height:36px}.chat-header .chat-header__title{font-size:var(--chat-font-size-sm)}.chat-header .chat-header__template-btn{font-size:1rem;padding:6px}.chat-message-list{padding:var(--chat-spacing-sm)}}.chat-message-bubble{display:flex;flex-direction:row;align-items:flex-end;max-width:var(--chat-bubble-max-width);animation:chat-message-appear var(--chat-transition-normal);@keyframes chat-message-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}.chat-message-bubble.chat-message-bubble--inbound{align-self:flex-start}.chat-message-bubble.chat-message-bubble--inbound .chat-message-bubble__content{background-color:var(--chat-bubble-bg-incoming);color:var(--chat-bubble-text-incoming);border-bottom-left-radius:var(--chat-spacing-xs)}.chat-message-bubble.chat-message-bubble--inbound .chat-message-bubble__avatar{margin-right:var(--chat-spacing-sm)}.chat-message-bubble.chat-message-bubble--outbound{align-self:flex-end}.chat-message-bubble.chat-message-bubble--outbound .chat-message-bubble__content{background-color:var(--chat-bubble-bg-outgoing);color:var(--chat-bubble-text-outgoing);border-bottom-right-radius:var(--chat-spacing-xs)}.chat-message-bubble.chat-message-bubble--outbound .chat-message-bubble__avatar{order:2;margin-left:var(--chat-spacing-sm)}.chat-message-bubble.chat-message-bubble--outbound .chat-message-bubble__wrapper{order:1}.chat-message-bubble .chat-message-bubble__avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;font-size:20px;background-color:var(--chat-bubble-bg-incoming);color:var(--chat-action-btn-color)}.chat-message-bubble .chat-message-bubble__wrapper{display:flex;flex-direction:column;max-width:calc(100% - 44px)}.chat-message-bubble .chat-message-bubble__content{padding:var(--chat-bubble-padding);border-radius:var(--chat-bubble-radius);word-wrap:break-word;overflow-wrap:break-word}.chat-message-bubble .chat-message-bubble__text{text-align:justify;margin:0;line-height:var(--chat-line-height);white-space:pre-wrap}.chat-message-bubble .chat-message-bubble__sender{font-size:var(--chat-font-size-sm);color:var(--chat-input-placeholder);margin-bottom:var(--chat-spacing-xs);font-weight:500}.chat-message-bubble .chat-message-bubble__time{font-size:.75rem;color:var(--chat-input-placeholder);margin-top:var(--chat-spacing-xs);display:flex;align-items:center;gap:var(--chat-spacing-xs)}.chat-message-bubble .chat-message-bubble__status{display:inline-flex;align-items:center}.chat-message-bubble .chat-message-bubble__status .chat-message-bubble__status--sending{color:var(--chat-status-sending)}.chat-message-bubble .chat-message-bubble__status .chat-message-bubble__status--sent{color:var(--chat-status-sent)}.chat-message-bubble .chat-message-bubble__status .chat-message-bubble__status--delivered{color:var(--chat-status-delivered)}.chat-message-bubble .chat-message-bubble__status .chat-message-bubble__status--read{color:var(--chat-status-read)}.chat-message-bubble .chat-message-bubble__status .chat-message-bubble__status--failed{color:var(--chat-status-failed)}.chat-media-message{margin:var(--chat-spacing-xs) 0}.chat-media-message .chat-media-message__image{width:100%;border-radius:var(--chat-bubble-radius);cursor:pointer;transition:opacity var(--chat-transition-fast)}.chat-media-message .chat-media-message__image:hover{opacity:.9}.chat-media-message .chat-media-message__video{width:100%;border-radius:var(--chat-bubble-radius)}.chat-media-message .chat-media-message__document{display:flex;align-items:center;gap:var(--chat-spacing-sm);padding:var(--chat-spacing-sm);background-color:#0000000d;border-radius:var(--chat-bubble-radius);text-decoration:none;color:inherit;width:100%}.chat-media-message .chat-media-message__document:hover{background-color:#0000001a}.chat-media-message .chat-media-message__document-icon{width:32px;height:32px;flex-shrink:0}.chat-media-message .chat-media-message__document-info{flex:1;min-width:0}.chat-media-message .chat-media-message__document-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-media-message .chat-media-message__document-size{font-size:var(--chat-font-size-sm);color:var(--chat-input-placeholder)}.chat-media-message .chat-media-message__caption{margin-top:var(--chat-spacing-xs);font-size:var(--chat-font-size-sm);opacity:.9}.chat-media-message .chat-media-message__sticker{width:var(--chat-sticker-size);height:var(--chat-sticker-size);object-fit:contain}.chat-location-message{display:flex;flex-direction:column;background-color:var(--chat-location-bg);border:1px solid var(--chat-location-border);border-radius:var(--chat-bubble-radius);overflow:hidden;max-width:250px}.chat-location-message .chat-location-message__map{height:var(--chat-location-map-height);background-color:var(--chat-input-bg);display:flex;align-items:center;justify-content:center;color:var(--chat-input-placeholder)}.chat-location-message .chat-location-message__info{padding:var(--chat-spacing-sm)}.chat-location-message .chat-location-message__address{font-size:var(--chat-font-size-sm);font-weight:500}.chat-contacts-message{display:flex;flex-direction:column;gap:var(--chat-spacing-sm)}.chat-contact-card{display:flex;align-items:center;gap:var(--chat-spacing-sm);padding:var(--chat-spacing-sm);background-color:var(--chat-location-bg);border-radius:var(--chat-bubble-radius)}.chat-contact-card .chat-contact-card__avatar{width:40px;height:40px;border-radius:50%;background-color:var(--chat-action-btn-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.chat-contact-card .chat-contact-card__info{flex:1}.chat-contact-card .chat-contact-card__name{font-weight:500}.chat-contact-card .chat-contact-card__phone{font-size:var(--chat-font-size-sm);color:var(--chat-input-placeholder)}.chat-interactive-buttons{display:flex;flex-direction:column;gap:var(--chat-spacing-sm);margin-top:var(--chat-spacing-sm)}.chat-interactive-btn{padding:var(--chat-spacing-sm) var(--chat-spacing-md);background-color:var(--chat-bubble-bg-incoming);border:1px solid var(--chat-quickreply-border);color:var(--chat-bubble-text-incoming);border-radius:var(--chat-bubble-radius);cursor:pointer;font-size:var(--chat-font-size-base);font-family:var(--chat-font-family);text-align:left;transition:background-color var(--chat-transition-fast)}.chat-interactive-btn:hover{background-color:var(--chat-quickreply-hover)}.chat-template-message{background-color:var(--chat-template-bg);border:1px solid var(--chat-template-border);border-radius:var(--chat-bubble-radius);padding:var(--chat-spacing-md);max-width:var(--chat-bubble-max-width)}.chat-template-message .chat-template-message__header{display:flex;align-items:center;gap:var(--chat-spacing-sm);margin-bottom:var(--chat-spacing-sm)}.chat-template-message .chat-template-message__icon{color:var(--chat-template-header-color)}.chat-template-message .chat-template-message__name{font-weight:600;color:var(--chat-template-header-color)}.chat-template-message .chat-template-message__content{color:var(--chat-bubble-text-incoming)}.chat-input-wrapper{display:flex;align-items:center;gap:var(--chat-spacing-sm);padding:var(--chat-spacing-md);border-top:1px solid var(--chat-container-border);background-color:var(--chat-container-bg)}.chat-input-actions{display:flex;gap:var(--chat-spacing-xs)}.chat-input-action-btn{width:var(--chat-action-btn-size);height:var(--chat-action-btn-size);border:none;background:transparent;color:var(--chat-action-btn-color);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color var(--chat-transition-fast),color var(--chat-transition-fast)}.chat-input-action-btn:hover{background-color:var(--chat-input-bg);color:var(--chat-action-btn-hover)}.chat-input-action-btn:disabled{opacity:.5;cursor:not-allowed}.chat-input-action-btn .chat-input-action-btn--mic:active{background-color:var(--chat-audio-recorder-bg);color:var(--chat-audio-recorder-color)}.chat-input-container{flex:1;display:flex;align-items:flex-end;flex-wrap:wrap;background-color:var(--chat-input-bg);border:1px solid var(--chat-input-border);border-radius:var(--chat-input-radius);transition:border-color var(--chat-transition-fast),box-shadow var(--chat-transition-fast)}.chat-input-container:focus-within{border-color:var(--chat-input-border-focus);box-shadow:0 0 0 3px #3b82f61a}.chat-input{flex:1;border:none;background:transparent;padding:var(--chat-input-padding);color:var(--chat-input-text);font-family:var(--chat-font-family);font-size:var(--chat-font-size-base);line-height:var(--chat-line-height);resize:none;min-height:var(--chat-input-min-height);max-height:var(--chat-input-max-height);outline:none}.chat-input::placeholder{color:var(--chat-input-placeholder)}.chat-input:disabled{opacity:.5;cursor:not-allowed}.chat-input-preview{display:flex;flex-direction:column;gap:var(--chat-spacing-xs);padding:var(--chat-spacing-sm);width:100%;border-bottom:1px solid var(--chat-input-border)}.chat-input-preview__item{display:flex;align-items:center;gap:var(--chat-spacing-sm);padding:var(--chat-spacing-sm);background-color:var(--chat-bubble-bg-incoming);border-radius:var(--chat-bubble-radius)}.chat-input-preview__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--chat-input-bg);border-radius:var(--chat-bubble-radius);font-size:20px;flex-shrink:0}.chat-input-preview__info{flex:1;display:flex;flex-direction:column;min-width:0}.chat-input-preview__name{font-size:var(--chat-font-size-sm);font-weight:500;color:var(--chat-bubble-text-incoming);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.chat-input-preview__size{font-size:11px;color:var(--chat-input-placeholder)}.chat-input-preview__remove{width:24px;height:24px;border:none;background:transparent;color:var(--chat-action-btn-color);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;transition:background-color var(--chat-transition-fast)}.chat-input-preview__remove:hover{background-color:#dc26261a;color:#dc2626}.chat-send-btn{width:var(--chat-action-btn-size);height:var(--chat-action-btn-size);border:none;background-color:var(--chat-send-btn-bg);color:var(--chat-send-btn-color);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color var(--chat-transition-fast),transform var(--chat-transition-fast)}.chat-send-btn:hover{background-color:var(--chat-send-btn-hover)}.chat-send-btn:active{transform:scale(.95)}.chat-send-btn:disabled{background-color:var(--chat-input-border);color:var(--chat-input-placeholder);cursor:not-allowed}.chat-audio-recorder{display:flex;align-items:center;gap:var(--chat-spacing-md);padding:var(--chat-spacing-md);background-color:var(--chat-audio-recorder-bg);border-radius:var(--chat-input-radius);flex:1}.chat-audio-recorder .chat-audio-recorder__info{flex:1;display:flex;align-items:center;gap:var(--chat-spacing-sm)}.chat-audio-recorder .chat-audio-recorder__icon{color:var(--chat-audio-recorder-color);display:flex;align-items:center;justify-content:center}.chat-audio-recorder .chat-audio-recorder__timer{font-size:var(--chat-font-size-base);font-weight:600;color:var(--chat-audio-recorder-color);font-variant-numeric:tabular-nums}.chat-audio-recorder .chat-audio-recorder__wave{flex:1;height:32px;display:flex;align-items:center;gap:2px}.chat-audio-recorder .chat-audio-recorder__wave-bar{width:3px;background-color:var(--chat-audio-waveform-color);border-radius:2px;animation:chat-waveform-pulse .5s ease-in-out infinite alternate;@keyframes chat-waveform-pulse{0%{height:8px}to{height:24px}}}.chat-audio-recorder .chat-audio-recorder__cancel-btn{padding:var(--chat-spacing-xs) var(--chat-spacing-sm);background-color:transparent;border:1px solid var(--chat-audio-recorder-color);color:var(--chat-audio-recorder-color);border-radius:var(--chat-bubble-radius);cursor:pointer;font-size:var(--chat-font-size-sm);transition:background-color var(--chat-transition-fast);display:flex;align-items:center;justify-content:center}.chat-audio-recorder .chat-audio-recorder__cancel-btn:hover{background-color:#dc26261a}.chat-audio-recorder .chat-audio-recorder__actions{display:flex;gap:var(--chat-spacing-sm);align-items:center}.chat-audio-recorder .chat-audio-recorder__save-btn{width:32px;height:32px;border-radius:50%;background-color:#22c55e;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--chat-transition-fast)}.chat-audio-recorder .chat-audio-recorder__save-btn:hover{background-color:#16a34a}.chat-speech-to-text-indicator{display:flex;align-items:center;gap:var(--chat-spacing-sm);padding:var(--chat-spacing-sm) var(--chat-spacing-md);background-color:var(--chat-audio-recorder-bg);border-radius:var(--chat-input-radius);animation:chat-speech-pulse 2s ease-in-out infinite}.chat-speech-to-text-indicator__stop{width:24px;height:24px;border-radius:50%;background-color:var(--chat-status-failed);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--chat-transition-fast)}.chat-speech-to-text-indicator__stop:hover{opacity:.8}@keyframes chat-speech-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}@keyframes chat-speech-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:480px){.chat-input-wrapper{padding:var(--chat-spacing-sm)}.chat-input-action-btn,.chat-send-btn{width:36px;height:36px}}.chat-audio-player{display:flex;align-items:center;gap:var(--chat-spacing-sm);padding:var(--chat-spacing-sm);background-color:var(--chat-audio-player-bg);border-radius:var(--chat-bubble-radius);min-width:150px}.chat-audio-player .chat-audio-player__button{width:32px;height:32px;border-radius:50%;border:none;background-color:var(--chat-audio-player-icon);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color var(--chat-transition-fast)}.chat-audio-player .chat-audio-player__button:hover{background-color:var(--chat-action-btn-hover)}.chat-audio-player .chat-audio-player__progress{flex:1;height:4px;background-color:var(--chat-input-border);border-radius:2px;position:relative;cursor:pointer}.chat-audio-player .chat-audio-player__progress-bar{height:100%;background-color:var(--chat-audio-player-progress);border-radius:2px;transition:width var(--chat-transition-fast)}.chat-audio-player .chat-audio-player__time{font-size:var(--chat-font-size-sm);color:var(--chat-audio-duration-color);min-width:40px;text-align:right}.chat-quick-replies{display:flex;flex-wrap:wrap;gap:var(--chat-spacing-sm);padding:var(--chat-spacing-sm) var(--chat-spacing-md);border-top:1px solid var(--chat-container-border);background-color:var(--chat-container-bg)}.chat-quick-reply-btn{padding:var(--chat-spacing-sm) var(--chat-spacing-md);background-color:var(--chat-quickreply-bg);border:1px solid var(--chat-quickreply-border);color:var(--chat-quickreply-color);border-radius:var(--chat-quickreply-radius);cursor:pointer;font-size:var(--chat-font-size-sm);font-family:var(--chat-font-family);transition:background-color var(--chat-transition-fast),border-color var(--chat-transition-fast)}.chat-quick-reply-btn:hover{background-color:var(--chat-quickreply-hover);border-color:var(--chat-action-btn-hover)}.chat-media-viewer{position:fixed;inset:0;background-color:var(--chat-media-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer}.chat-media-viewer .chat-media-viewer__content{max-width:90vw;max-height:90vh;cursor:default}.chat-media-viewer .chat-media-viewer__image{max-width:100%;max-height:90vh;object-fit:contain}.chat-media-viewer .chat-media-viewer__video{max-width:90vw;max-height:90vh}.chat-media-viewer .chat-media-viewer__close{position:absolute;top:var(--chat-spacing-md);right:var(--chat-spacing-md);background:transparent;border:none;color:var(--chat-media-close-color);cursor:pointer;padding:var(--chat-spacing-sm);font-size:1.5rem;opacity:.8;transition:opacity var(--chat-transition-fast)}.chat-media-viewer .chat-media-viewer__close:hover{opacity:1}.chat-media-viewer .chat-media-viewer__caption{position:absolute;bottom:var(--chat-spacing-lg);left:50%;transform:translate(-50%);color:var(--chat-media-caption-color);background-color:#00000080;padding:var(--chat-spacing-sm) var(--chat-spacing-md);border-radius:var(--chat-bubble-radius);max-width:80%;text-align:center}.chat-markdown{line-height:1.5}.chat-markdown-h1{font-size:1.5em;font-weight:700;margin:.5em 0;color:var(--chat-bubble-text-incoming, #333)}.chat-markdown-h2{font-size:1.25em;font-weight:600;margin:.5em 0;color:var(--chat-bubble-text-incoming, #333)}.chat-markdown-h3{font-size:1.1em;font-weight:600;margin:.5em 0;color:var(--chat-bubble-text-incoming, #333)}.chat-markdown-paragraph{margin:.25em 0;color:var(--chat-bubble-text-incoming, #333)}.chat-markdown-inline-code{background-color:#0000001a;padding:.1em .3em;border-radius:3px;font-family:monospace;font-size:.9em}.chat-markdown-code-block{background-color:#0000001a;padding:.5em;border-radius:4px;overflow-x:auto;margin:.5em 0}.chat-markdown-code-block code{font-family:monospace;font-size:.9em;white-space:pre-wrap;word-break:break-all}.chat-markdown-list-item{display:flex;align-items:flex-start;margin:.25em 0;padding-left:.5em}.chat-markdown-bullet,.chat-markdown-number{margin-right:.5em;color:var(--chat-primary-color, #667eea);font-weight:600}.chat-markdown-link{color:var(--chat-primary-color, #667eea);text-decoration:underline}.chat-markdown-link:hover{opacity:.8}.chat-markdown-table-wrapper{overflow-x:auto;margin:.5em 0;max-width:100%;border-radius:var(--chat-bubble-radius)}.chat-markdown-table{width:100%;border-collapse:collapse;font-size:var(--chat-font-size-sm);min-width:200px}.chat-markdown-table-header{background-color:var(--chat-table-header-bg, rgba(0, 0, 0, .05));color:var(--chat-bubble-text-incoming, #333);font-weight:600;text-align:left;padding:var(--chat-spacing-sm) var(--chat-spacing-md);border:1px solid var(--chat-table-border, #e5e7eb);white-space:nowrap}.chat-markdown-table-cell{padding:var(--chat-spacing-sm) var(--chat-spacing-md);border:1px solid var(--chat-table-border, #e5e7eb);color:var(--chat-bubble-text-incoming, #333);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-markdown-table tr:nth-child(2n) .chat-markdown-table-cell{background-color:var(--chat-table-row-even-bg, rgba(0, 0, 0, .02))}.chat-container--dark .chat-markdown-paragraph,.chat-container--dark .chat-markdown-h1,.chat-container--dark .chat-markdown-h2,.chat-container--dark .chat-markdown-h3{color:#e5e7eb}.chat-container--dark .chat-markdown-inline-code,.chat-container--dark .chat-markdown-code-block{background-color:#ffffff1a}.chat-container--dark .chat-markdown-table-header{background-color:var(--chat-dark-table-header-bg, rgba(255, 255, 255, .05));color:var(--chat-dark-bubble-text-incoming, #f3f4f6);border-color:var(--chat-dark-table-border, #4b5563)}.chat-container--dark .chat-markdown-table-cell{color:var(--chat-dark-bubble-text-incoming, #f3f4f6);border-color:var(--chat-dark-table-border, #4b5563)}.chat-container--dark .chat-markdown-table tr:nth-child(2n) .chat-markdown-table-cell{background-color:var(--chat-dark-table-row-even-bg, rgba(255, 255, 255, .02))}.chat-typing-indicator{display:flex;align-items:flex-start;gap:var(--chat-spacing-sm);animation:chat-typing-appear var(--chat-transition-normal)}@keyframes chat-typing-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-typing-indicator__avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--chat-bubble-bg-incoming, #ffffff);border-radius:50%;flex-shrink:0;font-size:20px;color:var(--chat-action-btn-color, #555)}.chat-typing-indicator__content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--chat-spacing-xs)}.chat-typing-indicator__bubble{display:inline-flex;padding:var(--chat-bubble-padding);background-color:var(--chat-bubble-bg-incoming);border-radius:var(--chat-bubble-radius);border-bottom-left-radius:var(--chat-spacing-xs)}.chat-typing-indicator__dots{font-size:20px;font-weight:700;color:var(--chat-typing-dot-color, #8b8b8b);letter-spacing:2px;animation:chat-typing-bounce 1.4s ease-in-out infinite;display:inline-block}@keyframes chat-typing-bounce{0%,60%,to{transform:translateY(0) scale(1);opacity:1}30%{transform:translateY(-8px) scale(1.1);opacity:.8}}.chat-typing-indicator__name{font-size:var(--chat-font-size-sm);color:var(--chat-input-placeholder);font-weight:500}.chat-container--dark .chat-typing-indicator__avatar{background-color:var(--chat-dark-bubble-bg-incoming, #374151);color:var(--chat-dark-typing-dot-color, #9ca3af)}.chat-container--dark .chat-typing-indicator__bubble{background-color:var(--chat-dark-bubble-bg-incoming, #374151)}.chat-container--dark .chat-typing-indicator__dots{color:var(--chat-dark-typing-dot-color, #9ca3af)}.chat-container--dark .chat-typing-indicator__name{color:var(--chat-dark-input-placeholder, #9ca3af)}