.bot-response{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6;color:#374151;word-wrap:break-word;max-width:100%;transition:color .2s ease}.dark .bot-response{color:#d1d5db}.bot-response__heading{font-weight:600;margin:1.2em 0 .6em;line-height:1.3;color:#1f2937;transition:color .2s ease}.dark .bot-response__heading{color:#f3f4f6}.bot-response__heading:first-child{margin-top:0}.bot-response__heading--1{font-size:1.4em;border-bottom:2px solid #e5e7eb;padding-bottom:.3em;color:#111827;transition:border-color .2s ease,color .2s ease}.dark .bot-response__heading--1{border-bottom-color:#374151;color:#ffffff}.bot-response__heading--2{font-size:1.25em;color:#2563eb;transition:color .2s ease}.dark .bot-response__heading--2{color:#60a5fa}.bot-response__heading--3{font-size:1.15em;color:#374151;transition:color .2s ease}.dark .bot-response__heading--3{color:#d1d5db}.bot-response__heading--4{font-size:1.05em;color:#4b5563;font-weight:500;transition:color .2s ease}.dark .bot-response__heading--4{color:#9ca3af}.bot-response__heading--5{font-size:1em;color:#6b7280;font-weight:500;transition:color .2s ease}.dark .bot-response__heading--5{color:#9ca3af}.bot-response__heading--6{font-size:.95em;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em;transition:color .2s ease}.dark .bot-response__heading--6{color:#9ca3af}.bot-response__paragraph{margin:.8em 0;text-align:left}.bot-response__paragraph:first-child{margin-top:0}.bot-response__paragraph:last-child{margin-bottom:0}.bot-response__list{margin:1em 0;padding:0}.bot-response__list--ordered{counter-reset:list-counter;list-style:none}.bot-response__list--unordered{list-style:none}.bot-response__list-item{margin:.4em 0;padding-left:1.5em;position:relative}.bot-response__list--ordered .bot-response__list-item{counter-increment:list-counter}.bot-response__list--ordered .bot-response__list-item:before{content:counter(list-counter) ".";position:absolute;left:0;top:0;font-weight:600;color:#2563eb;min-width:1.2em;transition:color .2s ease}.dark .bot-response__list--ordered .bot-response__list-item:before{color:#60a5fa}.bot-response__list--unordered .bot-response__list-item:before{content:"•";position:absolute;left:.3em;top:0;color:#2563eb;font-weight:700;font-size:1.2em;transition:color .2s ease}.dark .bot-response__list--unordered .bot-response__list-item:before{color:#60a5fa}.bot-response__image{margin:1.5em 0;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-radius:12px;padding:16px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;position:relative;overflow:hidden}.dark .bot-response__image{background:linear-gradient(145deg,#1f2937,#111827);border-color:#374151;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.bot-response__image:hover{transform:translateY(-2px);box-shadow:0 10px 25px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.dark .bot-response__image:hover{box-shadow:0 10px 25px -3px rgba(0,0,0,.4),0 4px 6px -2px rgba(0,0,0,.2)}.bot-response__image:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#1d4ed8,#7c3aed)}.dark .bot-response__image:before{background:linear-gradient(90deg,#60a5fa,#3b82f6,#a855f7)}.bot-response__image-img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease;cursor:zoom-in;display:block;margin:0 auto;background:#fff;border:2px solid #fff}.dark .bot-response__image-img{background:#374151;border-color:#374151;box-shadow:0 4px 12px rgba(0,0,0,.4)}.bot-response__image-img:hover{transform:scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.2)}.dark .bot-response__image-img:hover{box-shadow:0 8px 25px rgba(0,0,0,.5)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.bot-response__image-caption{margin-top:14px;padding:8px 12px;font-size:.85em;color:#475569;font-style:italic;background:rgba(255,255,255,.8);border-radius:6px;border-left:3px solid #3b82f6;backdrop-filter:blur(10px);line-height:1.4;transition:all .2s ease}.dark .bot-response__image-caption{color:#d1d5db;background:rgba(55,65,81,.8);border-left-color:#60a5fa}.bot-response__image-caption:before{content:"📷 ";margin-right:4px}.bot-response__quote{margin:1.2em 0;padding:1em;background:#f8fafc;border-left:4px solid #3b82f6;border-radius:0 6px 6px 0;position:relative;transition:all .2s ease}.dark .bot-response__quote{background:#1f2937;border-left-color:#60a5fa}.bot-response__quote-text{margin:0;font-style:italic;color:#1f2937;font-size:1.02em;transition:color .2s ease}.dark .bot-response__quote-text{color:#f3f4f6}.bot-response__quote-attribution{margin:.5em 0 0;font-size:.9em;color:#6b7280;font-weight:500;transition:color .2s ease}.dark .bot-response__quote-attribution{color:#9ca3af}.bot-response__quote-attribution:before{content:"— "}.bot-response__code{margin:1.2em 0;border-radius:6px;background:#1f2937;border:1px solid #374151;overflow:hidden;transition:all .2s ease}.dark .bot-response__code{background:#111827;border-color:#1f2937}.bot-response__code-block{padding:1em;margin:0;background:transparent;color:#e5e7eb;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85em;line-height:1.5;overflow-x:auto;white-space:pre}.dark .bot-response__code-block{color:#f3f4f6}.bot-response__link-button{display:inline-block;padding:.5em 1em;margin:.3em .3em .3em 0;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;text-decoration:none;border-radius:6px;font-weight:500;font-size:.9em;transition:all .2s ease;box-shadow:0 2px 4px rgba(59,130,246,.2)}.dark .bot-response__link-button{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 2px 4px rgba(96,165,250,.3)}.bot-response__link-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);color:white;text-decoration:none}.dark .bot-response__link-button:hover{background:linear-gradient(135deg,#3b82f6,#2563eb)}.bot-response__divider{margin:1.5em 0;border:none;height:1px;background:linear-gradient(90deg,transparent,#d1d5db,transparent);transition:all .2s ease}.dark .bot-response__divider{background:linear-gradient(90deg,transparent,#4b5563,transparent)}.bot-response__table{margin:1.5em 0;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;background:white;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-y:auto;max-height:400px;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9;transition:all .2s ease}.dark .bot-response__table{background:#1f2937;border-color:#374151;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2);scrollbar-color:#4b5563 #1f2937}.bot-response__table::-webkit-scrollbar{height:8px}.bot-response__table::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.dark .bot-response__table::-webkit-scrollbar-track{background:#1f2937}.bot-response__table::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s ease}.dark .bot-response__table::-webkit-scrollbar-thumb{background:#4b5563}.bot-response__table::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark .bot-response__table::-webkit-scrollbar-thumb:hover{background:#6b7280}.bot-response__table:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#1d4ed8,#7c3aed);z-index:1}.dark .bot-response__table:before{background:linear-gradient(90deg,#60a5fa,#3b82f6,#a855f7)}.bot-response__table-element{border-collapse:collapse;font-size:.9em;line-height:1.5;background:white;min-width:max-content;white-space:nowrap;display:table;table-layout:fixed;transition:background .2s ease}.dark .bot-response__table-element{background:#1f2937}.bot-response__table-caption{padding:16px 20px;font-weight:600;color:#1e293b;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;text-align:left;font-size:1.05em;position:relative;position:sticky;top:0;z-index:2;transition:all .2s ease}.dark .bot-response__table-caption{color:#f3f4f6;background:linear-gradient(145deg,#374151,#1f2937);border-bottom-color:#4b5563}.bot-response__table-caption:before{content:"📊 ";margin-right:6px}.bot-response__table-head{background:linear-gradient(145deg,#f1f5f9,#e2e8f0);position:relative;position:sticky;top:0;z-index:2;display:table-header-group;transition:background .2s ease}.dark .bot-response__table-head{background:linear-gradient(145deg,#374151,#1f2937)}.bot-response__table-head:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.dark .bot-response__table-head:after{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.bot-response__table-head .bot-response__table-cell{font-weight:600;color:#1e293b;text-align:left;padding:14px 16px;font-size:.95em;text-transform:uppercase;letter-spacing:.025em;position:relative;background:transparent;min-width:120px;white-space:normal;word-wrap:break-word;transition:color .2s ease}.dark .bot-response__table-head .bot-response__table-cell{color:#f3f4f6}.bot-response__table-body{display:table-row-group}.bot-response__table-body::-webkit-scrollbar{width:8px}.bot-response__table-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.dark .bot-response__table-body::-webkit-scrollbar-track{background:#1f2937}.bot-response__table-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s ease}.dark .bot-response__table-body::-webkit-scrollbar-thumb{background:#4b5563}.bot-response__table-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark .bot-response__table-body::-webkit-scrollbar-thumb:hover{background:#6b7280}.bot-response__table-head .bot-response__table-cell:not(:last-child):after{content:"";position:absolute;right:0;top:25%;bottom:25%;width:1px;background:#cbd5e1;transition:background .2s ease}.dark .bot-response__table-head .bot-response__table-cell:not(:last-child):after{background:#4b5563}.bot-response__table-body .bot-response__table-cell{padding:12px 16px;border-bottom:1px solid #f1f5f9;vertical-align:top;transition:all .2s ease;position:relative;min-width:120px;white-space:normal;word-wrap:break-word;max-width:300px}.dark .bot-response__table-body .bot-response__table-cell{border-bottom-color:#374151}.bot-response__table-body tr:last-child .bot-response__table-cell{border-bottom:none}.bot-response__table-body tr{transition:all .2s ease}.bot-response__table-body tr:nth-child(2n){background:linear-gradient(145deg,#fefefe,#f8fafc)}.dark .bot-response__table-body tr:nth-child(2n){background:linear-gradient(145deg,#374151,#1f2937)}.bot-response__table-body tr:hover{background:linear-gradient(145deg,#eff6ff,#dbeafe);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.15)}.dark .bot-response__table-body tr:hover{background:linear-gradient(145deg,#1e3a8a,#1e40af);box-shadow:0 4px 12px rgba(96,165,250,.2)}.bot-response__table-body tr:hover .bot-response__table-cell{color:#1e40af}.dark .bot-response__table-body tr:hover .bot-response__table-cell{color:#93c5fd}.bot-response__table-cell strong{color:#1e40af;font-weight:600;transition:color .2s ease}.dark .bot-response__table-cell strong{color:#60a5fa}.bot-response__table-cell code{background:#f1f5f9;color:#be185d;padding:2px 6px;border-radius:4px;font-size:.85em;transition:all .2s ease}.dark .bot-response__table-cell code{background:#374151;color:#f472b6}.bot-response__table-cell a{color:#2563eb;text-decoration:none;font-weight:500;transition:color .2s ease}.dark .bot-response__table-cell a{color:#60a5fa}.bot-response__table-cell a:hover{color:#1d4ed8;text-decoration:underline}.dark .bot-response__table-cell a:hover{color:#93c5fd}.bot-response strong{font-weight:600;color:#1f2937;transition:color .2s ease}.dark .bot-response strong{color:#f3f4f6}.bot-response em{font-style:italic}.bot-response code:not(.bot-response__code-block){background:#f3f4f6;color:#e11d48;padding:.15em .3em;border-radius:3px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:.85em;transition:all .2s ease}.dark .bot-response code:not(.bot-response__code-block){background:#374151;color:#f472b6}.bot-response a:not(.bot-response__link-button){color:#2563eb;text-decoration:underline;transition:color .2s ease}.dark .bot-response a:not(.bot-response__link-button){color:#60a5fa}.dark .bot-response a:not(.bot-response__link-button):hover{color:#93c5fd}@media (max-width:640px){.bot-response__image{margin:1em -16px;border-radius:0;border-left:none;border-right:none;padding:12px 16px}.bot-response__image-img{border-radius:6px}.bot-response__image-caption{margin-top:10px;padding:6px 10px;font-size:.8em}}@media (max-width:768px){.bot-response__table{font-size:.85em;margin:1em -16px;border-radius:0;border-left:none;border-right:none;overflow-x:scroll;max-height:350px}.bot-response__table-cell{padding:10px 12px!important;font-size:.9em;min-width:100px!important;max-width:250px!important}.bot-response__table-caption{padding:12px 16px!important;font-size:1em}}@media (max-width:480px){.bot-response__table{max-height:300px}.bot-response__table-cell{min-width:80px!important;max-width:200px!important;padding:8px 10px!important}.bot-response__table-element{font-size:.8em}}.bot-response__table:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(270deg,rgba(255,255,255,.8),transparent);pointer-events:none;z-index:1;opacity:0;transition:opacity .3s ease}.dark .bot-response__table:after{background:linear-gradient(270deg,rgba(31,41,55,.8),transparent)}.bot-response__table:hover:after{opacity:1}.bot-response__image-img:not([src]),.bot-response__image-img[src=""]{background:linear-gradient(45deg,#f3f4f6 25%,#e5e7eb 0,#e5e7eb 50%,#f3f4f6 0,#f3f4f6 75%,#e5e7eb 0);background-size:20px 20px;animation:loading-stripes 1s linear infinite;min-height:200px;display:flex;align-items:center;justify-content:center}.dark .bot-response__image-img:not([src]),.dark .bot-response__image-img[src=""]{background:linear-gradient(45deg,#374151 25%,#4b5563 0,#4b5563 50%,#374151 0,#374151 75%,#4b5563 0)}.bot-response__image-img:not([src]):before,.bot-response__image-img[src=""]:before{content:"🖼️ Đang tải ảnh...";color:#6b7280;font-size:.9em}.dark .bot-response__image-img:not([src]):before,.dark .bot-response__image-img[src=""]:before{color:#9ca3af}@keyframes loading-stripes{0%{background-position:0 0}to{background-position:20px 20px}}.bot-response *,.bot-response :after,.bot-response :before{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}:root{--evoka-widget-width:600px;--evoka-widget-height:600px;--evoka-widget-zIndex:99999;--evoka-widget-padding:15px;--evoka-toggleBtn-size:60px}#evoka-chat-container{width:0;height:0;z-index:var(--evoka-widget-zIndex);position:fixed;bottom:0;right:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:slideInUp .5s cubic-bezier(.4,0,.2,1);&.open{width:min(calc(var(--evoka-widget-width) + 2 * var(--evoka-widget-padding)),100vw);height:min(calc(var(--evoka-widget-height) + 2 * var(--evoka-widget-padding) + var(--evoka-toggleBtn-size)),100vh);& #evoka-embed-iframe{opacity:1;visibility:visible;transform:translateY(0) scale(1)}& #evoka-chat-toggle{background:linear-gradient(135deg,#667eea,#764ba2);transform:rotate(90deg);&:hover{transform:scale(1.1) rotate(90deg)}}}}#evoka-embed-iframe{width:min(max(380px,var(--evoka-widget-width)),calc(100vw - var(--evoka-widget-padding) * 2));height:min(max(550px,var(--evoka-widget-height)),calc(100vh - 3 * var(--evoka-widget-padding) - var(--evoka-toggleBtn-size)));z-index:var(--evoka-widget-zIndex);border:none;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.2);background:transparent;position:absolute;bottom:calc(2 * var(--evoka-widget-padding) + var(--evoka-toggleBtn-size));right:var(--evoka-widget-padding);opacity:0;visibility:hidden;transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1)}#evoka-chat-toggle{position:absolute;bottom:var(--evoka-widget-padding);right:var(--evoka-widget-padding);z-index:var(--evoka-widget-zIndex);width:var(--evoka-toggleBtn-size);height:var(--evoka-toggleBtn-size);border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transform:rotate(0);color:white;overflow:hidden;& img{width:100%;height:100%}&:has(img){background:transparent;box-shadow:none}&:has(svg){background:linear-gradient(135deg,#667eea,#764ba2)}&:hover{transform:scale(1.1) rotate(0);box-shadow:0 6px 25px rgba(0,0,0,.25)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}#evoka-chat-toggle:active{transform:scale(.95)!important}@media (max-width:768px){:root{--evoka-widget-padding:10px;--evoka-toggleBtn-size:50px}}