:root{--primary-color:#1aaf84;--secondary-color:#0084ff;--text-color:#333;--border-color:#e0e0e0;--bg-light:#f5f5f5;--shadow:0 4px 12px rgba(0,0,0,.15)}*{margin:0;padding:0;box-sizing:border-box}.chat-button{position:fixed;bottom:20px;right:20px;width:70px;height:70px;cursor:pointer;z-index:1000;transition:transform .3s ease;animation:pulse 2s infinite;border-radius:90%}.chat-button:hover{transform:scale(1.1)}.chat-button__icon{position:relative;width:100%;height:100%}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(26,175,132,.7)}50%{box-shadow:0 0 0 15px rgba(26,175,132,0)}}.chat-window{position:fixed;bottom:20px;right:20px;width:380px;height:600px;background:#fff;border-radius:16px;box-shadow:var(--shadow);display:none;flex-direction:column;z-index:9999;overflow:hidden;animation:slideUp .3s ease}.chat-window.chat-window--active{display:flex}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-window__view{display:flex;flex-direction:column;height:100%}.chat-window__view--detail{display:none}.chat-window__view--detail.chat-window__view--active{display:flex}.chat-window__header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border-color);background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)}.chat-window__header-info{display:flex;gap:12px;flex:1}.chat-window__logo{width:40px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0}.chat-window__title{flex:1}.chat-window__title-text{font-size:16px;font-weight:600;margin:0;color:var(--text-color)}.chat-window__subtitle{font-size:12px;color:#666;margin:2px 0 0 0}.chat-window__close{background:none;border:0;cursor:pointer;padding:4px;color:#666;transition:color .2s;background:#f4f4f4;border-radius:8px}.chat-window__close:hover{color:var(--text-color)}.chat-window__messages{flex:1;overflow-y:auto;padding:16px 12px;background:#fff}.chat-window__messages::-webkit-scrollbar{display:none}.chat-message{margin-bottom:16px;animation:fadeIn .3s ease}.chat-message:first-child{text-align:center}.chat-message:first-child .chat-message__time{display:none}.chat-message:first-child .chat-message__bubble{box-shadow:unset}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message__bubble{background:#fff;padding:12px 16px;border-radius:12px;max-width:100%;box-shadow:0 1px 2px rgba(0,0,0,.1)}.chat-message__bubble iframe{border-radius:8px;width:100%;margin-top:8px}.chat-message--bot{position:relative}.chat-message--bot .chat-message__bubble{background:#fff;border-radius:12px 12px 12px 0}.chat-message--bot svg{position:absolute;top:-24px;left:-8px}.chat-message--user{display:flex;justify-content:flex-end;color:var(--bado-green)}.chat-message--user .chat-message__bubble{background:var(--primary-color);color:#fff;border-radius:12px 12px 0 12px}.chat-message__text{margin:0;font-size:15px;line-height:1.5;letter-spacing:-.2px;font-weight:600;overflow-wrap:anywhere}.chat-message__time{font-size:11px;color:#999;margin-top:4px;display:block;text-align:left}.chat-message--user .chat-message__time{color:rgba(255,255,255,.8)}.chat-message--loading .chat-message__bubble{display:flex;align-items:center;gap:8px}.chat-message__spinner{width:20px;height:20px;border:2px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chat-window__actions{border-top:1px solid var(--border-color);background:#fff}.chat-window__social{display:flex;align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border-color)}.chat-window__social-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .2s}.chat-window__social-link:hover{transform:scale(1.1)}.chat-window__menu-toggle{background:none;border:0;cursor:pointer;padding:6px;color:#666;transition:color .2s;background:#f4f4f4;border-radius:8px;outline:0!important}.chat-window__menu-toggle:hover{color:var(--text-color)}.chat-window__menu{padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;animation:slideDown 1.5s ease}@keyframes slideDown{from{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.chat-window__menu-item{display:flex;align-items:center;gap:4px;padding:8px 12px;background:#fff;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s;font-size:13px;text-align:left}.chat-window__menu-item:hover{background:var(--bg-light);transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.chat-window__menu-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-window__input{display:flex;align-items:center;gap:8px;padding:6px 9px;outline:0!important}.chat-window__input-box{display:flex;align-items:center;gap:8px;width:100%;background:#f4f4f4;border-radius:24px;padding:6px}.chat-window__input-field{flex:1;font-size:14px;outline:0;transition:border-color .2s;min-height:24px!important;border:0!important;background:transparent;padding:0!important;border-radius:0!important;height:fit-content;padding-left:16px!important}.chat-window__input-field:focus{border-color:var(--primary-color)}.chat-window__input-field::placeholder{color:#999;vertical-align:middle}.chat-window__input-field::-webkit-scrollbar{display:none}.chat-window__input-field{scrollbar-width:none}.chat-window__send{width:36px;height:36px;border-radius:50%;background:var(--primary-color);border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;background:linear-gradient(148.34deg,#1aaf84 13.5%,#5ea6ff 84.65%);outline:0!important;transition:all .2s ease-in}.chat-window__send:hover{width:65px;border-radius:24px}.chat-window__send:hover:after{content:"Gửi";color:#fff;font-weight:600}.chat-window__send:hover>svg{display:none}.chat-window__detail-header{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--border-color);background:#f4f4f4}.chat-window__back{background:none;border:0;cursor:pointer;padding:4px;color:#666;transition:color .2s}.chat-window__back:hover{color:var(--text-color)}.chat-window__detail-logo{flex:1;text-align:center}.chat-window__detail-content{flex:1;overflow-y:auto;padding:12px;background:#fff;position:relative}.chat-window__detail-content::-webkit-scrollbar{display:none}.detail-section__title{display:flex;align-items:center;gap:12px;margin-bottom:12px}.detail-section__icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center}.detail-section__heading{font-size:16px;font-weight:600;margin:0}.detail-section__search{margin-bottom:16px}.detail-section__search-input{width:100%;padding:10px 16px;border:1px solid var(--border-color);border-radius:8px;font-size:14px;outline:0;height:44px!important}.detail-section__search-input:focus{border-color:var(--primary-color)}.detail-section__list{list-style:none;padding:0!important}.detail-section__item{padding:12px;background:var(--bg-light);border-radius:8px;margin-bottom:8px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .2s}.detail-section__item:hover{background:#e8e8e8}.detail-section__item-icon{color:#666}.detail-section__item-text{flex:1;font-size:14px;font-weight:600}@media(max-width:576px){.chat-window{top:env(safe-area-inset-top);right:0;bottom:env(safe-area-inset-bottom);left:0;width:100vw;height:calc(100svh)}.chat-button{width:60px;height:60px;bottom:15px;right:15px}.chat-button svg{width:60px;height:60px}}@media(max-width:360px){.chat-window__menu{grid-template-columns:1fr}}.detail-item-view{display:none;flex-direction:column;height:100%}.detail-item-view.detail-item-view--active{display:flex}.detail-item__header{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--border-color);background:#f4f4f4}.detail-item__back{background:none;border:0;cursor:pointer;padding:4px;color:#666;transition:color .2s}.detail-item__back:hover{color:var(--text-color)}.detail-item__logo{flex:1;text-align:center}.detail-item__logo img{height:40px}.detail-item__content{flex:1;overflow-y:auto;padding:16px;background:#fff}.detail-item__content::-webkit-scrollbar{display:none}.detail-item__title{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-color)}.detail-item__video{width:100%;aspect-ratio:16/9;border-radius:8px;margin-bottom:16px;border:0}.detail-item__text{font-size:14px;line-height:1.6;color:var(--text-color);margin-bottom:16px}.detail-item__link{display:inline-block;color:#007bff;text-decoration:underline;font-size:14px;margin-top:8px}.detail-item__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px}.detail-item__spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.detail-item__loading-text{font-size:14px;color:#666}.detail-section__item{cursor:pointer;transition:all .2s}.detail-section__item:hover{background:#e8e8e8;transform:translateX(4px)}@media(max-width:576px){.chat-window{border-radius:0!important}}.chat-message__buttons{display:flex;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;flex-wrap:wrap;justify-content:center}.chat-message__button{padding:12px 16px;border:0;border-radius:40px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;text-align:center;width:124px}.chat-message__button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.chat-message__button--retail{background:#daf2eb;color:#1aaf84}.chat-message__button--restaurant{background:#faefeb;color:#d57655}.chat-message__button--spa{background:#fdf5e8;color:#ecab3f}.chat-window__branch-dropdown{position:relative;width:100%}.chat-window__branch-button{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-light);border-radius:8px;border:0;color:var(--text-color);font-size:13px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap;width:100%;justify-content:center}.chat-window__branch-button:hover{background:#e8e8e8}.chat-window__branch-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.15);padding:8px;min-width:180px;display:none;z-index:1000}.chat-window__branch-menu.active{display:block;animation:slideUpFade .2s ease}@keyframes slideUpFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-window__branch-option{padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .2s;font-size:14px;color:var(--text-color)}.chat-window__branch-option:hover{background:var(--bg-light)}