:root{--zalo: #0b74ff;--zalo-dark: #0057d8;--zalo-soft: #e8f1ff;--rail-a: #1877f2;--rail-b: #0a55c8;--ink: #0d1b2a;--ink-2: #4a5b70;--ink-3: #8296ae;--line: #dde3ea;--line-2: #eaeef3;--bg: #ffffff;--bg-2: #f5f7fa;--bg-3: #eef2f7;--chat-bg: #eef3f9;--sel: #e8f1ff;--hover: #f4f6f9;--bubble-in: #ffffff;--bubble-out: #d9eaff;--green: #22c55e;--red: #ef4444;--amber: #f59e0b;--font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:14px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--zalo);outline-offset:2px}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cbd3dd;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#aab4c2}.app{display:flex;height:100%;overflow:hidden}.app-body{flex:1;min-width:0;display:flex;min-height:0}.rail{width:92px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:20px 0 14px;gap:6px;background:linear-gradient(180deg,var(--rail-a) 0%,var(--rail-b) 100%)}.rail-account{margin-bottom:16px}.rail-avatar{position:relative;width:56px;height:56px;border-radius:50%;padding:0}.rail-avatar .avatar{width:56px;height:56px;font-size:18px;border:2.5px solid rgba(255,255,255,.55);background:#dfe9ff}.rail-avatar:hover .avatar,.rail-avatar.open .avatar{border-color:#fff}.rail-avatar .dot{position:absolute;right:1px;bottom:1px;width:14px;height:14px;border-radius:50%;border:2.5px solid #1a6fe0;background:var(--green)}.rail-avatar .dot.needs_relogin{background:var(--amber)}.rail-avatar .dot.disconnected,.rail-avatar .dot.error{background:#c3cbd6}.rail-avatar .dot.none{display:none}.rail-nav{display:flex;flex-direction:column;gap:4px;width:100%;align-items:center}.rail-btn{position:relative;width:76px;padding:9px 0 7px;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#ffffffe0}.rail-btn .ri{position:relative;display:grid;place-items:center}.rail-btn .rl{font-size:11px;font-weight:500;letter-spacing:.1px}.rail-btn:hover{background:#ffffff24;color:#fff}.rail-btn.active,.rail-btn.active:hover{background:#ffffff38;color:#fff}.rail-btn.active:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:3px;height:26px;border-radius:3px;background:#fff}.rail-btn .badge{position:absolute;top:-6px;right:-12px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;border:2px solid #1a6fe0}.rail-btn .warn-dot{position:absolute;top:-3px;right:-6px;width:10px;height:10px;border-radius:50%;background:var(--amber);border:2px solid #1a6fe0}.rail-btn.logout{color:#fffc}.rail-btn.logout:hover{background:#ffffff29;color:#fff}.rail-spacer{flex:1}.rail .pop{display:block}.pop-panel.rail-account,.pop-panel.rail-settings{min-width:280px}.col-list{width:372px;flex-shrink:0;border-right:1px solid var(--line);background:#fff;display:flex;flex-direction:column;min-height:0}.list-top{display:flex;align-items:center;gap:8px;padding:14px 14px 10px;flex-shrink:0}.search{flex:1;display:flex;align-items:center;gap:8px;background:var(--bg-3);border-radius:20px;padding:0 12px;height:38px;color:var(--ink-3);min-width:0}.search input{flex:1;border:0;background:transparent;outline:none;color:var(--ink);font-size:13px;min-width:0}.search input::placeholder{color:var(--ink-3)}.ib{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;color:var(--ink-2);flex-shrink:0}.ib:hover{background:var(--bg-3)}.ib.on{color:var(--zalo);background:var(--sel)}.ib.sm{width:26px;height:26px;border-radius:6px}.ib.box{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:#fff}.ib.box:hover,.ib.box.on{border-color:var(--zalo);color:var(--zalo);background:var(--zalo-soft)}.ib.round{width:36px;height:36px;border-radius:50%;background:var(--zalo-soft);color:var(--zalo)}.ib.round:hover{background:#d5e6ff}.ib.danger:hover{background:#fdecec;color:var(--red)}.kinds{display:flex;align-items:center;gap:6px;row-gap:6px;flex-wrap:wrap;padding:0 14px 8px;flex-shrink:0}.kind{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 11px;border-radius:14px;font-size:12px;font-weight:600;color:var(--ink-2);border:1px solid var(--line);background:#fff;white-space:nowrap}.kind:hover{border-color:var(--zalo);color:var(--zalo)}.kind.on{background:var(--zalo);border-color:var(--zalo);color:#fff}.kinds .sp{flex:1}.pill-btn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 12px;border-radius:14px;font-size:12px;font-weight:600;color:var(--zalo);border:1px solid var(--zalo);background:#fff;white-space:nowrap}.pill-btn:hover{background:var(--zalo-soft)}.acct-line{padding:0 14px 8px}.acct-badge{font-size:11px;color:var(--ink-3);background:var(--bg-3);border-radius:10px;padding:3px 9px;white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}.tabs{display:flex;align-items:center;gap:8px;padding:2px 14px 10px;flex-shrink:0}.tabs .tab{height:32px;padding:0 16px;border-radius:16px;font-size:13px;font-weight:600;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px}.tabs .tab:hover{background:var(--bg-3)}.tabs .tab.on{background:var(--zalo);color:#fff}.tab-badge{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--red);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}.tabs .tab.on .tab-badge{background:#ffffff4d}.tabs .sp{flex:1}.tab-dd{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--ink-2);padding:6px 8px;border-radius:8px;white-space:nowrap}.tab-dd:hover{background:var(--bg-3)}.tab-dd.on{color:var(--zalo);font-weight:600}.conv-scroll{overflow-y:auto;flex:1;padding:0 8px 8px}.conv{display:flex;gap:12px;padding:10px;width:100%;text-align:left;align-items:center;border-radius:12px}.conv:hover{background:var(--hover)}.conv.active{background:var(--sel)}.conv-body{flex:1;min-width:0}.row1{display:flex;align-items:center;justify-content:space-between;gap:8px}.row1 .name{font-size:15px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row1 .time{font-size:12px;color:var(--ink-3);flex-shrink:0}.row2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:3px}.row2 .preview{font-size:13px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv.has-unread .preview{color:var(--ink);font-weight:500}.unread{background:var(--red);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 5px;flex-shrink:0}.tagdot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:48px 24px;color:var(--ink-3);text-align:center;font-size:13px}.empty strong{color:var(--ink);font-size:14px;font-weight:600;margin-top:6px}.mailbox-card{margin:8px 12px 14px;padding:12px 14px;border-radius:14px;background:var(--bg-2);border:1px solid var(--line-2);flex-shrink:0}.mb-head{display:flex;align-items:center;gap:10px}.mb-title{flex:1;min-width:0}.mb-title b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-title small{font-size:11px;color:var(--green)}.mb-title small.needs_relogin{color:var(--amber)}.mb-title small.disconnected,.mb-title small.error{color:var(--ink-3)}.mb-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.mb-stats>div{display:flex;flex-direction:column}.mb-stats .v{font-size:19px;font-weight:700;line-height:1.2}.mb-stats .v.blue{color:var(--zalo)}.mb-stats .v.red{color:var(--red)}.mb-stats .l{font-size:11px;color:var(--ink-3)}.avatar{position:relative;width:40px;height:40px;border-radius:50%;background:#dfe9ff;color:#1f44c4;font-weight:600;font-size:14px;display:grid;place-items:center;flex-shrink:0}.avatar.xs{width:24px;height:24px;font-size:10px}.avatar.sm{width:34px;height:34px;font-size:12px}.avatar.lg{width:48px;height:48px;font-size:16px}.avatar.xl{width:56px;height:56px;font-size:18px}.avatar.xxl{width:84px;height:84px;font-size:28px;border:4px solid #fff}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar .plat{position:absolute;right:-2px;top:-2px;width:18px;height:18px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;font-size:9px;font-weight:700;color:#fff}.plat.zalo_personal,.plat.zalo_oa{background:var(--zalo)}.plat.facebook{background:#1877f2}.plat.instagram{background:#d62976}.plat.tiktok{background:#111}.avatar .st{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;border:2px solid #fff;background:var(--green)}.avatar .st.needs_relogin{background:var(--amber)}.avatar .st.disconnected,.avatar .st.error{background:#c3cbd6}.avatar .sub{position:absolute;right:-4px;bottom:-3px;width:20px;height:20px;border-radius:50%;border:2px solid #fff;overflow:hidden;background:#dfe9ff;color:#1f44c4;font-size:9px;display:grid;place-items:center}.avatar .sub img{width:100%;height:100%;object-fit:cover}.col-main{flex:1;min-width:0;display:flex;min-height:0;background:var(--chat-bg)}.col-main.col-page{flex-direction:column}.chat{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.chat-head{display:flex;align-items:center;gap:12px;height:70px;padding:0 18px;background:#fff;border-bottom:1px solid var(--line);flex-shrink:0}.chat-title{min-width:0}.chat-title .name{font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online-dot{width:9px;height:9px;border-radius:50%;background:var(--green);flex-shrink:0}.chat-title .sub{font-size:12px;color:var(--ink-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.findbar{display:flex;align-items:center;gap:8px;padding:8px 18px;background:#fff;border-bottom:1px solid var(--line-2);font-size:12px;color:var(--ink-3);flex-shrink:0}.findbar input{flex:1;border:0;outline:none;background:var(--bg-3);border-radius:8px;padding:7px 12px;font-size:13px}.msgs{flex:1;overflow-y:auto;padding:18px 22px 10px;display:flex;flex-direction:column;gap:4px;background-color:var(--chat-bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='%23bfd2ea' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round' opacity='.3'%3E%3Cpath d='M28 42h34a5 5 0 0 1 5 5v18a5 5 0 0 1-5 5H46l-9 7v-7h-9a5 5 0 0 1-5-5V47a5 5 0 0 1 5-5z'/%3E%3Ccircle cx='196' cy='54' r='13'/%3E%3Cpath d='M190 54h12M196 48v12'/%3E%3Cpath d='M158 176h34a5 5 0 0 1 5 5v15a5 5 0 0 1-5 5h-12l-8 6v-6h-14a5 5 0 0 1-5-5v-15a5 5 0 0 1 5-5z'/%3E%3Cpath d='M56 168l15 15M71 168l-15 15'/%3E%3Cpath d='M120 104l10 5 10-5-10-5z'/%3E%3Cpath d='M214 214l5 5 10-10'/%3E%3C/g%3E%3C/svg%3E")}.load-older{display:flex;justify-content:center;padding:4px 0 10px}.load-older .pill-btn{background:#ffffffeb}.sys-msg{align-self:center;display:inline-flex;align-items:center;gap:6px;margin:6px 0;padding:5px 12px;border-radius:12px;background:#ffffffd9;color:var(--ink-2);font-size:12px;max-width:80%;text-align:center}.sys-msg .t{color:var(--ink-3);font-size:11px}.day-sep{align-self:center;margin:12px 0}.day-sep span{font-size:11px;color:var(--ink-2);background:#ffffffe6;padding:4px 12px;border-radius:12px}.msg{display:flex;align-items:flex-end;gap:8px;max-width:68%}.msg.in{align-self:flex-start}.msg.out{align-self:flex-end}.msg-av{width:36px;flex-shrink:0}.msg-av .avatar{width:36px;height:36px;font-size:12px}.bubble{background:var(--bubble-in);border-radius:16px;padding:10px 14px 7px;font-size:15px;line-height:1.5;color:var(--ink);min-width:62px;box-shadow:0 1px 2px #0d1b2a12}.msg.out .bubble{background:var(--bubble-out)}.bubble.failed{background:#fdecec}.msg.ai-soan .bubble{display:flex;align-items:center;gap:9px;padding:11px 14px;opacity:.85}.msg.ai-soan .tx{font-size:13px;color:var(--muted)}.ai-cham{display:inline-flex;gap:4px}.ai-cham i{width:6px;height:6px;border-radius:50%;background:var(--zalo);animation:ai-nhay 1.25s infinite ease-in-out}.ai-cham i:nth-child(2){animation-delay:.18s}.ai-cham i:nth-child(3){animation-delay:.36s}@keyframes ai-nhay{0%,70%,to{transform:translateY(0);opacity:.4}35%{transform:translateY(-4px);opacity:1}}@media (prefers-reduced-motion: reduce){.ai-cham i{animation:ai-mo 1.4s infinite ease-in-out}@keyframes ai-mo{0%,to{opacity:.35}50%{opacity:1}}}.bubble .sender{font-size:12px;font-weight:700;color:var(--zalo);margin-bottom:3px}.bubble .txt{white-space:pre-wrap;word-break:break-word}.bubble .t{font-size:11px;color:var(--ink-3);margin-top:5px}.bubble img{max-width:280px;border-radius:10px;display:block;margin-bottom:4px}.bubble a{color:var(--zalo);text-decoration:underline}.msg-menu{opacity:0;transition:opacity .12s;flex-shrink:0}.msg:hover .msg-menu,.msg-menu:focus-within{opacity:1}.msg-menu .ib{color:var(--ink-3);background:#ffffffe6}.msg-menu .ib:hover{color:var(--ink);background:#fff}.msg.out{flex-direction:row-reverse}.msg.out .msg-menu{margin-right:2px}.receipt{align-self:flex-end;font-size:11px;color:var(--ink-2);background:#ffffffe6;border-radius:10px;padding:3px 9px;display:inline-flex;align-items:center;gap:4px;margin:4px 0 8px}.receipt.failed{background:#fdecec;color:#b42318}.composer{margin:0 18px 16px;background:#fff;border:1px solid var(--line);border-radius:16px;flex-shrink:0;box-shadow:0 2px 8px #0d1b2a0d}.tools{display:flex;align-items:center;gap:2px;padding:8px 12px;border-bottom:1px solid var(--line-2)}.tools .ib{width:34px;height:34px;color:var(--ink-2)}.tools .plus{width:32px;height:32px;border-radius:50%;background:var(--zalo);color:#fff;display:grid;place-items:center;margin-right:8px;flex-shrink:0}.tools .plus:hover{background:var(--zalo-dark)}.input-row{display:flex;align-items:flex-end;gap:8px;padding:8px 12px 10px 16px}.input-row textarea{flex:1;border:0;outline:none;resize:none;font-size:15px;line-height:22px;padding:8px 0;max-height:140px;background:transparent}.input-row textarea::placeholder{color:var(--ink-3)}.input-row .ib{width:36px;height:36px}.send-btn{width:38px;height:38px;border-radius:50%;background:var(--zalo);color:#fff;display:grid;place-items:center;flex-shrink:0}.send-btn:hover{background:var(--zalo-dark)}.ib.like{color:var(--amber)}.emoji-grid{display:grid;grid-template-columns:repeat(8,32px);gap:2px;padding:4px}.emoji-grid button{width:32px;height:32px;font-size:20px;border-radius:6px;display:grid;place-items:center}.emoji-grid button:hover{background:var(--bg-3)}.menu.quick{min-width:360px;max-width:460px}.menu.quick .menu-item{white-space:normal;line-height:1.4}.welcome{flex:1;display:grid;place-items:center;text-align:center;padding:40px;background:#fff}.welcome h2{font-size:23px;font-weight:700;margin:0 0 10px}.welcome .brand{color:var(--zalo)}.welcome p{color:var(--ink-2);max-width:500px;margin:0 auto 16px;line-height:1.6}.welcome .hint{color:var(--ink-3);font-size:13px}.side{width:400px;flex-shrink:0;background:var(--chat-bg);border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.side-tabs{display:flex;align-items:center;gap:2px;background:#fff;border-bottom:1px solid var(--line);padding:0 8px;height:62px;flex-shrink:0}.side-tabs button[role=tab]{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;font-size:13px;font-weight:600;color:var(--ink-3);white-space:nowrap}.side-tabs button[role=tab]:hover{background:var(--bg-3)}.side-tabs button[role=tab].on{color:var(--zalo);background:var(--zalo-soft)}.side-close{margin-left:auto}.side-body{overflow-y:auto;flex:1;padding:14px;display:flex;flex-direction:column;gap:12px}.card-p{background:#fff;border-radius:14px;padding:16px;border:1px solid var(--line-2);flex-shrink:0}.asset-panel{flex-shrink:0}.card-p h3{font-size:13px;font-weight:700;margin:0 0 12px;color:var(--ink)}.card-p.profile{padding:0 16px 16px;text-align:center;overflow:hidden}.card-p.profile .cover{height:92px;margin:0 -16px;background:linear-gradient(135deg,#a8c8f0,#cfe0f5 45%,#f0d9c0)}.card-p.profile .avatar{margin:-46px auto 8px}.card-p.profile .n{font-size:18px;font-weight:700}.card-p.profile .s{font-size:12px;color:var(--ink-3);margin-top:2px}.idcopy{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3);margin-top:6px;padding:4px 8px;border-radius:6px}.idcopy:hover{background:var(--bg-3);color:var(--zalo)}.quick-acts{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;margin-top:14px}.quick-acts>.pop,.quick-acts>.pop>.pop-trigger,.quick-acts>.pop button{width:100%}.quick-acts button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;color:var(--ink-2);padding:6px 2px;border-radius:10px}.quick-acts button span{width:42px;height:42px;border-radius:50%;background:var(--bg-3);color:var(--ink-2);display:grid;place-items:center}.quick-acts button:hover{color:var(--zalo)}.quick-acts button:hover span{background:var(--zalo-soft);color:var(--zalo)}.side-acct{display:flex;align-items:center;gap:10px}.side-acct .n2{font-weight:600;font-size:14px}.side-acct .s{font-size:12px;color:var(--green)}.side-acct .s.needs_relogin{color:var(--amber)}.side-acct .s.disconnected,.side-acct .s.error{color:var(--ink-3)}.card-p.rows{padding:6px 16px}.prow{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line-2)}.prow:last-child{border-bottom:0}.prow.top{align-items:flex-start}.prow>label{font-size:13px;color:var(--ink-2);font-weight:500;width:118px;flex-shrink:0}.prow select{flex:1;min-width:0}.side select,.side textarea,.field input,.field select,.field textarea,.find-row input{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;outline:none;font-size:13px;width:100%}.side select:focus,.side textarea:focus,.field input:focus,.field select:focus,.field textarea:focus,.find-row input:focus{border-color:var(--zalo)}.field textarea{font:inherit;font-size:13px;resize:vertical;line-height:1.5}.tagpick{display:flex;flex-wrap:wrap;gap:6px;flex:1}.tagpick button{font-size:12px;padding:5px 12px;border-radius:14px;border:1px solid var(--line);color:var(--ink-2);background:#fff}.tagpick button.on{color:#fff}.note-foot{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.note-foot .count{font-size:11px;color:var(--ink-3);margin:0}.note{background:#fff8e6;border-radius:8px;padding:9px 11px;font-size:13px;margin-top:8px}.note small{color:var(--ink-3);display:block;margin-top:4px}.sysinfo dl{margin:0;font-size:12px}.sysinfo dl>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line-2)}.sysinfo dl>div:last-child{border-bottom:0}.sysinfo dt{color:var(--ink-3)}.sysinfo dd{margin:0;font-weight:500;text-align:right;word-break:break-all}.asset-panel{background:#fff;border-radius:14px;padding:12px;border:1px solid var(--line-2)}.asset-empty{padding:40px 16px;text-align:center;color:var(--ink-3);font-size:13px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.media-grid a{display:block;aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--bg-3)}.media-grid img{width:100%;height:100%;object-fit:cover}.video-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:100%;font-size:11px;color:var(--ink-2);padding:6px;text-align:center}.asset-list a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;color:var(--ink)}.asset-list a:hover{background:var(--bg-2)}.asset-list span{display:flex;flex-direction:column;min-width:0;font-size:13px;word-break:break-all}.asset-list small{color:var(--ink-3);font-size:11px}.pop{position:relative;display:inline-flex}.pop-trigger{display:inline-flex}.pop-panel{position:absolute;z-index:30;background:#fff;border-radius:12px;box-shadow:0 6px 28px #0d1b2a2e;border:1px solid var(--line-2);min-width:230px;padding:6px;animation:fade .12s ease-out}.pop-panel.noi{position:fixed;top:auto;bottom:auto;left:auto;right:auto;z-index:45}.pop-panel.bottom:not(.noi){top:calc(100% + 6px)}.pop-panel.top:not(.noi){bottom:calc(100% + 6px)}.pop-panel.right:not(.noi){left:calc(100% + 12px)}.pop-panel.right.start:not(.noi){top:0}.pop-panel.right.end:not(.noi){bottom:0}.pop-panel.start:not(.right):not(.noi){left:0}.pop-panel.end:not(.right):not(.noi){right:0}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:8px;font-size:14px;color:var(--ink);text-align:left;white-space:nowrap}.menu-item:hover{background:var(--bg-2)}.menu-item.on{color:var(--zalo)}.menu-item.danger{color:var(--red)}.menu-item .chev,.menu-item .chk{margin-left:auto;color:var(--ink-3)}.menu-item .chk{color:var(--zalo)}.menu-sep{height:1px;background:var(--line-2);margin:6px 4px}.menu-title{font-size:12px;color:var(--ink-3);padding:6px 10px 4px;font-weight:600}.menu-empty{font-size:13px;color:var(--ink-3);padding:8px 10px;margin:0}.dotc{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.settings-menu{min-width:240px}.acct-menu{min-width:300px}.acct-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:8px;text-align:left}.acct-item:hover{background:var(--bg-2)}.acct-item.on{background:var(--sel)}.acct-item .chk{margin-left:auto;color:var(--zalo);flex-shrink:0}.acct-item.pick{gap:10px}.acct-item.pick input[type=checkbox]{width:16px;height:16px;accent-color:var(--zalo);flex-shrink:0;cursor:pointer}.acct-item.pick .acct-text{text-align:left;cursor:pointer;padding:0}.acct-item.pick:hover{background:var(--bg-2)}.acct-text{display:flex;flex-direction:column;min-width:0;flex:1}.acct-text b{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct-text small{color:var(--ink-3);font-size:12px}.acct-all{width:34px;height:34px;border-radius:50%;background:var(--sel);color:var(--zalo);display:grid;place-items:center;flex-shrink:0}.col-full{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0;background:var(--bg-3)}.page-head{height:66px;display:flex;align-items:center;gap:10px;padding:0 22px;border-bottom:1px solid var(--line);background:#fff;flex-shrink:0}.page-head h1{font-size:16px;margin:0;font-weight:700}.page-head .sp{flex:1}.page-body{flex:1;overflow-y:auto;padding:18px 22px 30px}.page-body .lead{color:var(--ink-2);margin:0 0 16px;font-size:13px}.count{font-weight:700;font-size:14px;margin:4px 0 12px}.card{background:#fff;border-radius:14px;padding:18px;border:1px solid var(--line-2)}.card h2{font-size:15px;font-weight:700;margin:0 0 6px;display:flex;align-items:center;gap:8px}.card p{color:var(--ink-2);margin:0 0 12px;font-size:13px;line-height:1.5}.card .muted{color:var(--ink-3);margin:0}.card-head{display:flex;align-items:center;margin-bottom:10px}.card-head .sp{flex:1}.card-head .count{margin:0}.card.info{margin-top:16px}.card.info ul{margin:6px 0 0;padding-left:18px;color:var(--ink-2);font-size:13px;line-height:1.7}.row-btns{display:flex;gap:8px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.toolbar{display:flex;gap:10px;margin-bottom:8px;flex-wrap:wrap}.toolbar .search.wide{height:38px;background:#fff;border:1px solid var(--line);border-radius:10px;flex:1 1 260px}.select{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font-size:13px;background:#fff;min-width:200px;white-space:nowrap}.select .chev{margin-left:auto;color:var(--ink-3)}.select:hover{border-color:#b8c4d2}.group .letter{font-weight:700;font-size:15px;padding:14px 4px 6px}.contact-row{display:flex;align-items:center;gap:14px;padding:9px 8px;border-radius:10px;cursor:pointer}.contact-row:hover{background:var(--bg-2)}.cname{font-weight:600;font-size:15px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cname small{display:block;font-weight:400;color:var(--ink-3);font-size:12px}.via{font-size:12px;color:var(--ink-3);white-space:nowrap}.side-menu{padding:8px}.side-item{display:flex;align-items:center;gap:14px;width:100%;padding:15px 12px;border-radius:10px;font-size:14px;font-weight:500;text-align:left;color:var(--ink)}.side-item:hover{background:var(--bg-2)}.side-item.on{background:var(--sel);color:var(--zalo)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px}.stat{background:#fff;border-radius:14px;padding:16px 18px;border:1px solid var(--line-2)}.stat .v{font-size:27px;font-weight:700;line-height:1.1}.stat .l{font-size:12px;color:var(--ink-3);margin-top:4px}.ok-c{color:#0f8a5f}.warn-c{color:#b45309}.red-c{color:var(--red)}.err-c{color:var(--red)!important}.acct-row{display:flex;align-items:center;gap:14px;padding:14px 10px;border-top:1px solid var(--line-2);flex-wrap:wrap}.acct-row.on{background:#f5f9ff}.acct-main{flex:1;min-width:200px}.acct-main .n{font-weight:600;font-size:15px;display:flex;gap:8px;align-items:center}.acct-main .s{font-size:12px;color:var(--ink-3);margin-top:3px}.acct-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.acct-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.chip{font-size:11px;background:var(--zalo);color:#fff;padding:1px 8px;border-radius:10px;font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;height:36px;border-radius:10px;background:var(--zalo);color:#fff;font-weight:600;font-size:13px;white-space:nowrap}.btn:hover{background:var(--zalo-dark)}.btn.ghost{background:var(--bg-3);color:var(--ink)}.btn.ghost:hover{background:#e2e8f0}.btn.wide{width:100%;margin-top:8px}.btn:disabled{opacity:.5;cursor:default}.ch-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line-2)}.ch-row .n{font-weight:600}.ch-row .n .uid{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:1px 7px;border-radius:6px;background:var(--bg-3);color:var(--ink-3);font-size:11px;font-weight:500;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;vertical-align:1px}.ch-row .n .uid:hover{background:var(--zalo-soft);color:var(--zalo)}.ch-row .s{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status{font-size:11px;padding:3px 9px;border-radius:8px;font-weight:600;white-space:nowrap}.status.connected{background:#e1f5ee;color:#0f6e56}.status.disconnected,.status.error{background:#fbe4e4;color:#791f1f}.status.needs_relogin{background:#fdecd2;color:#854f0b}.field{margin-bottom:12px}.field label{display:block;font-size:13px;margin-bottom:5px;color:var(--ink-2);font-weight:500}.field .search{box-sizing:border-box}.field .search input{width:auto;flex:1;min-width:0;border:0;padding:0;background:transparent}.err{color:var(--red);font-size:13px;margin:8px 0 0}.ok{color:#0f6e56;font-size:13px;margin:8px 0 0}.hint{color:var(--ink-3);font-size:13px;line-height:1.5}.cfg-ok{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#0f6e56;margin:0 0 10px}.cfg-todo{background:#fff8ec;border:1px solid #ffdfa6;border-radius:10px;padding:12px 14px}.cfg-todo .warn-line{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#8a5a04;margin:0 0 8px}.cfg-todo ol{margin:0;padding-left:18px;font-size:12.5px;color:var(--ink-2);line-height:1.9}.cfg-todo code{background:#fff;border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:11.5px}.cfg-copy{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:2px 7px;font-size:11.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink-2);margin-left:4px;word-break:break-all;text-align:left}.cfg-copy:hover{border-color:var(--zalo);color:var(--zalo)}.fb-huong-dan{margin:0 0 14px;padding-left:18px;font-size:12.5px;color:var(--ink-2);line-height:1.8}.fb-huong-dan li{margin-bottom:5px}.fb-huong-dan code{background:#f4f5f7;border:1px solid var(--line);border-radius:4px;padding:1px 5px;font-size:11.5px}.fb-huong-dan a{color:var(--zalo);font-weight:600;text-decoration:none}.fb-huong-dan a:hover{text-decoration:underline}.meta-app{margin-top:10px}.meta-app .field{margin-bottom:8px}.meta-app .field label{font-size:12px}.meta-app .field input{height:34px;font-size:13px}.khai-bao-lai{margin-top:12px}.khai-bao-lai summary{font-size:12.5px;color:var(--ink-3);cursor:pointer}.khai-bao-lai summary:hover{color:var(--zalo)}.banner svg{flex-shrink:0}.banner{display:flex;align-items:center;gap:12px;background:var(--zalo-soft);border:1px solid #c7dcff;color:#0b3a86;border-radius:12px;padding:11px 15px;font-size:13px;margin-bottom:14px;line-height:1.5}.banner.warn{background:#fff6e5;border-color:#ffdfa6;color:#7a4a06}.banner span{flex:1}.banner .btn{flex-shrink:0;height:32px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1b2a80;display:grid;place-items:center;z-index:40;animation:fade .12s ease-out;padding:20px;overflow-y:auto}.modal{background:#fff;border-radius:16px;width:min(430px,94vw);box-shadow:0 16px 48px #00000040;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line-2)}.modal-head h2{margin:0;font-size:16px;font-weight:700}.modal .hint{margin:0 18px 12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px 18px}.qr-box{display:grid;place-items:center;min-height:260px;padding:16px}.qr-box img{width:240px;height:240px;border-radius:10px;border:1px solid var(--line)}.qr-steps{margin:0 18px 10px;padding-left:20px;color:var(--ink-2);font-size:13px;line-height:1.8}.profile-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 16px 8px}.profile-card .n{font-size:17px;font-weight:700;margin-top:6px}.profile-card .s{font-size:13px;color:var(--ink-3);margin-bottom:6px}.group-modal{width:min(500px,94vw)}.group-form{padding:18px}.member-picker{max-height:240px;overflow-y:auto;border:1px solid var(--line);border-radius:10px}.member-picker label{display:flex;align-items:center;gap:9px;padding:9px 11px;border-bottom:1px solid var(--line-2);font-size:13px}.member-picker label:last-child{border-bottom:0}.member-picker input{width:15px;height:15px;accent-color:var(--zalo)}.find-modal{width:min(430px,94vw)}.find-form{padding:18px 18px 4px}.find-form .hint{margin:0}.find-row{display:flex;gap:8px}.find-row input{flex:1;height:38px}.find-row .btn{flex-shrink:0;height:38px}.find-result{margin:14px 18px 0;border:1px solid var(--line-2);border-radius:14px;overflow:hidden}.fr-cover{height:96px;background:linear-gradient(135deg,#a8c8f0,#cfe0f5 50%,#f0d9c0);background-size:cover;background-position:center}.fr-body{padding:0 18px 18px;text-align:center}.fr-body .avatar{margin:-44px auto 8px}.fr-name{font-size:18px;font-weight:700}.fr-sub{font-size:12px;color:var(--ink-3);margin-top:2px}.fr-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--ink-2);margin-top:8px}.fr-meta span{display:inline-flex;align-items:center;gap:4px}.fr-id{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3);margin-top:8px;padding:4px 8px;border-radius:6px}.fr-id:hover{background:var(--bg-3);color:var(--zalo)}.fr-via{font-size:12px;color:var(--ink-3);margin-top:4px}.fr-msg{width:100%;margin-top:12px;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:13px;resize:none;outline:none;font-family:inherit}.fr-msg:focus{border-color:var(--zalo)}.fr-state{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;padding:10px;border-radius:10px;font-size:13px;font-weight:600}.fr-state.ok{background:#e1f5ee;color:#0f6e56}.toaster{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:50;pointer-events:none}.toast{background:#0d1b2aed;color:#fff;padding:11px 18px;border-radius:10px;font-size:13px;animation:fade .15s ease-out;max-width:90vw}.auth{position:relative;height:100%;overflow-y:auto;display:flex;padding:32px 20px;background:radial-gradient(120% 120% at 50% 0%,#101a35,#070b18 55%,#05070f);color:#eaf0ff;--mx: 0;--my: 0}.auth-quang{position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;filter:blur(90px);opacity:.55}.auth-quang span{position:absolute;display:block;border-radius:50%}.auth-quang .q1{width:46vw;height:46vw;left:4%;top:6%;background:#0b74ff;animation:troi1 22s ease-in-out infinite;translate:calc(var(--mx) * 34px) calc(var(--my) * 26px)}.auth-quang .q2{width:38vw;height:38vw;right:6%;top:0%;background:#7c3aed;animation:troi2 26s ease-in-out infinite;translate:calc(var(--mx) * -26px) calc(var(--my) * 20px)}.auth-quang .q3{width:34vw;height:34vw;left:38%;bottom:-6%;background:#06b6d4;animation:troi3 30s ease-in-out infinite;translate:calc(var(--mx) * 18px) calc(var(--my) * -22px)}@keyframes troi1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(6%,8%) scale(1.12)}}@keyframes troi2{0%,to{transform:translate(0) scale(1.05)}50%{transform:translate(-7%,6%) scale(.92)}}@keyframes troi3{0%,to{transform:translate(0) scale(.95)}50%{transform:translate(5%,-7%) scale(1.1)}}.auth-luoi{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(120% 90% at 50% 30%,#000 35%,transparent 78%);mask-image:radial-gradient(120% 90% at 50% 30%,#000 35%,transparent 78%);translate:calc(var(--mx) * -10px) calc(var(--my) * -8px)}.auth-tia{position:fixed;left:-30%;top:-35%;width:60%;height:85%;pointer-events:none;background:linear-gradient(100deg,transparent,rgba(125,180,255,.16) 45%,transparent);transform:rotate(18deg);filter:blur(28px);animation:quet-tia 14s ease-in-out infinite}@keyframes quet-tia{0%,to{left:-35%;opacity:0}45%{opacity:1}70%{left:105%;opacity:0}}.auth-hat{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:radial-gradient(1.4px 1.4px at 18% 26%,rgba(255,255,255,.55),transparent),radial-gradient(1.2px 1.2px at 72% 14%,rgba(160,200,255,.5),transparent),radial-gradient(1.6px 1.6px at 43% 68%,rgba(255,255,255,.4),transparent),radial-gradient(1.2px 1.2px at 88% 58%,rgba(200,170,255,.5),transparent),radial-gradient(1.3px 1.3px at 9% 74%,rgba(255,255,255,.35),transparent),radial-gradient(1.1px 1.1px at 61% 88%,rgba(140,220,255,.45),transparent);animation:nhap-nhay 7s ease-in-out infinite}@keyframes nhap-nhay{0%,to{opacity:.5}50%{opacity:.22}}.auth-grid{position:relative;z-index:1;margin:auto;width:100%;max-width:1060px;display:grid;grid-template-columns:1.05fr 400px;gap:60px;align-items:center}.auth-hieu{display:flex;align-items:center;gap:10px;margin-bottom:22px}.auth-hieu .mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0b74ff,#7c3aed);box-shadow:0 8px 24px #0b74ff73}.auth-hieu .ten{font-size:20px;font-weight:800;letter-spacing:-.3px}.auth-hieu .nhan{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:4px 10px;border-radius:999px;color:#9fc0ff;background:#0b74ff24;border:1px solid rgba(11,116,255,.32)}.auth-hieu .nhan .cham{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 #34d39999;animation:dap 2.2s ease-out infinite}@keyframes dap{0%{box-shadow:0 0 #34d3998c}70%,to{box-shadow:0 0 0 7px #34d39900}}.auth-gioithieu h1{margin:0 0 12px;font-size:42px;line-height:1.14;font-weight:800;letter-spacing:-1px}.auth-gioithieu h1 em{font-style:normal;display:inline-block;background:linear-gradient(100deg,#4da3ff,#a78bfa 55%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent;animation:chu-vao .5s cubic-bezier(.2,.8,.2,1)}@keyframes chu-vao{0%{opacity:0;transform:translateY(.34em) rotateX(-40deg)}to{opacity:1;transform:none}}.auth-dan{margin:0 0 26px;font-size:14px;line-height:1.7;color:#9fb0cd;max-width:44ch}.auth-vong{position:relative;width:260px;height:260px;margin:0 0 26px;translate:calc(var(--mx) * 16px) calc(var(--my) * 14px);transition:translate .25s ease-out}.auth-vong .vanh{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgba(255,255,255,.1)}.auth-vong .vanh-2{top:34px;right:34px;bottom:34px;left:34px;border-style:dashed;border-color:#ffffff14;animation:xoay 60s linear infinite}.auth-vong .quet{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;animation:xoay 8s linear infinite;background:conic-gradient(from 0deg,rgba(125,180,255,.28),transparent 22%);-webkit-mask-image:radial-gradient(circle,transparent 44%,#000 46%,#000 99%,transparent);mask-image:radial-gradient(circle,transparent 44%,#000 46%,#000 99%,transparent)}.auth-vong .loi{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:22px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0b74ff,#7c3aed);box-shadow:0 0 0 1px #ffffff29,0 18px 44px #0b74ff80;animation:tho 4s ease-in-out infinite}.auth-vong .loi .song{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;border:1px solid rgba(125,180,255,.5);animation:lan 3.2s ease-out infinite}.auth-vong .loi .song.s2{animation-delay:1.6s}@keyframes lan{0%{transform:scale(1);opacity:.7}to{transform:scale(2.5);opacity:0}}.auth-vong .quay{position:absolute;top:0;right:0;bottom:0;left:0;animation:xoay 34s linear infinite}.auth-vong .duong{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.auth-vong .duong .net{animation:chay-net 1.4s linear infinite}@keyframes chay-net{to{stroke-dashoffset:-16}}.auth-vong .nut{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:15px;display:grid;place-items:center;background:var(--nen);color:#fff;box-shadow:0 12px 28px #00000080,0 0 0 1px #ffffff38 inset;transform:rotate(var(--goc)) translate(112px)}.auth-vong .nut i{display:grid;place-items:center;animation:xoay-nguoc 34s linear infinite}.auth-vong .nut svg{width:23px;height:23px;display:block}@keyframes xoay{to{transform:rotate(360deg)}}@keyframes xoay-nguoc{0%{transform:rotate(calc(var(--goc) * -1))}to{transform:rotate(calc(var(--goc) * -1 - 360deg))}}@keyframes tho{0%,to{box-shadow:0 0 0 1px #ffffff29,0 18px 44px #0b74ff80}50%{box-shadow:0 0 0 1px #ffffff3d,0 18px 60px #7c3aed9e}}.auth-manh{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:440px}.auth-manh li{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.09);transition:background .18s,border-color .18s,transform .18s}.auth-manh li:hover{background:#ffffff14;border-color:#7db4ff59;transform:translateY(-2px)}.auth-manh .ic{width:30px;height:30px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;color:#7db4ff;background:#0b74ff29}.auth-manh .tx{display:flex;flex-direction:column;min-width:0}.auth-manh .tx b{font-size:12.5px;font-weight:600}.auth-manh .tx i{font-size:11px;font-style:normal;color:#8ea3c4}.auth-cot{display:flex;flex-direction:column;gap:12px}.auth-vien{position:relative;border-radius:23px;padding:1px}.auth-vien:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:conic-gradient(from 0deg,transparent,#4da3ff,#a78bfa,#22d3ee,transparent 65%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:xoay 9s linear infinite;opacity:.85}.auth-the{position:relative;border-radius:22px;padding:30px 28px 26px;background:linear-gradient(180deg,#ffffff1a,#ffffff0b);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 70px #03071299,0 0 0 1px #ffffff0a inset;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.auth-the-dau{margin-bottom:20px}.auth-the-dau h2{margin:0 0 4px;font-size:22px;font-weight:700;letter-spacing:-.3px}.auth-the-dau p{margin:0;font-size:12.5px;color:#93a7c6}.auth-o{display:block;margin-bottom:14px}.auth-o>span{display:block;font-size:11.5px;font-weight:600;color:#9fb2d0;margin-bottom:6px}.auth-o input{width:100%;height:44px;padding:0 14px;font-size:14px;color:#eaf0ff;background:#060a168c;border:1px solid rgba(255,255,255,.14);border-radius:12px;outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.auth-o input::placeholder{color:#61759a}.auth-o input:focus{border-color:#4da3ff;background:#060a16b3;box-shadow:0 0 0 3px #0b74ff40}.auth-loi{margin:0 0 12px;font-size:12.5px;color:#ffb4b4;padding:9px 12px;border-radius:10px;background:#ef44441f;border:1px solid rgba(239,68,68,.3)}.auth-nut{position:relative;overflow:hidden;width:100%;height:46px;margin-top:4px;border-radius:12px;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14.5px;font-weight:600;color:#fff;font-family:inherit;background:linear-gradient(100deg,#0b74ff,#7c3aed);box-shadow:0 12px 30px #0b74ff6b;transition:transform .12s,box-shadow .18s,filter .18s}.auth-nut .loe{position:absolute;top:0;bottom:0;width:45%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.34),transparent);animation:luot 4.5s ease-in-out infinite}@keyframes luot{0%,55%{left:-60%}90%,to{left:115%}}.auth-nut:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 38px #7c3aed80;filter:brightness(1.06)}.auth-nut:active:not(:disabled){transform:translateY(0)}.auth-nut:disabled{opacity:.7;cursor:default}.auth-chan{margin:16px 0 0;font-size:11.5px;color:#7f93b3;text-align:center}.auth-duoi{margin:0;font-size:11px;color:#64789a;text-align:center}@media (prefers-reduced-motion: reduce){.auth-quang span,.auth-vong .quay,.auth-vong .vanh-2,.auth-vong .nut i,.auth-vong .loi,.auth-tia,.auth-hat,.auth-vong .quet,.auth-vong .loi .song,.auth-vong .duong .net,.auth-vien:before,.auth-nut .loe,.auth-hieu .nhan .cham,.auth-gioithieu h1 em{animation:none}.auth-vong .nut i{transform:rotate(calc(var(--goc) * -1))}.auth-nut .loe,.auth-vong .quet{display:none}}@media (max-width: 980px){.auth{align-items:flex-start}.auth-grid{grid-template-columns:1fr;gap:30px;max-width:460px}.auth-gioithieu h1{font-size:30px}.auth-vong{display:none}.auth-manh{grid-template-columns:1fr}}@media (max-width: 1400px){.side{width:344px}.col-list{width:340px}}@media (max-width: 1180px){.side{display:none}}@media (max-width: 900px){.rail{width:68px}.rail-btn{width:58px}.rail-btn .rl{display:none}.col-list{width:100%;border-right:0}.col-list.hidden-mobile{display:none}.msg{max-width:88%}}@keyframes fade{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion: reduce){.pop-panel,.overlay,.toast,.spin{animation:none}}.call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d1b2a8c;display:grid;place-items:center;z-index:60;animation:fade .15s ease-out}.call-card{background:#fff;border-radius:20px;width:min(340px,92vw);padding:28px 24px 24px;text-align:center;box-shadow:0 18px 60px #0000004d}.call-dir{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3);margin-bottom:16px}.call-card .avatar{margin:0 auto 14px}.call-name{font-size:20px;font-weight:700}.call-status{font-size:14px;color:var(--ink-2);margin-top:6px;min-height:20px;font-variant-numeric:tabular-nums}.call-overlay.ringing_out .call-status,.call-overlay.ringing_in .call-status{color:var(--zalo)}.call-actions{display:flex;justify-content:center;gap:18px;margin-top:22px}.call-btn{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:#fff}.call-btn.ans{background:var(--green)}.call-btn.ans:hover{background:#1aa856}.call-btn.hang{background:var(--red)}.call-btn.hang:hover{background:#d12f2f}.call-btn.mute{background:var(--bg-3);color:var(--ink-2)}.call-btn.mute:hover{background:#dfe5ec}.call-btn.mute.on{background:var(--amber);color:#fff}.call-status.bad{color:var(--red);font-weight:600}.call-reason{display:flex;align-items:flex-start;gap:8px;text-align:left;margin-top:14px;padding:10px 12px;border-radius:10px;background:#fdecec;color:#9b2226;font-size:13px;line-height:1.5}.call-reason svg{flex-shrink:0;margin-top:1px}.call-fix{margin-top:12px}.call-fix .hint{font-size:12px;margin:0 0 8px}.call-fix .ok{font-size:13px;margin:0}.call-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.call-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border:0;border-radius:8px;background:var(--bg-3);color:var(--ink-2);font-size:12px;font-weight:500;cursor:pointer;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.call-chip:hover{background:var(--zalo-soft);color:var(--zalo)}.call-chip.off{background:transparent;color:var(--ink-3);cursor:default}.call-overlay.fullscreen .call-chip{background:#ffffff24;color:#ffffffe6}.call-overlay.fullscreen .call-chip:hover{background:#ffffff42;color:#fff}.call-overlay.fullscreen .call-chip.off{background:transparent;color:#ffffff8c}.call-uid{font-size:12px;color:var(--ink-3);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:4px}.call-fix .lbl{display:block;text-align:left;font-size:12px;color:var(--ink-2);font-weight:500;margin-bottom:6px}.call-fix textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font:inherit;font-size:13px;resize:none;outline:none}.call-fix textarea:focus{border-color:var(--zalo)}.call-fix .cnt{text-align:right;font-size:11px;color:var(--ink-3);margin-top:4px}.call-overlay.fullscreen{background:linear-gradient(160deg,#0d47a1,#0b1f3d)}.call-overlay.fullscreen .call-card{width:min(560px,94vw);background:transparent;box-shadow:none;color:#fff;padding:0}.call-overlay.fullscreen .call-dir{color:#ffffffbf;font-size:14px;margin-bottom:28px}.call-overlay.fullscreen .avatar.xxl{width:168px;height:168px;font-size:54px;border-width:6px;border-color:#ffffff59}.call-overlay.fullscreen .call-name{font-size:32px;margin-top:22px}.call-overlay.fullscreen .call-uid{color:#fff9}.call-overlay.fullscreen .call-status{color:#ffffffd9;font-size:16px;margin-top:10px}.call-overlay.fullscreen .call-actions{gap:72px;margin-top:48px}.call-overlay.fullscreen .call-btn{width:76px;height:76px;box-shadow:0 8px 24px #0000004d}.call-act{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:13px;color:#ffffffd9}.call-overlay.fullscreen .call-hint{color:#ffffff8c;margin-top:40px}.call-overlay.fullscreen.ringing_in .call-card{animation:none}.call-overlay.fullscreen .avatar.xxl{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ffffff47}50%{box-shadow:0 0 0 22px #fff0}}@media (prefers-reduced-motion: reduce){.call-overlay.fullscreen .avatar.xxl{animation:none}}.call-hint{font-size:11px;color:var(--ink-3);margin:16px 0 0;line-height:1.5}.call-overlay.ringing_in .call-card{animation:ring 1.1s ease-in-out infinite}@keyframes ring{0%,to{transform:scale(1)}50%{transform:scale(1.015)}}@media (prefers-reduced-motion: reduce){.call-overlay.ringing_in .call-card{animation:none}}.composer.drag{border-color:var(--zalo);box-shadow:0 0 0 3px var(--zalo-soft)}.tools .ib.on{color:var(--zalo);background:var(--zalo-soft)}.format-bar{display:flex;align-items:center;gap:4px;padding:7px 12px;border-bottom:1px solid var(--line-2);flex-wrap:wrap}.fmt{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:var(--ink-2);font-weight:700}.fmt:hover{background:var(--bg-2)}.fmt.on{background:var(--zalo-soft);color:var(--zalo)}.fmt.dot span{width:15px;height:15px;border-radius:50%;display:block;border:1px solid rgba(0,0,0,.12)}.fmt.dot.on{box-shadow:inset 0 0 0 2px var(--zalo)}.fmt-sep{width:1px;height:18px;background:var(--line);margin:0 4px}.muted.sm{font-size:11px}.urgency-note{display:flex;align-items:center;gap:6px;padding:7px 14px;font-size:12px;color:#854f0b;background:#fdf4e3;border-bottom:1px solid var(--line-2)}.urgency-note .lnk{margin-left:auto;color:var(--zalo);text-decoration:underline;font-size:12px}.pending{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px 2px}.pend{position:relative;display:flex;align-items:center;gap:8px;max-width:230px;padding:6px 26px 6px 6px;border:1px solid var(--line);border-radius:10px;background:var(--bg-2)}.pend img{width:40px;height:40px;object-fit:cover;border-radius:6px;flex-shrink:0}.pend .doc{width:40px;height:40px;display:grid;place-items:center;border-radius:6px;background:#fff;color:var(--zalo);flex-shrink:0}.pend .meta{min-width:0;display:flex;flex-direction:column}.pend .meta .n{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pend .meta .s{font-size:11px;color:var(--ink-3)}.pend .x{position:absolute;top:4px;right:4px;width:18px;height:18px;border-radius:50%;background:#0d1b2a8c;color:#fff;display:grid;place-items:center}.pend .x:hover{background:var(--red)}.slash-hint{display:flex;flex-direction:column;margin:6px 12px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden;max-height:190px;overflow-y:auto}.slash-hint button{display:flex;align-items:baseline;gap:8px;padding:8px 11px;text-align:left;font-size:13px}.slash-hint button:hover{background:var(--zalo-soft)}.slash-hint code{background:var(--bg-3);border-radius:5px;padding:1px 6px;font-size:11px;color:var(--zalo);flex-shrink:0}.slash-hint .s{color:var(--ink-3);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pop-panel.wide-pop{width:330px}.sticker-pick{width:320px;max-height:340px;overflow-y:auto}.search.sm{height:32px;padding:0 10px;margin-bottom:8px}.search.sm input{font-size:12px}.sticker-head{font-size:11px;font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.3px;margin:6px 0 5px}.sticker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.sticker-grid button{padding:4px;border-radius:8px}.sticker-grid button:hover{background:var(--bg-2)}.sticker-grid img{width:100%;aspect-ratio:1;object-fit:contain}.muted.center{text-align:center}.pad{padding:10px}.sticker-msg{width:130px;height:130px;object-fit:contain}.bubble .file-att{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#0000000d;text-decoration:none;color:inherit}.bubble .file-att:hover{background:#00000017}.bubble .file-att span{display:flex;flex-direction:column;min-width:0}.bubble .file-att b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bubble .file-att i{font-size:11px;opacity:.7;font-style:normal}.msg.out .bubble .file-att{background:#ffffff38}.msg.out .bubble .file-att:hover{background:#ffffff52}.bubble .ghi-am{display:block;width:260px;max-width:100%;height:40px;margin:2px 0}.msg.out .bubble .ghi-am{filter:invert(1) hue-rotate(180deg)}.bubble .video-att{display:block;width:100%;max-width:320px;border-radius:10px;margin:2px 0}.bang-tin h3{display:flex;align-items:center;gap:6px}.bt-item{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap;padding:8px 10px;margin-bottom:6px;border:1px solid var(--line);border-radius:9px;background:#fff}.bt-item textarea,.bt-soan input{width:100%;border:1px solid var(--line);border-radius:7px;padding:6px 8px;font:inherit;font-size:12.5px;resize:vertical}.bt-soan{flex-direction:column}.bt-soan input{margin-bottom:5px}.bt-nd{flex:1;min-width:0;font-size:12.5px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.bt-foot{display:flex;justify-content:flex-end;gap:6px;width:100%;margin-top:6px}.btn.sm{height:28px;padding:0 10px;font-size:12px;gap:4px}.bt-them{display:inline-flex;align-items:center;gap:5px;background:none;border:1px dashed var(--line);border-radius:8px;padding:6px 10px;font-size:12px;color:var(--ink-3);width:100%;justify-content:center;margin-bottom:8px}.bt-them:hover{border-color:var(--zalo);color:var(--zalo)}.bt-tick{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-2);margin:2px 0 4px}.bt-tick input{width:auto}.bt-poll{padding:9px 10px;margin-bottom:8px;border:1px solid var(--line);border-radius:9px;background:#fff}.bt-poll-head{display:flex;align-items:flex-start;gap:6px;font-size:12.5px;margin-bottom:7px}.bt-poll-head b{flex:1;min-width:0;line-height:1.45}.bt-dong{font-size:11px;color:var(--ink-3);white-space:nowrap}.bt-opt{position:relative;display:flex;align-items:center;gap:8px;width:100%;overflow:hidden;padding:6px 9px;margin-bottom:4px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:12.5px;text-align:left}.bt-opt:disabled{cursor:default}.bt-opt.on{border-color:var(--zalo)}.bt-bar{position:absolute;inset:0 auto 0 0;background:var(--zalo-soft);transition:width .25s}.bt-opt-nd{position:relative;flex:1;min-width:0;word-break:break-word}.bt-opt.on .bt-opt-nd{font-weight:600;color:var(--zalo)}.bt-opt-so{position:relative;font-size:11.5px;color:var(--ink-3)}.bt-poll-foot{font-size:11px;color:var(--ink-3);margin-top:2px}.bt-poll-loi{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-3);padding:6px 0}.bubble .bl-an{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#8a5a04;background:#fff6e5;border:1px solid #ffdfa6;border-radius:6px;padding:2px 7px;margin-bottom:4px}.hop-bl{width:min(520px,94vw)}.hop-bl .bl-goc{margin:0 0 10px;padding:8px 12px;border-left:3px solid var(--zalo);background:var(--zalo-soft);border-radius:6px;font-size:13px;color:var(--ink-2);white-space:pre-wrap;word-break:break-word;max-height:120px;overflow:auto}.hop-bl textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit;font-size:13.5px;resize:vertical}.chon-the{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.chon-the .the{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;padding:11px 13px;border:1px solid var(--line);border-radius:10px;background:#fff}.chon-the .the:not(:disabled):hover{border-color:var(--zalo)}.chon-the .the.on{border-color:var(--zalo);background:var(--zalo-soft)}.chon-the .the:disabled{opacity:.75;cursor:default}.chon-the .dau{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-top:1px;border:1px solid var(--line);border-radius:50%;background:#fff;flex-shrink:0;color:#fff}.chon-the .the.on .dau{background:var(--zalo);border-color:var(--zalo)}.chon-the .noi{display:flex;flex-direction:column;gap:3px;min-width:0}.chon-the .noi b{font-size:13.5px}.chon-the .noi i{font-style:normal;font-size:12.5px;color:var(--ink-2);line-height:1.55}.bang-gon{width:100%;border-collapse:collapse;font-size:13px}.bang-gon th,.bang-gon td{text-align:left;padding:7px 10px;border-bottom:1px solid var(--line)}.bang-gon th{font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-3)}.cai-dat .cd-than{padding-bottom:80px}.td-luoi{display:grid;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:14px;align-items:start}.td-luoi>.card{margin:0}.cd-tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--line);background:#fff}.cd-tabs button{padding:10px 14px;font-size:13.5px;color:var(--ink-2);border-bottom:2px solid transparent;background:none}.cd-tabs button.on{color:var(--zalo);border-bottom-color:var(--zalo);font-weight:600}.cd-tabs button:hover:not(.on){color:var(--ink)}.cd-khung{display:flex;flex:1;min-height:0}.cd-muc{width:220px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:10px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.cd-muc button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:9px 12px;border-radius:8px;font-size:13.5px;color:var(--ink-2);background:none}.cd-muc button:hover{background:var(--bg-2);color:var(--ink)}.cd-muc button.on{background:var(--zalo-soft);color:var(--zalo);font-weight:600}.cd-khung .page-body{flex:1;min-width:0;overflow-y:auto}@media (max-width: 900px){.cd-khung{flex-direction:column}.cd-muc{width:auto;flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}.cd-muc button{width:auto}}.th-form{border-top:1px solid var(--line-2);margin-top:12px;padding-top:12px}.th-sukien{display:flex;flex-direction:column;gap:4px}.th-sukien code{font-size:11px;color:var(--ink-3)}.th-cong.tat{opacity:.65}.th-dau{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.th-ten{display:flex;flex-direction:column;gap:2px;min-width:0}.th-ten b{font-size:14px}.th-ten code{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-chip{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.th-chip .kind{cursor:default}.th-suckhoe.connected{color:#0f6e56}.th-suckhoe.error{color:var(--red)}.th-kq{display:flex;align-items:center;gap:6px;font-size:13px;margin:8px 0 0}.th-kq.ok{color:#0f6e56}.th-kq.err{color:var(--red)}.th-khoa{border:1.5px solid #f2c744;background:#fffbea}.th-khoa-o{display:flex;align-items:center;gap:8px;margin:10px 0}.th-khoa-o code{flex:1;font-size:13px;padding:9px 11px;background:#fff;border:1px solid var(--line);border-radius:8px;word-break:break-all}.th-bang td.ok{color:#0f6e56}.ma-mau{background:#0f172a;color:#e2e8f0;border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.55;overflow-x:auto;margin:8px 0;white-space:pre}.row-btns .sp{flex:1}.td-chon{display:flex;align-items:center;gap:10px;margin-bottom:14px}.td-chon label{font-size:13px;color:var(--ink-2);font-weight:500}.td-chon select{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;font-size:13px;min-width:280px;outline:none}.td-chon select:focus{border-color:var(--zalo)}.td-luu{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:14px -16px -16px;padding:10px 16px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -2px 8px #0000000d}.td-luu span{font-size:13px;color:var(--ink-2)}.mau-cau .mau-dong{display:flex;gap:6px;align-items:flex-start;margin-bottom:6px}.mau-cau .mau-dong textarea{flex:1}.mau-cau .mau-dong .ib{flex-shrink:0;margin-top:4px}.o-lon{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:8px;padding:9px 11px;font:inherit;font-size:13px;line-height:1.55;outline:none;resize:vertical}.o-lon:focus{border-color:var(--zalo)}.td-gio{display:flex;align-items:center;gap:8px}.td-gio input{width:auto}.td-ketqua{margin-top:12px;border-top:1px solid var(--line-2);padding-top:12px}.td-loi{background:var(--zalo-soft);border-radius:10px;padding:11px 13px;font-size:13.5px;line-height:1.6;white-space:pre-wrap;margin:0 0 6px}.td-cat{max-width:460px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.err-inline{color:var(--red)}.bubble .bt-poll{background:#fff;margin-top:4px;min-width:240px}.msg.out .bubble .bt-poll{color:var(--ink-1)}.urg{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:2px 7px;border-radius:6px;margin-bottom:5px}.urg.imp{background:#fdecd2;color:#854f0b}.urg.urgent{background:#fbe4e4;color:#a11c1c}.modal.quick-modal{width:min(620px,95vw)}.modal.card-modal{width:min(460px,94vw)}.modal.small{width:min(390px,94vw)}.modal-body{padding:16px;max-height:68vh;overflow-y:auto}.row-btns{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.qm-form{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--bg-2);margin-bottom:12px}.qm-list{display:flex;flex-direction:column;gap:2px}.qm-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:9px}.qm-row:hover{background:var(--bg-2)}.qm-kw{background:var(--bg-3);color:var(--zalo);border-radius:6px;padding:2px 7px;font-size:11px;flex-shrink:0}.qm-row .n{font-size:13px;font-weight:500}.qm-row .s{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item.col{flex-direction:column;align-items:flex-start;gap:2px;white-space:normal}.menu-item.col .qm-line{display:flex;align-items:center;gap:6px;font-weight:500}.menu-item.col .qm-line code{background:var(--bg-3);border-radius:5px;padding:0 5px;font-size:11px;color:var(--zalo)}.menu-item.col .s{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.menu.quick{max-width:330px;max-height:340px;overflow-y:auto}.pick-list{display:flex;flex-direction:column;gap:2px;max-height:45vh;overflow-y:auto}.pick-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;text-align:left;width:100%}.pick-row:hover{background:var(--bg-2)}.pick-row .n{font-size:14px;font-weight:500}.pick-row .s{font-size:12px;color:var(--ink-3)}.emoji-row{display:flex;gap:6px;flex-wrap:wrap}.emoji-pick{width:34px;height:34px;border-radius:9px;font-size:18px;display:grid;place-items:center;border:1px solid var(--line)}.emoji-pick:hover{background:var(--bg-2)}.emoji-pick.on{border-color:var(--zalo);background:var(--zalo-soft)}.page-body .tabs{padding:0 0 14px}.page-body .tabs button{height:34px;padding:0 16px;border-radius:17px;font-size:13px;font-weight:600;color:var(--ink-2);background:var(--bg-3)}.page-body .tabs button:hover{background:var(--bg-2)}.page-body .tabs button.on{background:var(--zalo);color:#fff}.head-row{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px}.head-row>div:first-child{flex:1 1 auto}.head-row .sp{flex:1 1 0}.head-row .muted{max-width:720px;line-height:1.55;margin:4px 0 0}.sec-title{font-size:16px;font-weight:600;margin:0}.search.wide{width:100%;background:var(--bg-3);border-radius:10px;height:40px;margin-bottom:14px}.user-list{padding:4px}.user-row{display:flex;align-items:center;gap:14px;padding:12px;border-radius:10px;border-bottom:1px solid var(--line-2)}.user-row:last-child{border-bottom:0}.user-row:hover{background:var(--bg-2)}.user-row.off{opacity:.55}.user-row .who{flex:1 1 220px;min-width:0}.user-row .who .n{font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.user-row .who .n .me{font-size:10px;font-weight:600;letter-spacing:.2px;background:var(--zalo-soft);color:var(--zalo);border-radius:5px;padding:1px 6px}.user-row .who .s{font-size:12px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row .col{font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:5px;flex-wrap:wrap}.user-row .col.role{flex:0 0 110px}.user-row .col.verify{flex:0 0 175px}.user-row .col.when{flex:0 0 160px;color:var(--ink-3);font-size:12px}.user-row .col.scope{flex:0 0 150px}.user-row .col.chans{flex:1 1 240px}.user-row .acts{display:flex;gap:2px;margin-left:auto}.user-row .acts .ib:disabled{opacity:.3;cursor:not-allowed}.ok-txt{color:#0f6e56;display:inline-flex;align-items:center;gap:5px}.bad-txt{color:var(--red);display:inline-flex;align-items:center;gap:5px}.chip{display:inline-block;font-size:11px;padding:2px 8px;border-radius:7px;background:var(--bg-3);color:var(--ink-2);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip.all{background:#e1f5ee;color:#0f6e56}.chip.none{background:#fbe4e4;color:#791f1f}.gdot{width:12px;height:12px;border-radius:4px;display:inline-block;flex-shrink:0}.gdot.lg{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#fff}.modal.grants-modal{width:min(640px,95vw)}.modal.group-edit{width:min(560px,95vw)}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line);background:var(--bg-2)}.modal-body h3.sec{font-size:13px;font-weight:600;color:var(--ink-2);display:flex;align-items:center;gap:6px;margin:16px 0 6px}.modal-body h3.sec:first-child{margin-top:0}.grant-list{display:flex;flex-direction:column;gap:2px}.grant-row{display:flex;align-items:center;gap:10px;padding:7px 9px;border-radius:9px;border:1px solid transparent}.grant-row:hover{background:var(--bg-2)}.grant-row.on{background:var(--zalo-soft);border-color:#0068ff2e}.grant-pick{display:flex;align-items:center;gap:10px;flex:1;min-width:0;cursor:pointer}.grant-pick input{width:16px;height:16px;accent-color:var(--zalo);flex-shrink:0}.grant-pick .tx{display:flex;flex-direction:column;min-width:0}.grant-pick .tx b{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grant-pick .tx i{font-size:11px;color:var(--ink-3);font-style:normal}.grant-row select{height:30px;border:1px solid var(--line);border-radius:8px;font-size:12px;background:#fff;padding:0 6px}.grant-sum{margin-top:16px;padding:10px 12px;border-radius:10px;background:var(--bg-3);font-size:13px}.color-pick{width:28px;height:28px;border-radius:8px;border:2px solid transparent}.color-pick.on{border-color:var(--ink)}.fr-cnt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 10px;font-size:11px;color:var(--ink-3)}.lnk{color:var(--zalo);font-size:11px;text-decoration:underline}.lnk:hover{color:var(--zalo-dark)}.user-row .col.cp-progress{flex:0 0 210px;flex-direction:column;align-items:stretch;gap:4px}.cp-progress .bar{height:6px;border-radius:3px;background:var(--bg-3);overflow:hidden}.cp-progress .bar span{display:block;height:100%;background:var(--zalo);transition:width .3s}.cp-progress .s{font-size:11px;color:var(--ink-3)}.cp-warn{flex-basis:100%;display:flex;align-items:center;gap:6px;font-size:12px;color:#854f0b;background:#fdf4e3;border-radius:8px;padding:6px 10px;margin-top:6px}.modal.campaign-modal{width:min(1040px,96vw)}.campaign-modal .cp-body{display:flex;gap:18px;align-items:flex-start;max-height:74vh}.cp-col{flex:1 1 0;min-width:0}.cp-col.preview{flex:0 0 360px;display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:16px;max-height:100%}.cp-col textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font:inherit;font-size:13px;resize:vertical;outline:none}.cp-col textarea:focus{border-color:var(--zalo)}.cp-check{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:9px;font-size:13px;cursor:pointer}.cp-check:hover{background:var(--bg-2)}.cp-check input{width:16px;height:16px;accent-color:var(--zalo)}.btn.sm{height:30px;padding:0 12px;font-size:12px}.cp-sum{padding:9px 11px;border-radius:9px;background:var(--bg-3);font-size:13px;margin-bottom:8px}.cp-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:2px;min-height:120px}.cp-row{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:8px;cursor:pointer}.cp-row:hover{background:var(--bg-2)}.cp-row.off{opacity:.4}.cp-row input{width:15px;height:15px;accent-color:var(--zalo);flex-shrink:0}.cp-row .tx{display:flex;flex-direction:column;min-width:0;flex:1}.cp-row .tx b{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-row .tx i{font-size:11px;color:var(--ink-3);font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-row .ic{width:20px;display:grid;place-items:center;color:var(--ink-3);flex-shrink:0}.cp-row.st-sent .ic{color:#0f6e56}.cp-row.st-failed .ic{color:var(--red)}.cp-row.st-skipped{opacity:.55}.cp-preview-msg{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.55;white-space:pre-wrap;background:var(--bg-2)}.cp-files{display:flex;flex-direction:column;gap:6px;margin-top:8px}.cp-files .file-att{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--bg-3);text-decoration:none;color:inherit}.cp-files .file-att span{display:flex;flex-direction:column;min-width:0}.cp-files .file-att b{font-size:13px}.cp-files .file-att i{font-size:11px;color:var(--ink-3);font-style:normal}.cp-info{display:flex;flex-direction:column;gap:4px}.cp-info>div{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:5px 0;border-bottom:1px solid var(--line-2)}.cp-info>div:last-child{border-bottom:0}.cp-info span{color:var(--ink-3)}.call-reason.video-note{background:#ffffff1f;align-items:flex-start;text-align:left;line-height:1.5}.call-overlay:not(.fullscreen) .call-reason.video-note{background:#fdf4e3;color:#854f0b}.call-video{position:relative;margin:14px auto 4px;width:min(520px,100%);border-radius:14px;overflow:hidden;background:#0b1f3d;aspect-ratio:16 / 9}.call-video img{width:100%;height:100%;object-fit:contain;display:block}.call-video .ghi-chu{position:absolute;left:10px;bottom:10px;font-size:11px;padding:3px 9px;border-radius:7px;background:#0000008c;color:#fff}.call-overlay:not(.fullscreen) .call-video{width:100%}.conv .row1 .multi-acct{font-size:10px;font-weight:600;padding:1px 6px;border-radius:6px;background:var(--zalo-soft);color:var(--zalo);white-space:nowrap;flex-shrink:0}.chon-kenh{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px 14px;border-bottom:1px solid var(--line-2);font-size:12px;color:var(--ink-3)}.chon-kenh button{display:inline-flex;align-items:center;gap:5px;padding:3px 9px 3px 3px;border-radius:14px;background:var(--bg-3);color:var(--ink-2);font-size:12px;font-weight:500}.chon-kenh button:hover{background:var(--bg-2)}.chon-kenh button.on{background:var(--zalo);color:#fff}.agent-in-group{background:var(--zalo-soft);border-radius:10px;padding:8px 10px;margin-bottom:10px}.agent-in-group .lbl{display:block;font-size:11px;color:var(--zalo);font-weight:600;margin-bottom:6px}.agent-in-group .ds{display:flex;flex-wrap:wrap;gap:6px}.agent-chip{display:inline-flex;align-items:center;gap:5px;padding:2px 9px 2px 2px;border-radius:12px;background:#fff;font-size:12px;font-weight:500;color:var(--ink)}.mem-list{display:flex;flex-direction:column;gap:1px;max-height:260px;overflow-y:auto;margin-bottom:10px}.mem-row{display:flex;align-items:center;gap:9px;padding:6px;border-radius:8px}.mem-row:hover{background:var(--bg-2)}.mem-row.la-minh{background:var(--zalo-soft)}.mem-row .tx{display:flex;flex-direction:column;min-width:0;flex:1}.mem-row .tx b{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mem-row .tx i{font-size:11px;color:var(--ink-3);font-style:normal}.mem-row .vuong{color:#f7b503;flex-shrink:0}.chon-kenh button.chet{opacity:.55}.chon-kenh button.chet:after{content:"·  cần quét QR";font-size:10px;color:var(--red);margin-left:2px}.acts .ib:disabled{opacity:.35;cursor:not-allowed}.acts .ib:disabled:hover{background:none}.grants-modal .search.sm{margin-bottom:10px}.fb-trang{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.fb-trang-nut{display:flex;align-items:center;gap:10px;padding:8px 10px;width:100%;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;text-align:left}.fb-trang-nut:hover:not(:disabled){border-color:var(--zalo);background:var(--zalo-soft)}.fb-trang-nut:disabled{opacity:.6;cursor:default}.fb-trang-nut img,.fb-trang-nut .thay{width:32px;height:32px;border-radius:8px;flex-shrink:0;object-fit:cover}.fb-trang-nut .thay{display:grid;place-items:center;background:var(--bg-3);color:var(--ink-3)}.fb-trang-nut .tx{display:flex;flex-direction:column;min-width:0}.fb-trang-nut .tx b{font-size:13px;font-weight:600}.fb-trang-nut .tx i{font-size:11px;font-style:normal;color:var(--ink-3)}.nen-tang{display:flex;gap:6px;padding:0 14px 8px;flex-wrap:wrap}.nen{position:relative;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:500;color:var(--ink-2);background:var(--bg-3);border:1px solid transparent;cursor:pointer}.nen:hover{background:var(--hover)}.nen.on{background:var(--sel);color:var(--zalo);border-color:#c7dcff;font-weight:600}.nen .d{font-size:11px;opacity:.7}.nen .cham{width:6px;height:6px;border-radius:50%;background:var(--red)}.nen.facebook.on{background:#e7f0fe;color:#1877f2;border-color:#bcd6fb}.nen.instagram.on{background:#fdeaf3;color:#c13584;border-color:#f7c6dd}.nen.tiktok.on{background:#ececf1;color:#111827;border-color:#d6d6de}.nhan-ds{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.nhan-dong{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:var(--bg-2);border:1px solid var(--line-2)}.nhan-dong .cham{width:12px;height:12px;border-radius:50%;flex-shrink:0}.nhan-dong .ten{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--ink);padding:2px 4px;border-radius:6px;min-width:0}.nhan-dong .ten:hover{background:var(--hover)}.nhan-dong .ten .but{opacity:0;color:var(--ink-3)}.nhan-dong .ten:hover .but{opacity:1}.nhan-dong .sua-ten{font-size:13px;padding:3px 8px;border:1px solid var(--zalo);border-radius:6px;outline:none;width:160px;font-family:inherit}.nhan-dong .dem{font-size:11px;color:var(--ink-3);margin-left:auto;white-space:nowrap}.nhan-dong .ib.danger{color:var(--red)}.nhan-dong .ib.danger:hover{background:#ef44441a}.mau-ds{display:inline-flex;gap:4px;flex-shrink:0}.o-mau{width:16px;height:16px;border-radius:50%;cursor:pointer;border:2px solid transparent;box-shadow:0 0 0 1px var(--line) inset}.o-mau.on{border-color:var(--ink)}.o-mau:hover{transform:scale(1.15)}.nhan-them{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--line-2)}.nhan-them input{flex:1;min-width:0;height:36px;padding:0 12px;font-size:13px;font-family:inherit;border:1px solid var(--line);border-radius:9px;outline:none}.nhan-them input:focus{border-color:var(--zalo)}.xem-anh{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;background:#050810ed;animation:fade .12s ease-out;padding:64px 72px}.xa-anh{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;cursor:zoom-in;box-shadow:0 24px 70px #0009}.xa-anh.that{max-width:none;max-height:none;cursor:zoom-out}.xem-anh:has(.xa-anh.that){overflow:auto;place-items:start center}.xa-dau{position:fixed;top:0;left:0;right:0;height:56px;display:flex;align-items:center;gap:6px;padding:0 14px;color:#eaf0ff;background:linear-gradient(180deg,rgba(5,8,16,.92),transparent)}.xa-dau .tx{flex:1;min-width:0;display:flex;flex-direction:column}.xa-dau .tx b{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xa-dau .tx i{font-size:11px;font-style:normal;color:#9fb0cd}.xa-dau .dem{font-size:12px;color:#9fb0cd;margin-right:6px}.xa-dau .ib{color:#dce6f7;width:36px;height:36px;border-radius:9px}.xa-dau .ib:hover{background:#ffffff1f}.xa-lui,.xa-toi{position:fixed;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.16);cursor:pointer}.xa-lui:hover,.xa-toi:hover{background:#fff3}.xa-lui{left:16px}.xa-toi{right:16px}.bubble img.bam-duoc{cursor:zoom-in;transition:filter .15s}.bubble img.bam-duoc:hover{filter:brightness(1.06)}.file-att .tai{flex-shrink:0;opacity:.6;margin-left:4px}.file-att:hover .tai{opacity:1}.contact-card{display:flex;flex-direction:column;align-items:center;gap:4px;background:linear-gradient(160deg,#1a73e8,#0b57c4);border-radius:10px;padding:14px 18px;min-width:170px;color:#fff}.contact-card b{font-size:14px;font-weight:600}.contact-card span{font-size:11px;opacity:.8}.contact-card .avatar{border:2px solid rgba(255,255,255,.7)}.card-msg{display:block;border-radius:10px;overflow:hidden;background:#fff;border:1px solid var(--line-2);max-width:300px}.msg.out .card-msg{border-color:#ffffff80}.card-msg img{display:block;width:100%;height:auto;border-radius:0;margin:0}.card-msg .tx{display:flex;flex-direction:column;gap:2px;padding:8px 10px}.card-msg .tx b{font-size:13px;font-weight:600;color:var(--ink)}.card-msg .tx span{font-size:12px;color:var(--ink-2)}.khoa-nhom{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:8px;background:var(--bg-3);border-radius:8px}.khoa-nhom .tx{flex:1;min-width:0;display:flex;flex-direction:column}.khoa-nhom .tx b{font-size:12px;font-weight:600}.khoa-nhom .tx i{font-size:11px;color:var(--ink-3);font-style:normal}.khoa-nhom .btn.sm{padding:4px 9px;font-size:11px;white-space:nowrap}.mem-row .pop{margin-left:auto;opacity:0;transition:opacity .1s}.mem-row:hover .pop,.mem-row .pop:focus-within{opacity:1}.react-bar{display:flex;gap:2px;padding:4px 4px 6px;border-bottom:1px solid var(--line-2);margin-bottom:4px}.react-bar button{width:32px;height:32px;border-radius:8px;font-size:18px;line-height:1;display:grid;place-items:center}.react-bar button:hover{background:var(--bg-2);transform:scale(1.12)}.react-bar button.on{background:var(--sel)}.bubble .quoted{display:block;border-left:3px solid var(--zalo);background:#0d1b2a0d;border-radius:6px;padding:5px 8px;margin-bottom:5px;font-size:12px}.msg.out .bubble .quoted{background:#ffffff59;border-left-color:#fffc}.bubble .quoted b{display:block;font-weight:600;margin-bottom:1px}.bubble .quoted span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:.85}.dang-tra-loi{display:flex;align-items:center;gap:8px;margin:6px 16px 0;padding:6px 10px;background:var(--bg-3);border-radius:8px;border-left:3px solid var(--zalo)}.dang-tra-loi .noi-dung{flex:1;min-width:0;font-size:12px}.dang-tra-loi .noi-dung b{display:block;font-weight:600;color:var(--zalo)}.dang-tra-loi .noi-dung span{display:block;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slash-hint.nhac button{align-items:center;gap:8px}.bubble{position:relative}.bubble .reacts{position:absolute;right:8px;bottom:-9px;display:flex;align-items:center;gap:1px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:1px 5px;font-size:11px;line-height:15px;box-shadow:0 1px 3px #0000001f}.bubble .reacts b{font-size:10px;font-weight:600;color:var(--ink-3);margin-left:2px}.receipt.seen{color:var(--zalo)}.avatar .subs{position:absolute;right:-6px;bottom:-3px;display:flex;flex-direction:row-reverse}.avatar .subs .sub{position:static;margin-left:-8px}.avatar .subs .sub.them{background:var(--zalo);color:#fff;font-weight:600}.bao-cao .page-body{max-width:none}.bc-filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;font-size:13px;color:var(--ink-2)}.bc-presets{display:flex;gap:6px}.bc-filter label{display:inline-flex;align-items:center;gap:6px}.bc-filter input[type=date],.bc-filter select{height:30px;border:1px solid var(--line);border-radius:7px;padding:0 8px;font:inherit;font-size:13px;background:#fff}.bc-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:14px}.bc-tile{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;min-width:0}.bc-tile .t{font-size:12px;color:var(--ink-3)}.bc-tile strong{font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.bc-tile small{font-size:11.5px;color:var(--ink-3)}.bc-tile.canh-bao strong{color:#8a5a04}.bc-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px;margin-bottom:14px}.bao-cao .card{margin-bottom:14px}.bao-cao .card h2{display:flex;align-items:center;gap:6px}.bc-chart{position:relative}.bc-legend{display:flex;gap:14px;font-size:12px;color:var(--ink-2);margin-bottom:6px}.bc-legend span,.bc-tip span{display:inline-flex;align-items:center;gap:6px}.bc-legend i,.bc-tip i{width:10px;height:10px;border-radius:3px;display:inline-block}.bc-svg-wrap{position:relative}.bc-svg-wrap svg{width:100%;height:auto;display:block}.bc-grid{stroke:var(--line-2);stroke-width:1}.bc-base{stroke:var(--line);stroke-width:1}.bc-tick{font-size:10px;fill:var(--ink-3);font-variant-numeric:tabular-nums}.bc-tip{position:absolute;top:4px;transform:translate(-50%);background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-size:12px;color:var(--ink-2);box-shadow:0 6px 18px #0d1b2a1a;display:flex;flex-direction:column;gap:3px;pointer-events:none;white-space:nowrap;z-index:2}.bc-tip b{color:var(--ink)}.bc-tip strong{color:var(--ink);font-variant-numeric:tabular-nums}.bc-rong{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:12.5px;color:var(--ink-3);pointer-events:none}.bang-gon td:not(:first-child),.bang-gon th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.bc-wait{display:flex;flex-direction:column;gap:4px}.bc-wait-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:8px 10px;border-radius:8px;text-decoration:none;color:inherit;font-size:13px}.bc-wait-row:hover{background:var(--hover)}.bc-wait-row .ten{font-weight:600}.bc-cho{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#8a5a04;background:#fff6e5;border:1px solid #ffdfa6;border-radius:999px;padding:2px 9px;white-space:nowrap}.bc-cho.nang{color:#7f1d1d;background:#fee2e2;border-color:#fecaca}.bc-ads-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:13px;margin-bottom:12px}.bc-ads-head .sp{flex:1}.bc-bang{margin-top:8px}.bc-bang summary{font-size:12px;color:var(--ink-3);cursor:pointer}.bc-bang summary:hover{color:var(--zalo)}.bc-bang table{margin-top:6px}.conv .conv-loai{display:inline-flex;align-items:center;gap:3px;flex-shrink:0;font-size:10.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#1877f2;background:#e7f0fd;border:1px solid #c7dcff;border-radius:5px;padding:1px 6px;margin-right:6px}.conv .conv-loai[title*="Lịch sử"]{color:#6b7280;background:#f1f2f4;border-color:#dfe1e5}.ai-o{display:flex;flex-direction:column;gap:6px;min-width:0}.ai-o select{width:100%}.ai-o .btn.sm{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:4px 9px}.compose-locked{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;margin:0;color:#6b7280;font-size:12.5px;line-height:1.5;background:#f7f8fa;border-top:1px solid var(--border, #e5e7eb)}.compose-locked svg{flex-shrink:0;margin-top:1px}.bao-cao .page-head{height:auto;padding:14px 22px;align-items:center}.bao-cao .page-head .tieu-de{display:flex;flex-direction:column;gap:2px}.bao-cao .page-head .tieu-de h1{margin:0}.bao-cao .page-head .tieu-de small{font-size:12.5px;color:var(--ink-3);font-weight:400}.bao-cao .page-head .bieu-tuong{width:40px;height:40px;border-radius:12px;background:var(--zalo-soft);color:var(--zalo);display:grid;place-items:center;flex-shrink:0}.bc-filter .sp{flex:1}.bc-filter .pill-btn.on{background:var(--zalo);color:#fff;border-color:var(--zalo)}.bc-tile{flex-direction:row;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:14px}.bc-tile .icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--tint-bg);color:var(--tint-fg)}.bc-tile .noi{display:flex;flex-direction:column;gap:3px;min-width:0}.bc-tile .delta{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:600}.bc-tile .delta.tot{color:#006300}.bc-tile .delta.xau{color:#b91c1c}.bc-tile .delta.khong{color:var(--ink-3);font-weight:500}.bc-tile.t-xanh{--tint-bg: #e8f1ff;--tint-fg: #0b74ff;background:#f5f9ff;border-color:#dbe8ff}.bc-tile.t-luc{--tint-bg: #e6f7ee;--tint-fg: #0f8a4b;background:#f3fbf6;border-color:#d3efdf}.bc-tile.t-tim{--tint-bg: #efeafe;--tint-fg: #6b4de6;background:#f8f6ff;border-color:#e3dcfb}.bc-tile.t-cam{--tint-bg: #fff0e6;--tint-fg: #d9541e;background:#fff8f3;border-color:#ffe0cc}.bc-tile.t-lam{--tint-bg: #e4f4fb;--tint-fg: #0b7fa8;background:#f2fafd;border-color:#cfe9f4}.bc-tile.t-vang{--tint-bg: #fff6d6;--tint-fg: #b07a00;background:#fffbea;border-color:#ffe9a6}.bc-tile.t-hong{--tint-bg: #ffe6ef;--tint-fg: #c8235f;background:#fff4f8;border-color:#ffd1e0}.bc-tile.canh-bao{border-color:#ffdfa6;background:#fff8ec}.bc-grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;margin-bottom:14px}.bao-cao .card h2{font-size:15px}.bao-cao .card .card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.bao-cao .card .card-head h2{margin:0}.bc-donut{display:grid;grid-template-columns:minmax(104px,140px) minmax(0,1fr);gap:12px;align-items:center}.bc-donut svg{width:100%;max-width:150px;height:auto;display:block}.bc-donut .tam{font-size:12px;fill:var(--ink-3)}.bc-donut .tam-so{font-size:22px;font-weight:700;fill:var(--ink)}.bc-donut .chu-giai{display:flex;flex-direction:column;gap:8px;font-size:13px;min-width:0}.bc-donut .chu-giai div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:8px;align-items:center}.bc-donut .chu-giai span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-donut .chu-giai b{white-space:nowrap}.bc-donut .chu-giai i{width:10px;height:10px;border-radius:3px;display:inline-block}.bc-donut .chu-giai b{font-variant-numeric:tabular-nums}.bc-donut .chu-giai small{color:var(--ink-3);margin-left:4px}.bang-gon .ten-kenh{display:flex;align-items:center;gap:8px}.bang-gon .ten-kenh small{color:var(--ink-3);white-space:nowrap}.bang-gon .ten-kenh>span{min-width:0}.bang-gon .ten-kenh>span>:first-child,.bang-gon .ten-kenh>span{overflow:hidden;text-overflow:ellipsis}.bang-gon .nhan-chip{display:inline-block;padding:2px 9px;border-radius:999px;color:#fff;font-size:12px;font-weight:600}.bc-trong{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 12px;color:var(--ink-3);text-align:center}.bc-trong .ic{width:56px;height:56px;border-radius:14px;background:var(--bg-2);display:grid;place-items:center;color:var(--ink-3);margin-bottom:4px}.bc-trong b{color:var(--ink-2);font-size:13.5px}.bc-trong span{font-size:12.5px;max-width:360px;line-height:1.5}.bc-ads-head{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;gap:0}.bc-ads-head>span{padding:0 12px;border-left:1px solid var(--line)}.bc-ads-head>span:first-child{padding-left:0;border-left:0}.bc-ads-head .sp{border:0;padding:0}.bc-ads-head .han-gan{color:#b45309;font-weight:600}.bc-tim{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:0 10px;height:32px;background:#fff}.bc-tim input{border:0;outline:0;font:inherit;font-size:13px;width:180px}.bc-chon-bc{display:inline-flex;gap:8px;margin-left:18px}.bc-chon-bc button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 16px;border-radius:17px;font-size:13px;font-weight:700;border:1.5px solid;background:#fff;transition:background .15s,color .15s}.bc-chon-bc .xanh{color:#0b74ff;border-color:#0b74ff}.bc-chon-bc .xanh:hover{background:#e8f1ff}.bc-chon-bc .xanh.on{background:#0b74ff;color:#fff}.bc-chon-bc .cam{color:#d9541e;border-color:#d9541e}.bc-chon-bc .cam:hover{background:#fff0e6}.bc-chon-bc .cam.on{background:#d9541e;color:#fff}.bc-tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}@media (min-width: 1500px){.bc-tiles{grid-template-columns:repeat(7,1fr)}}.qc-tt{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid transparent;white-space:nowrap}.qc-tt.chay{color:#006300;background:#e6f7ee;border-color:#bfe8cf}.qc-tt.cho{color:#8a5a04;background:#fff6d6;border-color:#ffe4a3}.qc-tt.dung{color:#52514e;background:#f0efec;border-color:#dedcd6}.qc-tt.loi{color:#7f1d1d;background:#fee2e2;border-color:#fecaca}.qc-tt.khac{color:#52514e;background:#f7f7f5;border-color:#e6e5e0}.thu-vien .tv-loc{padding:10px 16px;border-bottom:1px solid var(--line);background:#fff;display:flex;flex-direction:column;gap:9px}.thu-vien .tv-hang{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.thu-vien .tv-hang .search{flex:1 1 280px;min-width:220px}.thu-vien .tv-hang select,.thu-vien .tv-hang input[type=date]{border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:#fff;font-size:13px;outline:none}.thu-vien .tv-hang select:focus,.thu-vien .tv-hang input[type=date]:focus{border-color:var(--zalo)}.thu-vien .tv-body{overflow:auto}.tv-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px}.tv-o{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.tv-xem{position:relative;aspect-ratio:1;background:var(--bg-2, #f1f3f6);display:flex;align-items:center;justify-content:center;overflow:hidden}.tv-xem img{width:100%;height:100%;object-fit:cover;cursor:zoom-in;display:block}.tv-xem video{width:100%;height:100%;object-fit:cover;background:#000}.tv-khac{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--ink-2);padding:12px;text-align:center;width:100%}.tv-khac span{font-size:12px;word-break:break-all;line-height:1.4;max-height:3.6em;overflow:hidden}.tv-khac audio{width:100%;height:32px}.tv-di{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#ffffffeb;color:var(--ink-2);box-shadow:0 1px 3px #0003;opacity:0;transition:opacity .12s}.tv-o:hover .tv-di{opacity:1}.tv-di:hover{color:var(--zalo)}.tv-chan{display:flex;align-items:center;gap:7px;padding:7px 8px;border-top:1px solid var(--line-2);min-width:0}.tv-chu{display:flex;flex-direction:column;min-width:0;flex:1}.tv-chu b{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-chu i{font-style:normal;font-size:11px;color:var(--ink-3)}.tv-them{display:flex;justify-content:center;padding:16px 0 4px}.tv-khac.tv-vo{color:var(--ink-3)}.tv-khac.tv-vo:hover{color:var(--zalo)}.nhan-ai{display:inline-flex;align-items:center;gap:3px;padding:0 5px;border-radius:5px;background:#ffffff40;font-weight:600}.modal.kho-modal{width:min(860px,95vw)}.kho-loc{display:flex;gap:8px;padding:12px 16px 0;align-items:center}.kho-loc .search{flex:1}.kho-loc select{border:1px solid var(--line);border-radius:8px;padding:8px 10px;background:#fff;font-size:13px;outline:none}.kho-than{max-height:56vh}.kho-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.kho-o{position:relative;border:2px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg-2);padding:0;display:block}.kho-o img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.kho-o .ten{display:block;font-size:11px;padding:5px 6px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.kho-o .tick{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;border:1px solid var(--line);background:#ffffffeb;display:flex;align-items:center;justify-content:center;color:#fff}.kho-o.on{border-color:var(--zalo)}.kho-o.on .tick{background:var(--zalo);border-color:var(--zalo)}.kho-chan{align-items:center;gap:10px}.kho-loi{flex:1;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px;outline:none}.kho-loi:focus{border-color:var(--zalo)}.kho-tha{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px;margin-bottom:14px;border:1.5px dashed var(--line);border-radius:12px;color:var(--ink-3);cursor:pointer;background:#fff}.kho-tha:hover,.kho-tha.on{border-color:var(--zalo);color:var(--zalo);background:var(--zalo-soft)}.kho-tha span{font-size:13px;font-weight:600}.kho-tha i{font-style:normal;font-size:11.5px}.kho-tm{display:inline-flex;align-items:center}.kho-tm .x{width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--ink-3);margin-left:-6px}.kho-tm .x:hover{background:#fbe4e4;color:var(--red)}.kind.them{border-style:dashed;color:var(--ink-3)}.kho-nut{position:absolute;top:6px;left:6px;display:flex;gap:4px;opacity:0;transition:opacity .12s}.tv-o:hover .kho-nut{opacity:1}.kho-nut .ib{background:#ffffffeb;box-shadow:0 1px 3px #0003}.kho-chan-o{flex-direction:column;align-items:stretch;gap:5px}.kho-chan-o select{border:1px solid var(--line);border-radius:6px;padding:3px 5px;font-size:11px;background:#fff;width:100%}.kho-hai{display:flex;gap:4px}.kho-hai select{flex:1;min-width:0}.td-nhatky{margin-top:14px}.td-nhatky-dau{display:flex;align-items:center;justify-content:space-between;gap:10px}.td-nhatky-dau h2{margin-bottom:0}.td-bang-nk{width:100%;table-layout:auto}.td-bang-nk th,.td-bang-nk td{vertical-align:top}.td-bang-nk .nk-luc{white-space:nowrap}.td-bang-nk .nk-model{white-space:nowrap;font-size:12px;color:var(--ink-3)}.td-bang-nk .nk-traloi{white-space:pre-wrap;line-height:1.5;min-width:320px}.td-bang-nk .so{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.td-bang-nk tr.loi td{background:#fff5f5}.td-nhatky-dau select{border:1px solid var(--line);border-radius:8px;padding:5px 8px;font-size:12px;background:#fff}.td-phantrang{display:flex;align-items:center;justify-content:center;gap:12px;padding-top:12px}.tk-anh{display:flex;align-items:center;gap:16px;margin-bottom:14px}.tk-dl{margin:0 0 10px;font-size:13px}.tk-dl>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line-2)}.tk-dl>div:last-child{border-bottom:0}.tk-dl dt{color:var(--ink-2);margin:0}.tk-dl dd{margin:0;text-align:right;font-weight:500}.db-ds{display:flex;flex-direction:column;gap:10px;margin:12px 0}.db-hang{display:grid;grid-template-columns:auto minmax(110px,1.2fr) minmax(120px,1fr) auto minmax(120px,1fr) auto minmax(120px,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.db-ten{display:flex;flex-direction:column;gap:3px;min-width:0}.db-ten b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.db-loai{display:flex;flex-direction:column;gap:2px;min-width:0}.db-so{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--ink-2)}.db-so b{color:var(--ink)}.db-loai i{font-style:normal;font-size:11px;color:var(--ink-3)}@media (max-width: 760px){.db-hang{grid-template-columns:auto 1fr}.db-hang>.btn{grid-column:2;justify-self:start}}.anh-vo{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border:1px dashed var(--line);border-radius:10px;color:var(--ink-3);font-size:12.5px;background:var(--bg-2)}.tabbar{display:none}.chi-dt{display:none!important}@media (max-width: 760px){.app{flex-direction:column}.rail{display:none}.chi-dt{display:inline-flex!important;margin-right:-4px}.tabbar{display:flex;flex:0 0 auto;align-items:stretch;background:#fff;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.tabbar>a,.tabbar .pop,.tabbar .pop-trigger{flex:1;display:flex;min-width:0}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:7px 2px 6px;min-height:52px;border:0;background:none;font-size:10.5px;font-weight:600;color:var(--ink-3);line-height:1.1}.tab-btn .ti{position:relative;display:grid;place-items:center}.tab-btn.active{color:var(--zalo)}.tab-btn .badge{position:absolute;top:-5px;right:-10px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--red);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;border:2px solid #fff}.tab-btn .warn-dot{position:absolute;top:-2px;right:-5px;width:9px;height:9px;border-radius:50%;background:var(--amber);border:2px solid #fff}.app:has(.col-list.hidden-mobile) .tabbar{display:none}.nen-tang,.kinds{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.nen-tang::-webkit-scrollbar,.kinds::-webkit-scrollbar{display:none}.nen-tang>*,.kinds>*{flex:0 0 auto}.kinds .sp,.mailbox-card{display:none}.conv{padding:11px 10px;gap:11px}.conv-scroll{padding:0 6px 6px}.msg{max-width:84%}.side{width:100%}.app-body:has(.side-menu){flex-direction:column}.app-body:has(.side-menu) .col-list{width:100%;flex:0 0 auto;border-right:0;border-bottom:1px solid var(--line)}.side-menu{display:flex;gap:6px;padding:0 10px 10px;overflow-x:auto;scrollbar-width:none}.side-menu::-webkit-scrollbar{display:none}.side-item{width:auto;flex:0 0 auto;white-space:nowrap;gap:7px;padding:8px 13px;border-radius:16px;font-size:12.5px;border:1px solid var(--line);font-weight:600}.side-item.on{border-color:transparent}.chat-head .an-dt{display:none!important}.chat-head{gap:8px;padding-left:6px;padding-right:6px}.chat-title .name{font-size:15px}}.hoi-nen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#0d1b2a73;padding:20px;animation:fade .12s ease-out}.hoi-hop{background:#fff;border-radius:16px;width:min(420px,100%);padding:22px 22px 18px;box-shadow:0 18px 60px #00000047}.hoi-tieu-de{font-size:16.5px;font-weight:700;line-height:1.4;margin:0;color:var(--ink)}.hoi-noi-dung{margin:9px 0 0;font-size:13.5px;line-height:1.55;color:var(--ink-2);white-space:pre-line}.hoi-nut{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.hoi-nut .btn{min-width:84px;justify-content:center}.btn.nguy-hiem{background:var(--red);border-color:var(--red);color:#fff}.btn.nguy-hiem:hover{filter:brightness(.94)}.chip-ok,.chip-off{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:12px;white-space:nowrap}.chip-ok{color:#0a7d3f;background:#e6f6ec;border:1px solid #b9e4c9}.chip-off{color:var(--ink-3);background:var(--bg-2);border:1px solid var(--line)}.qt-bang{width:100%;border-collapse:collapse}.qt-bang th,.qt-bang td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.qt-bang th{text-align:left;font-size:12px;color:var(--ink-3);font-weight:600}.qt-bang th:nth-child(n+2):nth-child(-n+4),.qt-bang td:nth-child(n+2):nth-child(-n+4){text-align:right;width:96px}.qt-bang tr:last-child td{border-bottom:0}.qt-ds{display:grid;gap:12px}.qt-the{background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 16px}.qt-the.khoa{background:var(--bg-2);border-style:dashed}.qt-dau{display:flex;align-items:center;gap:10px}.qt-ten{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.qt-ten b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qt-thaotac{display:flex;gap:6px;flex-shrink:0}.qt-link{display:inline-flex;align-items:center;gap:6px;margin-top:9px;padding:4px 9px;border:1px dashed var(--line);border-radius:8px;background:var(--bg-2);font-size:12px;color:var(--ink-2);font-family:ui-monospace,Menlo,Consolas,monospace}.qt-link:hover{border-color:var(--zalo);color:var(--zalo)}.qt-so{display:flex;flex-wrap:wrap;gap:16px;margin-top:10px;font-size:12.5px;color:var(--ink-2)}.qt-so b{color:var(--ink);font-size:14px}.qt-goi{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.qt-tn{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:11px;color:var(--ink-3);background:var(--bg-2);border:1px solid var(--line);opacity:.55}.qt-tn.on{color:var(--zalo);background:var(--zalo-soft);border-color:transparent;opacity:1}.qt-ghichu{margin:10px 0 0;font-size:12.5px;color:var(--ink-3);font-style:italic}.qt-doi{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qt-tn-ds{display:grid;gap:6px}.qt-tn-o{display:flex;align-items:flex-start;gap:9px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.qt-tn-o:hover{background:var(--bg-2)}.qt-tn-o input{margin-top:2px}.qt-tn-o span{display:flex;flex-direction:column}.qt-tn-o b{font-size:13px;font-weight:600}.qt-tn-o small{font-size:11.5px;color:var(--ink-3)}.qt-tn-o input[type=checkbox]{width:auto;flex:0 0 auto;margin:3px 0 0}.qt-tn-o{align-items:flex-start}.field .qt-tn-ds label.qt-tn-o{display:flex;align-items:flex-start;gap:9px}.conv .conv-cty{display:inline-flex;align-items:center;flex-shrink:1;min-width:0;max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:700;letter-spacing:.02em;color:#7a4bd6;background:#f1ebfd;border:1px solid #ded0fa;border-radius:5px;padding:1px 6px;margin-right:6px}.ch-cty{color:#7a4bd6;font-weight:700;margin-right:6px}.cd-cty{font-size:13px;color:var(--ink-2);margin-right:10px}.cd-cty b{color:var(--ink)}.cd-cty-ds{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.cd-cty-the{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:12px}.cd-cty-the:hover{border-color:var(--zalo);background:var(--zalo-soft)}.cd-cty-the b{font-size:14.5px}.cd-cty-the small{font-size:12px;color:var(--ink-3)}.sp-thanh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.sp-tim{display:flex;align-items:center;gap:7px;flex:1 1 220px;min-width:0;border:1px solid var(--line);border-radius:9px;padding:0 10px;background:#fff;color:var(--muted)}.sp-tim input{border:0;outline:0;padding:8px 0;width:100%;font-size:14px;background:transparent}.sp-ds{display:flex;flex-direction:column;gap:6px}.sp-hang{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff}.sp-hang.ghim{border-color:#c9ddff;background:#f7faff}.sp-ghim{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer;flex:none}.sp-ghim.on{background:var(--zalo);border-color:var(--zalo);color:#fff}.sp-ghim:disabled{cursor:default;opacity:.5}.sp-ten{min-width:0}.sp-ten b{display:block;font-size:14px}.sp-ten i{display:block;font-size:12px;color:var(--muted);font-style:normal}.sp-mota{grid-column:2 / 3;font-size:12px;color:var(--muted)}@media (max-width: 720px){.sp-hang{grid-template-columns:auto 1fr auto}.sp-hang .btn.ghost.sm{grid-column:2 / 4;justify-self:start}}.qr-canh{background:#fff8e6;border:1px solid #f3dfa8;border-radius:9px;padding:9px 11px;color:#7a5b12;line-height:1.55}.qr-khe{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 10px}.qr-khe button{display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;text-align:left}.qr-khe button b{font-size:13px}.qr-khe button small{font-size:11px;color:var(--muted);line-height:1.35}.qr-khe button.on{border-color:var(--zalo);background:#f2f7ff;box-shadow:inset 0 0 0 1px var(--zalo)}.qr-khe button.on b{color:var(--zalo)}.gop-ds{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.gop-hang{display:flex;align-items:center;gap:9px;padding:8px 10px;width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer;text-align:left}.gop-hang:hover:not(:disabled){border-color:var(--zalo);background:#f6faff}.gop-hang:disabled{opacity:.5;cursor:default}.gop-hang .tx{min-width:0}.gop-hang .tx b{display:block;font-size:14px}.gop-hang .tx i{display:block;font-size:12px;color:var(--muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compose-locked .btn.sm{margin-left:auto;flex:none}.gan-hang{display:flex;align-items:stretch;gap:8px}.gan-xem{flex:1;display:flex;align-items:center;gap:10px;min-width:0;text-align:left;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}.gan-xem:hover{border-color:var(--zalo);background:#f6faff}.gan-xem .tx{min-width:0;flex:1}.gan-xem .tx b{display:block;font-size:13px}.gan-xem .tx i{display:block;font-size:12px;color:var(--muted);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gan-xem small{color:var(--muted);font-size:11px;flex:none}.gan-xt{margin:4px 0 8px;padding:8px 10px;background:#f6f8fb;border-radius:9px;display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto}.gan-tin{font-size:12.5px;line-height:1.45;padding:5px 9px;border-radius:9px;max-width:85%;word-break:break-word}.gan-tin.in{background:#fff;border:1px solid var(--line);align-self:flex-start}.gan-tin.out{background:var(--bubble-out);align-self:flex-end}.db-khoang{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 14px}.db-khoang label{font-weight:600;font-size:13px}.db-khoang select,.db-khoang input[type=date]{padding:6px 10px;border:1px solid var(--vien);border-radius:8px;background:var(--nen);color:inherit;font:inherit;font-size:13px}.db-khoang>.muted{flex:1 1 260px;min-width:200px}.quyen-card{padding:18px 20px 14px}.quyen-dau{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.quyen-dau h2{margin:0 0 4px}.quyen-dau p{margin:0;max-width:620px;line-height:1.5}.quyen-daluu{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;color:var(--green);background:color-mix(in srgb,var(--green) 12%,transparent)}.quyen-thanh{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 12px}.quyen-tim{display:flex;align-items:center;gap:7px;flex:0 1 300px;padding:7px 11px;border:1px solid var(--line);border-radius:9px;background:var(--bg-2);color:var(--ink-3)}.quyen-tim input{flex:1;border:0;outline:0;background:none;color:var(--ink);font:inherit;font-size:13px}.quyen-loc{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:7px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg-2);color:var(--ink-2);font:inherit;font-size:13px}.quyen-loc:hover{background:var(--hover)}.quyen-loc.on{border-color:var(--red);color:var(--red);background:color-mix(in srgb,var(--red) 10%,transparent)}.quyen-chu-dan{display:flex;gap:14px;margin-left:auto;font-size:12px;color:var(--ink-3)}.quyen-chu-dan span{display:inline-flex;align-items:center;gap:5px}.quyen-chu-dan .o{width:11px;height:11px;border-radius:3px;border:1.5px solid var(--line-2)}.quyen-chu-dan .o.duoc{background:var(--zalo);border-color:var(--zalo)}.quyen-chu-dan .o.nhay{background:var(--red);border-color:var(--red)}.quyen-bang{width:100%;border-collapse:collapse;font-size:13px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.quyen-bang th,.quyen-bang td{padding:11px 14px;text-align:left;vertical-align:middle;border-bottom:1px solid var(--line)}.quyen-bang tr:last-child td{border-bottom:0}.quyen-bang thead th{background:var(--bg-2);vertical-align:bottom;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-3)}.quyen-bang thead th:not(:first-child){text-align:center;width:140px}.quyen-bang thead th b{display:inline-flex;align-items:center;gap:4px;font-size:13px;text-transform:none;letter-spacing:0;color:var(--ink)}.quyen-bang thead th i{display:block;margin-top:2px;font-style:normal;font-size:11px;font-weight:400;text-transform:none;letter-spacing:0}.quyen-bang .cot-khoa{background:color-mix(in srgb,var(--bg-2) 60%,transparent)}.quyen-bang td b{display:flex;align-items:center;gap:7px;font-weight:600}.quyen-bang td i{display:block;margin-top:3px;font-style:normal;color:var(--ink-3);font-size:12px;line-height:1.5;max-width:560px}.quyen-nhay{display:inline-flex;align-items:center;gap:3px;flex:none;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:600;color:var(--red);background:color-mix(in srgb,var(--red) 12%,transparent)}.quyen-bang .quyen-nhom td{padding:0;background:var(--bg-2)}.quyen-bang .quyen-nhom button{display:flex;align-items:center;gap:7px;width:100%;padding:8px 14px;border:0;background:none;cursor:pointer;color:var(--ink-2);font:inherit;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.quyen-bang .quyen-nhom button:hover{background:var(--hover)}.quyen-bang .quyen-nhom .dem{padding:1px 8px;border-radius:999px;background:var(--bg-3);color:var(--ink-3);font-size:10px;font-weight:600;text-transform:none;letter-spacing:0}.quyen-bang .quyen-nhom .xoay{transform:rotate(-90deg)}.quyen-o{text-align:center}.quyen-o .o{width:26px;height:26px;border-radius:7px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--line-2);background:var(--bg);color:#fff;transition:background .12s,border-color .12s}.quyen-o .o:hover:not(:disabled){border-color:var(--zalo)}.quyen-o .o.duoc{background:var(--zalo);border-color:var(--zalo)}.quyen-o .o.nhay{background:var(--red);border-color:var(--red)}.quyen-o .o.khoa{cursor:default;background:var(--zalo-soft);border-color:transparent;color:var(--zalo)}.quyen-o .o:disabled:not(.khoa){cursor:not-allowed;opacity:.55}.quyen-chan{display:flex;align-items:center;gap:7px;margin:12px 0 0;font-size:12px;color:var(--ink-3);line-height:1.5}