:root{--bg: #EFEFEF;--card: #fff;--line: #e5e7eb;--text: #111827;--muted: #6b7280}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.4 proxima-nova,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}a{text-decoration:none;color:#000}.header{height:75px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 16px}.header .block{width:140px;height:24px;background:var(--line);border-radius:6px}figure.logo{width:auto;margin:10px 0 0;float:left}.logo img{width:auto;height:30px}.header-wrap{width:100%;max-width:1170px;margin:auto}.wrap{max-width:1200px;height:auto;margin:0 auto;padding:16px;display:grid;grid-template-columns:240px 1fr;gap:16px}.sidebar{border-radius:12px;padding:8px 0}.sidebar .nav .item{display:flex;align-items:center;gap:10px;position:relative}.sidebar .nav .item .badge{margin-left:auto;display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;font-size:12px;font-weight:700;background:#e53935;color:#fff;line-height:1}.sidebar .nav .item .badge[hidden]{display:none}.nav .item{display:flex;align-items:center;gap:12px;padding:10px 16px;margin:4px 0;color:var(--text);font-weight:500;border-radius:25px;cursor:pointer;transition:background .2s}.nav .item i{width:20px;text-align:center;font-size:15px;color:#000}.nav .item:hover{background:#e6e6e6}.nav .item.active{background:#f9f9f9;color:#000;font-weight:500;border-top:1px solid #fff;box-shadow:0 2px 6px #0000001a;outline:1px solid #fff}.nav .item.active i{color:#000}.main{display:grid;grid-template-columns:420px 1fr;gap:16px;background:#fff;border-radius:15px}.col{border-radius:12px;display:flex;flex-direction:column;min-height:540px}.head{height:48px;display:flex;align-items:center;padding:0 12px;color:var(--muted)}.search{height:40px;border:1px dashed var(--line);border-radius:8px;margin:12px}.tabs{height:40px;border:1px dashed var(--line);border-radius:999px;margin:0 12px 8px}.list{flex:1;padding:8px 12px;overflow:auto}.row{height:72px;border:1px dashed var(--line);border-radius:10px;margin:10px 0;display:flex;align-items:center;padding:0 12px;color:var(--muted)}.thread{flex:1;padding:12px;display:flex;flex-direction:column;gap:10px}.bubble{min-height:44px;border:0px dashed var(--line);border-radius:12px;padding:8px;color:var(--muted);max-width:70%}.bubble.me{margin-left:auto}.composer{border-top:1px solid var(--line);padding:12px;display:grid;gap:8px}.quick{height:32px;border:1px dashed var(--line);border-radius:999px;display:inline-block;padding:0 12px;line-height:30px;color:var(--muted);margin-right:8px}.input{height:40px;border:1px dashed var(--line);border-radius:10px}.header-tools{display:flex;align-items:center;justify-content:flex-end}.header-tools .tools{list-style:none;margin:0;padding:0;display:flex;gap:12px}.header-tools .tools>li{position:relative}.btn.publish{display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 25px;background:#0db14b;color:#fff;text-decoration:none;font-weight:700;border-radius:999px;border:0;cursor:pointer;font-size:13px}.btn.publish i{font-size:13px}.pill{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--text);text-decoration:none;cursor:pointer;font-size:13px;font-weight:600}.pill .count{font-weight:700;font-size:17px}.pill .caret{font-size:12px;opacity:.65;margin-left:2px}.dropdown .menu{position:absolute;left:-28px;top:calc(100% + 8px);min-width:195px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #00000014;padding:6px;display:none;z-index:30}.dropdown .menu i{padding:0 10px 0 0}.dropdown #dd-lang.menu{min-width:135px;left:0}.dropdown #dd-lang.menu a{display:flex}.dropdown #dd-acct.menu{min-width:145px;left:-20px}.dropdown #dd-lang.menu img{width:20px;height:auto;margin:0 10px 0 0}.dropdown.open .menu{display:block}.dropdown .menu a{display:block;padding:10px 12px;border-radius:8px;color:var(--text);text-decoration:none;font-size:13px;font-weight:600}.dropdown .menu a:hover{background:#f3f4f6}.btn.publish:hover{filter:brightness(.98)}.pill:hover{background:#fafafa}.publish-dd.open .menu{display:block}.menu-publish{position:relative;padding:8px;min-width:340px;border-radius:16px;z-index:40}.menu-publish .row{display:grid;grid-template-columns:24px 1fr 16px;align-items:center;gap:12px;padding:14px 12px;border-radius:12px;color:var(--text);text-decoration:none;font-weight:700;border:none;height:auto}.menu-publish .row:hover{background:#f3f4f6}.menu-publish .row .right{justify-self:end;opacity:.5}.menu-publish .item{position:relative}.menu-publish .submenu{position:absolute;top:0;left:calc(100% + 10px);min-width:220px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px #00000014;padding:8px;display:none;z-index:45;margin:-10px 0 0;width:auto}@media (hover:hover) and (pointer:fine){.menu-publish .item:hover>.submenu,.menu-publish .submenu:hover{display:block}}.menu-publish .submenu:before{content:"";position:absolute;left:-12px;top:0;bottom:0;width:12px}.menu-publish .submenu a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;color:var(--text);text-decoration:none;font-weight:700}.menu-publish .submenu a:hover{background:#f3f4f6}.menu-publish .submenu.svg img{width:20px;height:auto}.site-footer{margin-top:30px;padding:32px 16px;text-align:center;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;margin:0 0 12px;padding:0;list-style:none}.footer-links a{color:var(--muted);text-decoration:none;font-weight:500}.footer-links a:hover{color:var(--text)}.footer-brand{font-size:12px;line-height:1.4}.footer-brand strong{display:block;color:var(--text);font-weight:700;margin-bottom:2px}.menu-publish .row.has-sub:hover+.submenu,.menu-publish .submenu:hover{display:block}.main.chat{display:grid;grid-template-columns:420px 1fr;gap:16px;background:#fff;border-radius:15px}.chat-left{display:flex;flex-direction:column}.chat-left__head{padding:14px 14px 8px}.chat-left__head h3{margin:0 0 8px;font-weight:700;color:#111827}.searchbar{display:flex;align-items:center;gap:10px;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fff}.searchbar input{border:0;outline:0;width:100%;background:transparent;font:inherit}.pilltabs{display:flex;background:#f4f5f7;border-radius:2rem;padding:.25rem;position:relative;overflow:hidden}.pilltab{flex:1;border:none;background:transparent;padding:.6rem 1.5rem;border-radius:2rem;font-weight:600;cursor:pointer;transition:all .3s ease}.pilltab.is-active{background:#fff;box-shadow:0 2px 6px #0000001a}.pilltabs{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 6px;background:#f3f4f6;border-radius:999px;padding:4px}.pilltab{position:relative;height:32px;border-radius:999px;border:0;background:transparent;cursor:pointer;font-weight:700;color:#111827;z-index:1;transition:color .2s ease,transform .15s ease}.pilltab:hover{transform:translateY(0)}.pilltabs__indicator{--x: 0px;--w: 0px;position:absolute;top:4px;left:0;height:calc(100% - 8px);width:var(--w);transform:translate(var(--x));background:#fff;border-radius:999px;box-shadow:0 1px #00000008,0 8px 16px #0000000f;transition:transform .25s ease,width .25s ease;pointer-events:none}.chat-left__list{opacity:1;transition:opacity .18s ease}.chat-left__list.is-hidden{opacity:0}.chat-left__list{padding:6px 10px 12px;overflow:auto}.conv{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:10px 0;cursor:pointer}.conv:hover{background:#fafafa}.conv.is-selected{outline:2px solid #0db14b1a;background:#fff}.conv__thumb{width:44px;height:44px;border-radius:10px;background:#f3f4f6;display:grid;place-items:center;color:#9ca3af}.conv__title{margin:0 0 4px;font-weight:700}.conv__snippet{margin:0;color:var(--muted);font-size:13px}.conv__meta .badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#0db14b;color:#fff;font-size:12px;font-weight:700}.chat-right{display:flex;flex-direction:column;min-height:540px}.thread-head{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--line)}.thread-head__ad{display:flex;gap:12px;align-items:center}.thread-head__ad .thumb{width:44px;height:44px;border-radius:10px;background:#f3f4f6;display:grid;place-items:center;color:#9ca3af}.info_container{max-width:80%}.title_container{display:grid}.adtitle{font-weight:700;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.muted{color:var(--muted);font-size:12px}.msglist{flex:1;padding:12px;overflow:auto;display:flex;flex-direction:column;gap:10px}.msg{display:flex}.msg.in{justify-content:flex-start}.msg.out{justify-content:flex-end}.msg .bubble{max-width:72%;background:#f3f4f6;color:#111827;padding:10px 12px;border-radius:14px;box-shadow:0 1px #0000}.msg.out .bubble{background:#e9f6ef}.msg .bubble time{display:block;margin-top:6px;font-size:11px;color:var(--muted)}.composer{border-top:1px solid var(--line);padding:10px 12px;display:grid;gap:8px}.quickchips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);border-radius:999px;height:32px;padding:0 12px;background:#fff;color:#111827;font-weight:600;cursor:pointer}.chip:hover{background:#f9fafb}.composer__row{display:flex;gap:8px;align-items:flex-end}#composer{flex:1;min-height:40px;max-height:40px;resize:none;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font:inherit}.btn.send{display:inline-flex;align-items:center;gap:8px;padding:0 16px;height:40px;background:#0db14b;color:#fff;font-weight:800;border:0;border-radius:10px;cursor:pointer;font-size:14px}.thread-head .dropdown .menu{left:auto;right:0;min-width:150px}.is-hidden{display:none!important}@media (max-width:768px){.main.chat{grid-template-columns:1fr}.chat-left{display:grid;grid-template-rows:auto 1fr;min-height:0}.conversation-list{overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media (max-width:768px){.wrap{grid-template-columns:1fr;padding:0 16px}.sidebar{display:none}.main{grid-template-columns:1fr}}.wrap{height:calc(90dvh - 75px);min-height:320px;max-height:800px;margin:0 auto}.main.chat{height:100%;overflow:hidden}.main,.col,.chat-left,.chat-right{min-height:0}.chat-left{display:grid;grid-template-rows:auto 1fr;min-height:0}.chat-left__list{overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.chat-right{display:grid;grid-template-rows:auto 1fr auto;min-height:0}.conv__thumb{width:44px;height:44px;border-radius:10px;background:#f3f4f6;display:grid;place-items:center;color:#9ca3af;overflow:hidden}.conv__thumb img{width:100%;height:100%;object-fit:cover;display:block}.thread-head__ad .thumb{width:44px;height:44px;border-radius:10px;overflow:hidden;background:#f3f4f6;display:grid;place-items:center;color:#9ca3af}.thread-head__ad .thumb img{width:100%;height:100%;object-fit:cover;display:block}.conv__thumb img{width:44px;height:44px;object-fit:cover;display:block;border-radius:10px}.thread-head__ad .thumb img{width:44px;height:44px;object-fit:cover;border-radius:10px;display:block}.thread-head .thumb{width:44px;height:44px;border-radius:10px;background:#f3f4f6;display:grid;place-items:center;overflow:hidden}.thread-head .thumb img{width:100%;height:100%;object-fit:cover;display:block}.thread-head .product-link a{color:#2563eb;text-decoration:none}.thread-head .product-link{margin-top:2px;font-size:13px}.thread-head .product-link a{color:#111;text-decoration:none;font-weight:500}.thread-head .product-link a:hover{text-decoration:underline}@media (max-width: 768px){.chat-left,.chat-right{width:100%}.chat-right,.chat-left.is-hidden{display:none}}@media (min-width: 769px){.back-btn{display:none}}.chat-composer{position:sticky;bottom:0;background:#fff;padding:8px;border-top:1px solid #eee}.btn-back{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px}.visually-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}.toolbar-avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid #e6e6e6;background:#fff;cursor:pointer;box-shadow:0 1px 2px #0000000a}.toolbar-avatar:focus{outline:2px solid #0aa84f33}.avatar-dot{width:20px;height:20px;border-radius:999px;display:block}.account-menu{position:absolute;right:16px;top:64px;width:210px;max-width:calc(100vw - 24px);background:#fff;border:1px solid #e6e6e6;border-radius:14px;box-shadow:0 20px 40px #0000001f;padding:10px;z-index:1000}.account-menu[hidden]{display:none}.am__section{padding:6px 4px}.am__header{display:flex;align-items:center;gap:10px;padding:8px 10px 12px}.am__icon{font-size:18px}.am__title{font-weight:700}.am__item{width:100%;text-align:left;background:none;border:0;cursor:pointer;display:flex;align-items:center;justify-content:left;gap:10px;padding:10px 12px;border-radius:10px;font:inherit;color:#111}.am__item img{width:20px;height:auto;margin:0 0 0 -2px}.account-menu i{width:auto}.am__item i{opacity:1}.am__item:focus{outline:2px solid #0aa84f33}.am__item--inbox{font-weight:600}.am__badge{min-width:26px;height:22px;padding:0 8px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:#e53935;color:#fff}.am__label{opacity:.7;font-weight:600;padding:8px 12px 6px;display:flex;gap:8px;align-items:center}.am__divider{border:0;border-top:1px solid #efefef;margin:6px 0}.btn-back{display:none}@media (max-width: 758px){.btn-back{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;font-size:17px}}.toolbar-avatar,.account-menu[hidden]{display:none!important}@media (max-width: 768px){.toolbar-avatar{display:inline-flex!important;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9999px;border:0px solid #e5e7eb;background:#fff;cursor:pointer;margin-left:8px}.toolbar-avatar .avatar-dot{width:18px;height:18px;border-radius:9999px;display:block}.toolbar-avatar .avatar-dot img{margin:-4px}.header-tools [data-dd=acct],.header-tools [data-dd=lang]{display:none!important}}@media (max-width: 768px){.header-tools .tools>li{display:none}.header-tools .tools>li.publish-dd{display:block}#btn-account{display:inline-flex}}.toolbar-avatar{display:none!important}@media (max-width: 768px){.header-tools .tools>li{display:none}.header-tools .tools>li.publish-dd,.header-tools .tools>li.avatar-li{display:block}.toolbar-avatar{display:inline-flex!important;align-items:center;justify-content:center;width:40px;height:40px;border-radius:9999px;border:1px solid #e5e7eb;background:#fff;margin-left:8px}}@media (max-width:768px){.menu-publish .submenu{position:static;margin-top:8px;border:1px solid #eee;border-radius:10px;box-shadow:0 6px 6px #f5f5f5;min-width:auto;width:100%;display:none!important;background:#fff}.menu-publish .item.show>.submenu{display:block!important}}.dropdown .menu,.publish-dd .menu.menu-publish{max-height:min(70vh,520px);overflow:auto}.publish-dd .menu.menu-publish{overflow-y:auto;overflow-x:visible}.dropdown .menu:not(.menu-publish){overflow:auto}@media (hover:hover) and (pointer:fine){.menu-publish .row.has-sub:hover+.submenu,.menu-publish .submenu:hover{display:block}}.publish-dd{position:relative}.publish-dd>.menu,.menu-publish{overflow:visible!important}@media (hover:hover) and (pointer:fine){.menu-publish .item:hover>.submenu{display:block}}.menu-publish{min-width:320px;max-width:420px}.menu-publish .submenu{min-width:170px;max-width:270px;white-space:nowrap;left:calc(100% + 10px);right:auto;z-index:1003}.ham{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer}@media (min-width: 768px){.ham{display:none}}.drawer{position:fixed;inset:0 auto 0 0;width:0;max-width:86vw;transform:translate(-105%);transition:transform .25s ease-out;z-index:1100}.drawer__inner{height:100%;background:#fff;border-right:1px solid var(--line);box-shadow:2px 0 28px #00000024;display:grid;grid-template-rows:auto 1fr}.drawer-backdrop{z-index:2000}.drawer{z-index:2001}.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.drawer__close{border:0;background:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;border:1px solid var(--line)}.drawer__nav{padding:8px;overflow:auto;-webkit-overflow-scrolling:touch}.drawer__nav .item{display:flex;align-items:center;gap:12px;padding:12px 10px;border-radius:10px;color:#111;text-decoration:none;font-weight:600}.drawer__nav .item i{width:20px;text-align:center;color:#111}.drawer__nav .badge{margin-left:auto;display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:#e53935;color:#fff;font-size:12px;font-weight:700}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182759;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:1099}.drawer.is-open{transform:translate(0)}.body--lock{overflow:hidden}.lf-trigger{position:absolute;left:12px;top:18px;width:40px;height:40px;border-radius:12px;border:1px solid #e6e6e6;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.lf-trigger i{font-size:16px}.lf-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000002e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1400;opacity:0;transition:opacity .18s ease}.lf-backdrop.is-open{opacity:1}.lf-panel{position:fixed;z-index:1401;left:16px;top:92px;width:360px;max-width:calc(100vw - 32px);max-height:min(78vh,640px);display:grid;grid-template-rows:auto 1fr;background:#fff;border:1px solid #e6e6e6;border-radius:18px;box-shadow:0 25px 60px #0000002e,inset 0 1px #fff9;overflow:hidden;opacity:0;transform:translateY(8px) scale(.98);transition:transform .22s cubic-bezier(.22,.8,.25,1),opacity .18s ease}.lf-panel.is-open{opacity:1;transform:translateY(0) scale(1)}@media (max-width: 768px){.lf-panel{left:0;top:0;width:min(88vw,360px);height:100%;max-height:none;border-radius:0 18px 18px 0;transform:translate(-12px)}.lf-panel.is-open{transform:translate(0)}}.lf-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #efefef;font-weight:700}.lf-close{border:0;background:#fff;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;cursor:pointer;border:1px solid #e6e6e6}.lf-nav{overflow:auto;padding:8px}.lf-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;color:#111827;text-decoration:none}.lf-item i{width:20px;text-align:center;color:#111}.lf-item:hover{background:#f6f7f8}.lf-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.lf-badge{min-width:22px;height:22px;padding:0 8px;border-radius:999px;display:inline-grid;place-items:center;background:#e53935;color:#fff;font-weight:700;font-size:12px}#btn-drawer{display:none}@media (max-width: 1024px){#btn-drawer{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid #e5e7eb;background:#fff}.sidebar{display:none}}.drawer[hidden],.drawer-backdrop[hidden]{display:none!important}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:70}.drawer{position:fixed;top:0;right:30%;bottom:0;left:0;max-width:420px;background:#fff;z-index:80;border-radius:0 16px 16px 0}@media (max-width: 520px){.drawer{top:0;right:0;bottom:0;left:0;max-width:none}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:900}.drawer-backdrop[hidden]{display:none}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:901}.drawer[hidden]{display:none}.drawer__inner{position:absolute;left:16px;top:16px;bottom:16px;width:min(92vw,380px);background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 25px 60px #0000002e,0 2px 6px #00000014;overflow:auto;transform:translate(-12px) scale(.98);opacity:0;transition:transform .22s ease,opacity .22s ease}.drawer.is-open .drawer__inner{transform:translate(0) scale(1);opacity:1}.drawer__head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fff;border-bottom:0px solid #f1f2f4;border-top-left-radius:18px;border-top-right-radius:18px}.drawer__close{width:36px;height:36px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.drawer__nav .item{display:flex;align-items:center;gap:12px;padding:12px 16px}.drawer__nav .item .badge{margin-left:auto}@media (min-width: 1024px){.drawer__inner{left:24px;top:24px;bottom:24px;width:380px}}.drawer[hidden]{display:none!important}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;align-items:start;padding:16px}.drawer__inner{width:min(360px,92vw);max-height:calc(100dvh - 32px);background:#fff;border:0px solid #e6e6e6;border-radius:18px;box-shadow:0 20px 40px #00000024,0 1px #0000000a;overflow:auto;transform:translate(-20px) scale(.98);opacity:0;transition:transform .22s ease,opacity .22s ease}.drawer.show .drawer__inner{transform:translate(0) scale(1);opacity:1}.drawer__head{position:sticky;top:0;background:none;display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:0px solid #efefef;z-index:1}.drawer__close{width:34px;height:34px;border-radius:10px;border:1px solid #e6e6e6;background:#fff;cursor:pointer}.drawer__nav{padding:8px 10px 14px}.drawer__nav .item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;text-decoration:none;color:#111827}.drawer__nav .item:hover{background:#f6f7f8}.drawer__nav .badge{margin-left:auto;min-width:22px;height:20px;padding:0 8px;border-radius:999px;display:inline-grid;place-items:center;font-size:12px;font-weight:700;background:#e53935;color:#fff}.drawer-backdrop[hidden]{display:none!important}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#11182773;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (min-width: 1120px){#btn-drawer{display:none}}.ham{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:#fff;margin-left:8px}@media (max-width: 1120px){.ham{display:inline-flex}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000014;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1300}.drawer-backdrop[hidden],.drawer[hidden]{display:none}.drawer{position:fixed;top:82px;left:12px;z-index:1310;max-width:min(92vw,360px);width:0}.drawer__inner{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 2px 6px #0000000d,0 16px 40px #0000001f;overflow:hidden;transform:translateY(8px) scale(.98);opacity:0;transition:transform .18s ease,opacity .18s ease}.drawer[aria-hidden=false] .drawer__inner{transform:translateY(0) scale(1);opacity:1}.drawer__head{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:0px solid var(--line)}.drawer__close{width:36px;height:36px;border-radius:999px;border:1px solid var(--line);background:#fff;display:inline-grid;place-items:center;cursor:pointer}.drawer__nav{padding:8px;max-height:min(70vh,520px);overflow:auto}.drawer__nav .item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;text-decoration:none;color:var(--text);border:1px solid transparent}.drawer__nav .item .badge{margin-left:auto;display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;font-size:12px;font-weight:700;background:#e53935;color:#fff}.drawer__nav .item:hover{background:#f9fafb;border-color:#f0f0f0}#drawer{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:end center;background:transparent;border:0}#drawer[hidden]{display:none!important}#drawer .drawer__inner{width:min(92vw,300px);max-height:77vh;background:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:16px;box-shadow:0 20px 60px #00000073;transform:translateY(16px) scale(.98);opacity:0;transition:transform .18s ease,opacity .18s ease}#drawer.is-open .drawer__inner{transform:translateY(0) scale(1);opacity:1}#drawerBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;transition:opacity .18s ease;opacity:0}#drawerBackdrop[hidden]{display:none!important}#drawer.is-open+#drawerBackdrop{opacity:1}#btn-drawer.ham{display:none;align-items:center;justify-content:center;gap:.5rem;font-size:16px;margin-left:0}@media (max-width: 768px){#btn-drawer.ham{display:inline-flex}.logo img{width:auto;height:20px}}.subheader{display:flex;align-items:center;gap:12px;height:56px;padding:0;background:transparent;border-bottom:0px solid #e6e7e8}.page-title{margin:0;font-size:20px;font-weight:800;color:#0b1220;display:flex;align-items:center;gap:10px}.ham{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid #e5e7eb;background:#fff}@media (min-width: 768px){.ham{display:none}.page-title{font-size:18px}.subheader{display:none}}@media (max-width: 768px){.chat-left__head h3{display:none}}:root{--am-icon: 24px;--am-gap: 12px;--am-pad: 10px 12px;--am-radius: 10px}.am__header{display:grid;grid-template-columns:var(--am-icon) 1fr;align-items:center;column-gap:var(--am-gap);padding:var(--am-pad);border-radius:var(--am-radius)}.am__header .am__icon{width:var(--am-icon);height:var(--am-icon);display:grid;place-items:center}.am__item{display:grid;grid-template-columns:var(--am-icon) 1fr auto;align-items:center;column-gap:var(--am-gap);padding:var(--am-pad);border-radius:var(--am-radius);text-decoration:none;color:#111;font:inherit;background:transparent;border:0;width:100%;text-align:left;cursor:pointer}.am__item:hover{background:#f6f7f8}.am__item:focus{outline:2px solid #0aa84f33;outline-offset:2px}.am__item>i,.am__item>img{grid-column:1;width:var(--am-icon);height:var(--am-icon);display:grid;place-items:center;font-size:18px}.am__item>img{object-fit:contain}.am__badge{grid-column:3;justify-self:end;min-width:26px;height:22px;padding:0 8px;border-radius:999px;display:inline-grid;place-items:center;font-size:12px;font-weight:700}.am__label{display:flex;align-items:center;gap:8px;font-weight:700;color:#000;margin:0 0 8px;padding:0 12px;opacity:1}.am__item--inbox{font-weight:400;margin:0 0 0 4px}.am__item[style],.am__item--inbox[style],.am__label[style]{all:unset}.am__item[style],.am__item--inbox[style]{display:grid;grid-template-columns:var(--am-icon) 1fr auto;align-items:center;column-gap:var(--am-gap);padding:var(--am-pad);border-radius:var(--am-radius);text-decoration:none;color:#111;width:100%}@media (max-width: 395px){.logo img{width:auto;height:18px;margin:3px 0 0}}.wrap{height:calc(100dvh - 75px);max-width:1200px;margin:0 auto;padding:16px;display:grid;grid-template-columns:240px 1fr;grid-template-rows:auto 1fr;gap:16px;min-height:0}.sidebar{grid-row:1 / span 2;min-height:0}.subheader{grid-column:1 / -1}.main.chat{grid-column:2;grid-row:2;min-height:0;height:auto;overflow:hidden}@media (max-width:768px){.wrap{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:calc(100dvh - 75px);gap:12px;padding:12px}.sidebar{display:none}.main.chat{grid-column:1;grid-row:2;overflow:hidden}}.thread-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.thread-head__ad{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0}.thread-head__ad .text{min-width:0}.thread-head__ad .adtitle{margin:0;font-weight:700;line-height:1.2;word-break:break-word}.thread-head .actions,.thread-head .dropdown{flex:0 0 auto}#msglist{overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch}.msglist{display:flex;flex-direction:column;gap:10px;padding:12px}@media (max-width:768px){.main.chat{grid-template-columns:1fr;grid-template-rows:1fr}.chat-left{display:block}.chat-right,body.mobile-chat-open .chat-left{display:none}body.mobile-chat-open .chat-right{display:block}}.thread-head{background:#fff;z-index:5}@media (max-width:768px){.thread-head{position:sticky;top:0;background:#fff;z-index:10}}@media (max-width:768px){.main.chat{grid-template-columns:1fr}.chat-right,.chat-left.is-hidden{display:none}}.chat-right{grid-template-rows:auto minmax(0,1fr) auto}.wrap,.main.chat,.chat-right,.chat-left{min-height:0}.msglist,#msglist{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.wrap{min-height:0}.main.chat{height:100%;overflow:hidden;min-height:0}.msglist,#msglist{overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width:768px){.chat-right{display:none}}.dropdown{position:relative}.dropdown .menu{position:absolute;top:calc(100% + 8px);left:-30px;display:none;z-index:1300;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #00000014}.dropdown.open>.menu{display:block}.header,.header-wrap,.publish-dd{overflow:visible}.menu-publish .submenu{display:none}.menu-publish .item.show>.submenu{display:block}.menu-publish{z-index:1400}.pilltab span{display:none}@media (max-width: 768px){.stack-on-mobile{display:flex!important;flex-direction:column!important}.row-on-mobile{display:flex!important;flex-direction:row!important}.full-width-mobile{width:100%!important}.gap-sm-mobile{gap:8px!important}.align-center-mobile{align-items:center!important}.justify-center-mobile{justify-content:center!important}.order-first-mobile{order:-1!important}.order-last-mobile{order:999!important}.text-sm-mobile{font-size:14px!important;line-height:1.35!important}.sticky-top-mobile{position:sticky;top:0;z-index:10;background:#fff}.thumb-sm-mobile img{width:36px!important;height:36px!important}.mobile-1col{display:grid!important;grid-template-columns:1fr!important}}@media (min-width: 769px){.row-on-desktop{display:flex!important;flex-direction:row!important}.stack-on-desktop{display:flex!important;flex-direction:column!important}.order-initial-desktop{order:0!important}.text-base-desktop{font-size:15px!important;line-height:1.4!important}.desktop-2col{display:grid!important;grid-template-columns:420px 1fr!important}}.auto-scroll-y{overflow-y:auto!important;min-height:0!important}.chat-left__head,.conversation-list__head{padding:14px 14px 8px}.searchbar,.search-input{display:flex;align-items:center;gap:10px;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 12px;background:#fff}.searchbar input,.search-input input{border:0;outline:0;width:100%;background:transparent;font:inherit}.pilltabs,.tabs-pills{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 6px;background:#f3f4f6;border-radius:999px;padding:4px}.pilltab,.tab-pill{position:relative;height:32px;border-radius:999px;border:0;background:transparent;cursor:pointer;font-weight:700;color:#111827;z-index:1;transition:color .2s ease,transform .15s ease}.pilltab.is-active,.tab-pill.is-active{background:#fff;box-shadow:0 2px 6px #0000001a}.pilltab:hover,.tab-pill:hover{transform:translateY(0)}.pilltabs__indicator,.tabs-pills__indicator{position:absolute;top:4px;left:0;height:calc(100% - 8px);width:var(--w);transform:translate(var(--x));background:#fff;border-radius:999px;box-shadow:0 1px #00000008,0 8px 16px #0000000f;transition:transform .25s ease,width .25s ease;pointer-events:none}.chat-left__list,.conversation-list{padding:6px 10px 12px;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.conversation-list{min-height:0}.conv,.conversation-card{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:10px 0;cursor:pointer}.conv:hover,.conversation-card:hover{background:#fafafa}.conv.is-selected,.conversation-card.is-selected{outline:2px solid #0db14b1a;background:#fff}.conv__thumb,.conversation-card__thumb{width:44px;height:44px;border-radius:10px;background:#f3f4f6;display:grid;place-items:center;color:#9ca3af;overflow:hidden}.conv__thumb img,.conversation-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}.conversation-card__title-container{display:grid}.custom-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#0db14b;color:#fff;font-size:12px;font-weight:700}.conv__title,.conversation-card__title{margin:0 0 4px;font-weight:700;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.conv__snippet,.conversation-card__snippet{margin:0;color:var(--muted);font-size:13px}.conv__meta .badge,.conversation-card__meta .badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#0db14b;color:#fff;font-size:12px;font-weight:700}.conversation-card.is-empty{grid-template-columns:1fr}.conversation-card.is-empty .conversation-card__meta{display:none}@media (prefers-reduced-motion: no-preference){.drawer{transform:translate(-104%);transition:transform .24s ease;will-change:transform}.drawer.is-open{transform:translate(0)}.drawer-backdrop{opacity:0;pointer-events:none;transition:opacity .24s ease}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}}#drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;transform:translate(-104%);transition:transform .24s ease;will-change:transform}#drawer.is-open{transform:translate(0)}#drawerBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182759;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:1399;opacity:0;pointer-events:none;transition:opacity .24s ease}#drawerBackdrop.is-open{opacity:1;pointer-events:auto}.no-scroll{overflow:hidden}#drawer{width:auto!important;pointer-events:none}#drawer.is-open{pointer-events:auto}#drawer .drawer__inner{width:min(92vw,360px)}@media (max-width: 768px){.main.chat{overflow:clip}.main.chat .chat-left{display:flex!important;flex-direction:column!important;min-height:0!important;height:auto!important}.main.chat .conversation-list{flex:1 1 auto!important;overflow-y:auto!important;min-height:0!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media (max-width: 768px){.main.chat{overflow:clip}.chat-left,.chat-right,.main.chat{min-height:0!important}.main.chat .chat-left{display:flex;flex-direction:column}body.mobile-chat-open .main.chat .chat-left{display:none!important}body.mobile-chat-open .main.chat .chat-right{display:grid!important;grid-template-rows:auto 1fr auto;min-height:0}.main.chat .conversation-list{flex:1 1 auto!important;overflow-y:auto!important;min-height:0!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}}@media (max-width:768px){.chat-right{display:none}.chat-left{display:block}body.mobile-chat-open .chat-left{display:none}body.mobile-chat-open .chat-right{display:grid}}.conversation-list{overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width:768px){.main.chat{grid-template-columns:1fr}}@media (max-width:768px){.chat-left{display:block}.chat-right,body.mobile-chat-open .chat-left{display:none}body.mobile-chat-open .chat-right{display:grid;grid-template-rows:auto 1fr auto;min-height:0}}.wrap,.main.chat,.chat-left,.chat-right{min-height:0}#msglist{overflow-y:auto;-webkit-overflow-scrolling:touch}.conversation-list{overflow-y:auto;min-height:0}.main.chat{display:grid;grid-template-columns:420px 1fr;gap:16px;border-radius:15px}.chat-right{display:grid;grid-template-rows:auto 1fr auto;min-height:0;overflow:hidden}#msglist{overflow-y:auto;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media (max-width: 768px){.main.chat{grid-template-columns:1fr}.chat-left{display:block}.chat-right,body.mobile-chat-open .chat-left{display:none}body.mobile-chat-open .chat-right{display:grid;grid-template-rows:auto 1fr auto;min-height:0}}.selection-actions{display:flex;align-items:center;justify-content:space-between;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;margin-top:10px;gap:10px}.selection-count{font-size:13px;font-weight:600;color:#374151}.selection-buttons{display:flex;gap:6px}.action-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.save{background:#dbeafe;color:#1d4ed8}.action-btn.save:hover:not(:disabled){background:#bfdbfe}.action-btn.delete{background:#fee2e2;color:#dc2626}.action-btn.delete:hover:not(:disabled){background:#fecaca}.action-btn.restore{background:#d1fae5;color:#059669}.action-btn.restore:hover:not(:disabled){background:#a7f3d0}.action-btn.cancel{background:#f3f4f6;color:#6b7280;padding:6px 10px}.action-btn.cancel:hover:not(:disabled){background:#e5e7eb}.conversation-card{position:relative}.conversation-card__checkbox{display:none;align-items:center;justify-content:center;width:24px;margin-right:8px}.conversation-card__checkbox.visible{display:flex}.conversation-card__checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#0DB14B}.conversation-card.is-checked{background:#f0fdf4;border-color:#86efac}.conversation-card.is-checked:hover{background:#dcfce7}.conversation-card:has(.conversation-card__checkbox.visible){grid-template-columns:24px 44px 1fr auto}@supports not selector(:has(*)){.conversation-card__checkbox.visible+.conversation-card__thumb{margin-left:0}}