@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";:root{--mau-nen-tren:#eaf1fd;--mau-nen-duoi:#dde9fc;--mau-chinh-nhat:#55a6ff;--mau-chinh:#2f7bf6;--mau-chinh-dam:#1a56c4;--mau-chu-dam:#101b33;--mau-chu-phu:#6b7684;--mau-vien:#e1e6ee;--mau-nen-the:#fff;--mau-loi:#d64545;--ban-kinh-the:24px;--ban-kinh-o:14px;--bong-the:0 24px 60px -20px #1f428747}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--mau-chu-dam);background:linear-gradient(180deg, var(--mau-nen-tren) 0%, var(--mau-nen-duoi) 100%);margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif}.nut-chinh{border-radius:var(--ban-kinh-o);background:linear-gradient(135deg, var(--mau-chinh-nhat), var(--mau-chinh-dam));color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:filter .15s,transform 50ms;display:flex}.nut-chinh:hover{filter:brightness(1.05)}.nut-chinh:active{transform:translateY(1px)}.nut-chinh:disabled{opacity:.6;cursor:not-allowed}.thong-bao-loi{color:var(--mau-loi);text-align:left;background:#fdecec;border-radius:10px;margin:0 0 16px;padding:10px 14px;font-size:13px}:root[data-theme=toi]{--mau-nen-tren:#0f1729;--mau-nen-duoi:#0a0f1c;--mau-nen-the:#16213a;--mau-chu-dam:#e8ecf5;--mau-chu-phu:#8b96ab;--mau-vien:#263452;--mau-chinh-dam:#7aa9ff}.nut-phu{border:1px solid var(--mau-vien);background:var(--mau-nen-the);color:var(--mau-chu-dam);border-radius:var(--ban-kinh-o);cursor:pointer;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600}.huy{background:var(--mau-loi);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.khung-chinh{height:100vh;display:flex}.khung-chinh__rail{background:var(--mau-nen-the);border-right:1px solid var(--mau-vien);flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:76px;padding:20px 0;display:flex}.khung-chinh__muc{box-sizing:border-box;border-radius:var(--ban-kinh-o);width:60px;height:52px;color:var(--mau-chu-phu);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;text-decoration:none;display:flex}.khung-chinh__muc svg{flex-shrink:0;width:20px;height:20px}.khung-chinh__icon-cum{display:flex;position:relative}.khung-chinh__icon-cum .huy{position:absolute;top:-6px;right:-8px}.khung-chinh__muc:hover,.khung-chinh__muc--dang-chon{background:var(--mau-nen-tren);color:var(--mau-chinh-dam)}.khung-chinh__noi-dung{flex:1;min-width:0;min-height:0}@media (width<=640px){.khung-chinh{flex-direction:column-reverse}.khung-chinh__rail{flex-direction:row;flex-shrink:0;justify-content:space-around;width:100%;padding:8px 0}:is(.khung-chinh:has(.trang-chat--da-chon) .khung-chinh__rail,.khung-chinh:has(.trang-nhom--da-chon) .khung-chinh__rail){display:none}}.khung-chinh__logo{color:var(--mau-chinh-dam);text-align:center;margin-bottom:12px;font-size:11px;font-weight:700}.khung-chinh__dang-xuat{border:1px solid var(--mau-vien);color:var(--mau-chu-dam);cursor:pointer;background:#fff;border-radius:999px;margin-top:auto;padding:6px 10px;font-family:inherit;font-size:11px;font-weight:600}.khung-xac-thuc{justify-content:center;align-items:center;min-height:100vh;padding:32px 16px;display:flex}.the-xac-thuc{background:var(--mau-nen-the);border-radius:var(--ban-kinh-the);width:100%;max-width:400px;box-shadow:var(--bong-the);text-align:center;padding:40px 32px}.logo-xac-thuc{object-fit:contain;width:72px;height:72px;margin-bottom:12px}.tieu-de-xac-thuc{margin:0;font-size:26px;font-weight:800}.khau-hieu-xac-thuc{color:var(--mau-chu-phu);margin:6px 0 24px;font-size:14px}.tab-xac-thuc{background:#eef2f9;border-radius:999px;margin-bottom:24px;padding:4px;display:flex}.tab-xac-thuc__nut{color:var(--mau-chu-phu);border-radius:999px;flex:1;padding:10px 0;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .15s,color .15s}.tab-xac-thuc__nut--dang-chon{background:var(--mau-chinh);color:#fff}.truong-nhap{text-align:left;margin-bottom:16px;display:block}.truong-nhap__nhan{color:var(--mau-chu-dam);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.truong-nhap__nhan--an{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truong-nhap__o{border:1px solid var(--mau-vien);border-radius:var(--ban-kinh-o);background:#fbfcfe;align-items:center;padding:0 12px;display:flex}.truong-nhap__o:focus-within{border-color:var(--mau-chinh);box-shadow:0 0 0 3px #2f7bf626}.truong-nhap__bieu-tuong{color:var(--mau-chu-phu);display:flex}.truong-nhap__input{min-width:0;color:var(--mau-chu-dam);background:0 0;border:none;outline:none;flex:1;padding:12px 10px;font-family:inherit;font-size:15px}.truong-nhap__nut-an{color:var(--mau-chu-phu);cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex}img.avatar{object-fit:cover}.avatar--nho{width:28px;height:28px;font-size:12px}.avatar--vua{width:40px;height:40px;font-size:16px}.avatar--lon{width:72px;height:72px;font-size:28px}.khung-tin-nhan{flex-direction:column;flex:1;min-width:0;display:flex}.khung-tin-nhan__tieu-de{border-bottom:1px solid var(--mau-vien);align-items:center;gap:12px;padding:16px 24px;display:flex}.khung-tin-nhan__ten-cum{flex-direction:column;gap:2px;display:flex}.khung-tin-nhan__ten{font-weight:700}.khung-tin-nhan__phu-de{color:var(--mau-chu-phu);font-size:12px}.khung-tin-nhan__mat-ket-noi{color:var(--mau-loi);font-size:12px;font-weight:500}.khung-tin-nhan__nut-kho-media{color:var(--mau-chu-phu);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:6px}.khung-tin-nhan__nut-kho-media:hover{background:var(--mau-nen-tren)}.khung-tin-nhan__danh-sach-tin-nhan{flex-direction:column;flex:1;gap:8px;padding:16px 24px;display:flex;overflow-y:auto}.khung-tin-nhan__nut-tai-them{border:1px solid var(--mau-vien);cursor:pointer;background:#fff;border-radius:999px;align-self:center;margin-bottom:8px;padding:6px 16px;font-family:inherit;font-size:12px}.khung-tin-nhan__bong{border-radius:var(--ban-kinh-o);background:var(--mau-nen-tren);cursor:pointer;flex-direction:column;gap:4px;max-width:60%;padding:10px 14px;display:flex}.khung-tin-nhan__bong--minh{background:linear-gradient(135deg, var(--mau-chinh-nhat), var(--mau-chinh-dam));color:#fff}.khung-tin-nhan__thoi-gian{opacity:.85;font-size:11px}.khung-tin-nhan__form-gui{border-top:1px solid var(--mau-vien);gap:12px;padding:16px 24px;display:flex}.khung-tin-nhan__form-gui input[type=text]{border:1px solid var(--mau-vien);border-radius:var(--ban-kinh-o);flex:1;padding:12px 16px;font-family:inherit;font-size:14px}.khung-tin-nhan__form-gui button[type=submit]{border-radius:var(--ban-kinh-o);background:linear-gradient(135deg, var(--mau-chinh-nhat), var(--mau-chinh-dam));color:#fff;cursor:pointer;border:none;padding:0 24px;font-weight:700}.khung-tin-nhan__form-gui button:disabled{opacity:.6;cursor:not-allowed}.khung-tin-nhan__input-tep{display:none}.khung-tin-nhan__nut-ghim{border:1px solid var(--mau-vien);cursor:pointer;width:40px;height:40px;color:var(--mau-chu-dam);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.khung-tin-nhan__emoji-cum{flex-shrink:0;position:relative}.khung-tin-nhan__nut-emoji{border:1px solid var(--mau-vien);cursor:pointer;width:40px;height:40px;color:var(--mau-chu-dam);background:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex}.khung-tin-nhan__bang-emoji{z-index:6;background:var(--mau-nen-the);border:1px solid var(--mau-vien);width:260px;max-height:200px;box-shadow:var(--bong-the);border-radius:10px;grid-template-columns:repeat(8,1fr);gap:2px;padding:8px;display:grid;position:absolute;bottom:48px;right:0;overflow-y:auto}.khung-tin-nhan__bang-emoji button{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;font-size:20px;line-height:1}.khung-tin-nhan__bang-emoji button:hover{background:var(--mau-nen-tren)}.khung-tin-nhan__anh{border-radius:12px;max-width:220px;display:block}.khung-tin-nhan__nut-quay-lai{cursor:pointer;color:var(--mau-chu-dam);background:0 0;border:none;padding:4px 8px 4px 0;font-size:20px;display:none}@media (width<=640px){.khung-tin-nhan__nut-quay-lai{display:block}}.khung-tin-nhan__dang-tai-tep{color:var(--mau-chu-phu);margin:0;padding:0 24px 12px;font-size:12px}.khung-tin-nhan__tieu-de-bam{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:0;font-family:inherit;display:flex}.khung-tin-nhan__hang{display:flex;position:relative}.khung-tin-nhan__hang--minh{justify-content:flex-end}.khung-tin-nhan__icon-noi{gap:4px;display:none;position:absolute;top:-14px;left:8px}.khung-tin-nhan__hang--minh .khung-tin-nhan__icon-noi,.khung-tin-nhan__hang--minh .khung-tin-nhan__menu{left:auto;right:8px}.khung-tin-nhan__hang:hover .khung-tin-nhan__icon-noi,.khung-tin-nhan__hang--mo .khung-tin-nhan__icon-noi{display:flex}.khung-tin-nhan__nut-tra-loi{border:1px solid var(--mau-vien);background:var(--mau-nen-the);width:26px;height:26px;color:var(--mau-chu-dam);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 4px #00000026}.khung-tin-nhan__trich-dan{opacity:.9;background:#0000000f;border-left:3px solid;border-radius:6px;flex-direction:column;gap:1px;padding:4px 8px;font-size:12px;display:flex}.khung-tin-nhan__trich-dan-ten{font-weight:700}.khung-tin-nhan__file{align-items:center;gap:10px;display:flex}.khung-tin-nhan__file-icon{background:var(--mau-chinh-dam);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.khung-tin-nhan__file-thong-tin{flex-direction:column;flex:1;min-width:0;display:flex}.khung-tin-nhan__file-ten{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.khung-tin-nhan__file-size{opacity:.8;font-size:11px}.khung-tin-nhan__file-nut-tai{width:30px;height:30px;color:inherit;background:#ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.khung-tin-nhan__dang-tra-loi{border-top:1px solid var(--mau-vien);background:var(--mau-nen-tren);justify-content:space-between;align-items:center;gap:8px;padding:8px 24px;font-size:13px;display:flex}.khung-tin-nhan__dang-tra-loi-noi-dung{flex-direction:column;min-width:0;display:flex}.khung-tin-nhan__dang-tra-loi-tieu-de{color:var(--mau-chinh-dam);font-weight:700}.khung-tin-nhan__dang-tra-loi-trich{text-overflow:ellipsis;white-space:nowrap;color:var(--mau-chu-phu);overflow:hidden}.khung-tin-nhan__dang-tra-loi-huy{cursor:pointer;color:var(--mau-chu-phu);background:0 0;border:none;flex-shrink:0;font-size:18px}.khung-tin-nhan__nut-them{border:1px solid var(--mau-vien);background:var(--mau-nen-the);width:26px;height:26px;color:var(--mau-chu-dam);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 1px 4px #00000026}.khung-tin-nhan__menu{z-index:5;background:var(--mau-nen-the);border:1px solid var(--mau-vien);min-width:160px;box-shadow:var(--bong-the);border-radius:10px;flex-direction:column;padding:6px;display:flex;position:absolute;top:16px;left:8px}.khung-tin-nhan__menu button,.khung-tin-nhan__menu a{text-align:left;color:var(--mau-chu-dam);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px;text-decoration:none}.khung-tin-nhan__menu button:hover,.khung-tin-nhan__menu a:hover{background:var(--mau-nen-tren)}.khung-tin-nhan__menu-nguy-hiem{color:var(--mau-loi)!important}.khung-tin-nhan__da-thu-hoi{opacity:.75;font-style:italic}.khung-tin-nhan__banner-ghim{border-bottom:1px solid var(--mau-vien);background:var(--mau-nen-tren);flex-direction:column;gap:4px;padding:6px 24px;display:flex}.khung-tin-nhan__dong-ghim{color:var(--mau-chu-phu);align-items:center;gap:8px;font-size:12px;display:flex}.khung-tin-nhan__dong-ghim-noi-dung{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.khung-tin-nhan__dong-ghim button{cursor:pointer;color:var(--mau-chu-phu);background:0 0;border:none;flex-shrink:0}.khung-tin-nhan__nut-tim-kiem{color:var(--mau-chu-phu);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;margin-left:auto;padding:6px}.khung-tin-nhan__nut-tim-kiem:hover{background:var(--mau-nen-tren)}.khung-tin-nhan__o-tim-kiem-cum{flex:1;min-width:0;position:relative}.khung-tin-nhan__o-tim-kiem{border:1px solid var(--mau-vien);background:var(--mau-nen-tren);width:100%;color:var(--mau-chu-dam);box-sizing:border-box;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:14px}.khung-tin-nhan__ket-qua-tim{z-index:6;background:var(--mau-nen-the);border:1px solid var(--mau-vien);max-height:260px;box-shadow:var(--bong-the);border-radius:12px;padding:6px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.khung-tin-nhan__loi-tim{color:var(--mau-chu-phu);margin:4px 8px;font-size:13px}.khung-tin-nhan__dong-ket-qua-tim{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px;font-family:inherit;display:flex}.khung-tin-nhan__dong-ket-qua-tim:hover{background:var(--mau-nen-tren)}.khung-tin-nhan__ket-qua-ten{flex-shrink:0;font-size:13px;font-weight:700}.khung-tin-nhan__ket-qua-noi-dung{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--mau-chu-phu);flex:1;font-size:13px;overflow:hidden}.khung-tin-nhan__ket-qua-gio{color:var(--mau-chu-phu);flex-shrink:0;font-size:11px}.khung-tin-nhan__hang--noi-bat .khung-tin-nhan__bong{outline:2px solid var(--mau-chinh-dam);outline-offset:2px;transition:outline-color 2s}.khung-tin-nhan__cam-xuc-cum{position:relative}.khung-tin-nhan__nut-cam-xuc{border:1px solid var(--mau-vien);background:var(--mau-nen-the);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex;box-shadow:0 1px 4px #00000026}.khung-tin-nhan__popup-cam-xuc{background:var(--mau-nen-the);border:1px solid var(--mau-vien);box-shadow:var(--bong-the);z-index:7;border-radius:999px;gap:2px;padding:4px 6px;display:flex;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.khung-tin-nhan__popup-cam-xuc button{cursor:pointer;background:0 0;border:none;padding:4px;font-size:20px;line-height:1;transition:transform .1s}.khung-tin-nhan__popup-cam-xuc button:hover{transform:scale(1.3)}.khung-tin-nhan__badge-cam-xuc{background:var(--mau-nen-the);border:1px solid var(--mau-vien);border-radius:999px;align-self:flex-end;margin-top:-8px;margin-right:-4px;padding:1px 6px;font-size:11px;box-shadow:0 1px 3px #00000026}.modal-hoan-tat-ho-so-nen{z-index:30;background:#101b3366;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-hoan-tat-ho-so{background:var(--mau-nen-the);border-radius:var(--ban-kinh-the);text-align:center;flex-direction:column;align-items:center;gap:12px;width:420px;max-width:calc(100vw - 32px);padding:28px 24px 24px;display:flex;position:relative}.modal-hoan-tat-ho-so__dong{cursor:pointer;color:var(--mau-chu-phu);background:0 0;border:none;position:absolute;top:16px;right:16px}.modal-hoan-tat-ho-so h3{margin:0}.modal-hoan-tat-ho-so__phu-de{color:var(--mau-chu-phu);margin:0;font-size:13px}.modal-hoan-tat-ho-so__anh-cum{flex-direction:column;align-items:center;gap:10px;margin-top:8px;display:flex}.modal-hoan-tat-ho-so__anh-vong{position:relative}.modal-hoan-tat-ho-so__nut-camera{border:2px solid var(--mau-nen-the);background:var(--mau-chinh-dam);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;bottom:0;right:0}.modal-hoan-tat-ho-so__nut-chon-anh{cursor:pointer;font-size:13px;display:inline-block}.modal-hoan-tat-ho-so__nhan{text-align:left;width:100%;color:var(--mau-chu-phu);margin-top:4px;font-size:13px;display:block;position:relative}.modal-hoan-tat-ho-so__nhan input{border:1px solid var(--mau-vien);border-radius:var(--ban-kinh-o);background:var(--mau-nen-the);width:100%;color:var(--mau-chu-dam);box-sizing:border-box;margin-top:6px;padding:10px 12px;font-family:inherit;font-size:14px;display:block}.modal-hoan-tat-ho-so__dem-ky-tu{font-size:11px;position:absolute;bottom:-18px;right:0}.modal-hoan-tat-ho-so__nut-hoan-tat{width:100%;margin-top:20px}.panel-kho-media-nen{z-index:20;background:#101b3366;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel-kho-media{background:var(--mau-nen-the);border-radius:var(--ban-kinh-the);flex-direction:column;width:640px;max-width:calc(100vw - 32px);max-height:80vh;display:flex;overflow:hidden}.panel-kho-media__dau{align-items:flex-start;gap:12px;padding:20px 20px 0;display:flex}.panel-kho-media__icon{background:var(--mau-nen-tren);width:40px;height:40px;color:var(--mau-chinh-dam);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.panel-kho-media__tieu-de-cum{flex:1;min-width:0}.panel-kho-media__tieu-de{margin:0;font-size:17px}.panel-kho-media__phu-de{color:var(--mau-chu-phu);margin:2px 0 0;font-size:13px}.panel-kho-media__dong{cursor:pointer;color:var(--mau-chu-phu);background:0 0;border:none;flex-shrink:0}.panel-kho-media__tab-cum{border-bottom:1px solid var(--mau-vien);gap:4px;padding:16px 20px 0;display:flex}.panel-kho-media__tab{color:var(--mau-chu-phu);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-right:20px;padding:10px 4px;font-family:inherit;font-size:14px;font-weight:600}.panel-kho-media__tab--chon{color:var(--mau-chinh-dam);border-bottom-color:var(--mau-chinh-dam)}.panel-kho-media__noi-dung{flex:1;padding:20px;overflow-y:auto}.panel-kho-media__trong{color:var(--mau-chu-phu);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 16px;display:flex}.panel-kho-media__luoi-anh{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;display:grid}.panel-kho-media__anh-nho{aspect-ratio:1;object-fit:cover;cursor:pointer;border-radius:8px;width:100%}.panel-kho-media__ds-tep{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.panel-kho-media__ds-tep a{border:1px solid var(--mau-vien);color:var(--mau-chu-dam);border-radius:10px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex}.panel-kho-media__ds-tep a:hover{background:var(--mau-nen-tren)}.panel-kho-media__tep-icon{background:var(--mau-chinh-dam);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.panel-kho-media__tep-thong-tin{flex-direction:column;flex:1;min-width:0;display:flex}.panel-kho-media__tep-ten{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.panel-kho-media__tep-size{color:var(--mau-chu-phu);font-size:11px}.panel-kho-media__lightbox{z-index:21;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.panel-kho-media__lightbox img{object-fit:contain;max-width:90vw;max-height:90vh}.panel-kho-media__lightbox-dong{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;width:36px;height:36px;position:absolute;top:16px;right:16px}@media (width<=640px){.panel-kho-media{border-radius:0;width:100%;max-height:100vh}}.trang-chat{height:100%;display:flex}.trang-chat__sidebar{background:var(--mau-nen-the);border-right:1px solid var(--mau-vien);flex-direction:column;flex-shrink:0;width:280px;display:flex}.trang-chat__sidebar-dau{border-bottom:1px solid var(--mau-vien);justify-content:space-between;align-items:center;padding:20px;display:flex}.trang-chat__sidebar-dau h1{color:var(--mau-chinh-dam);margin:0;font-size:18px}.trang-chat__nut-dang-xuat{border:1px solid var(--mau-vien);color:var(--mau-chu-dam);cursor:pointer;background:#fff;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600}.trang-chat__danh-sach{margin:0;padding:8px;list-style:none;overflow-y:auto}.trang-chat__muc{border-radius:var(--ban-kinh-o);cursor:pointer;text-align:left;width:100%;color:var(--mau-chu-dam);background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;font-size:14px;display:flex}.trang-chat__muc:hover,.trang-chat__muc--dang-chon{background:var(--mau-nen-tren)}.trang-chat__cham-online{background:#2ecc71;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:auto}.trang-chat__trong-rong{color:var(--mau-chu-phu);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.trang-chat__trong-tieu-de{color:var(--mau-chu-dam);margin:0;font-size:18px;font-weight:700}.trang-chat__trong{color:var(--mau-chu-phu);margin:auto}.trang-chat__tim-kiem{border:1px solid var(--mau-vien);border-radius:var(--ban-kinh-o);margin:12px 12px 4px;padding:8px 12px;font-family:inherit;font-size:13px}@media (width<=640px){.trang-chat__sidebar,.trang-chat__trong-rong{display:none}.trang-chat:not(.trang-chat--da-chon) .trang-chat__sidebar{width:100%;display:flex}}.trang-ban-be-bo-cuc{align-items:flex-start;height:100vh;display:flex;overflow:hidden}.trang-ban-be{box-sizing:border-box;flex-direction:column;flex:1;min-width:0;max-width:900px;height:100%;margin:0 auto;padding:32px 24px;display:flex}.trang-ban-be__noi-dung-cuon{flex:1;min-height:0;padding-right:4px;overflow-y:auto}.trang-ban-be__tim-kiem{border:1px solid var(--mau-vien);background:var(--mau-nen-the);width:100%;color:var(--mau-chu-dam);box-sizing:border-box;border-radius:14px;margin-bottom:20px;padding:14px 18px;font-family:inherit;font-size:15px}.trang-ban-be__tab-cum{gap:8px;margin-bottom:24px;display:flex}.trang-ban-be__tab{color:var(--mau-chu-phu);cursor:pointer;background:0 0;border:none;border-radius:12px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600}.trang-ban-be__tab--chon{background:var(--mau-nen-tren);color:var(--mau-chinh-dam)}.trang-ban-be__phan{margin-bottom:32px}.trang-ban-be__phan h2{margin-bottom:12px;font-size:16px}.trang-ban-be__trong{color:var(--mau-chu-phu);font-size:14px}.trang-ban-be__trong-toan-trang{text-align:center;color:var(--mau-chu-phu);padding:48px 16px}.trang-ban-be__trong-tieu-de{color:var(--mau-chu-dam);margin-bottom:6px;font-size:16px;font-weight:700}.trang-ban-be__trong-toan-trang .nut-chinh{width:auto;margin:16px auto 0;padding:10px 24px}.trang-ban-be__danh-sach{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.trang-ban-be__card{background:var(--mau-nen-the);border:1px solid var(--mau-vien);border-radius:14px;align-items:center;gap:12px;min-width:0;padding:14px 16px;display:flex;box-shadow:0 2px 8px -4px #1f428726}.trang-ban-be__card-thong-tin{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.trang-ban-be__card-ten{color:var(--mau-chu-dam);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.trang-ban-be__card-email,.trang-ban-be__card-phu{color:var(--mau-chu-phu);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.trang-ban-be__card-trang-thai{color:var(--mau-chinh);font-size:12px}.trang-ban-be__card-khoa{color:var(--mau-chu-phu);font-size:12px}.trang-ban-be__card-hanh-dong{flex-shrink:0;gap:8px;display:flex}.trang-ban-be__nut-nhan-tin{flex-shrink:0;width:auto;min-height:36px;padding:8px 18px}.trang-ban-be__menu-cum{flex-shrink:0;position:relative}.trang-ban-be__nut-menu{cursor:pointer;color:var(--mau-chu-phu);background:0 0;border:none;border-radius:8px;padding:6px 8px;font-size:18px;line-height:1}.trang-ban-be__nut-menu:hover{background:var(--mau-nen-tren)}.trang-ban-be__menu{background:var(--mau-nen-the);border:1px solid var(--mau-vien);min-width:160px;box-shadow:var(--bong-the);z-index:10;border-radius:10px;flex-direction:column;padding:6px;display:flex;position:absolute;top:100%;right:0}.trang-ban-be__menu button{text-align:left;color:var(--mau-chu-dam);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px}.trang-ban-be__menu button:hover{background:var(--mau-nen-tren)}.trang-ban-be__menu-nguy-hiem{color:var(--mau-loi)!important}.trang-ban-be__nut-phu{border:1px solid var(--mau-vien);background:var(--mau-nen-the);color:var(--mau-chu-dam);cursor:pointer;border-radius:999px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600}.trang-ban-be__ho-so{background:var(--mau-nen-the);border-left:1px solid var(--mau-vien);text-align:center;box-sizing:border-box;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:280px;height:100%;padding:24px;display:flex;overflow-y:auto}.trang-ban-be__dong-ho-so{cursor:pointer;color:var(--mau-chu-phu);background:0 0;border:none;align-self:flex-end;font-size:20px}.trang-ban-be__email-ho-so{color:var(--mau-chu-phu);margin:0 0 12px;font-size:13px}@media (width<=640px){.trang-ban-be{padding:16px 12px}.trang-ban-be__card{flex-wrap:wrap}.trang-ban-be__nut-nhan-tin{flex:1;min-height:40px}.trang-ban-be__menu{max-width:calc(100vw - 32px);left:auto;right:0}.trang-ban-be__ho-so{z-index:20;width:100%;position:fixed;inset:0}}.cong-tac{background:var(--mau-vien);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:40px;height:22px;padding:2px;transition:background .15s;position:relative}.cong-tac--bat{background:var(--mau-chinh)}.cong-tac:disabled{opacity:.5;cursor:not-allowed}.cong-tac__nut{background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .15s;display:block}.cong-tac--bat .cong-tac__nut{transform:translate(18px)}.trang-cai-dat{box-sizing:border-box;align-items:flex-start;gap:32px;max-width:900px;margin:0 auto;padding:16px 24px;display:flex}.trang-cai-dat__menu{flex-direction:column;flex-shrink:0;gap:4px;width:200px;display:flex}.trang-cai-dat__muc-menu,.trang-cai-dat__muc-menu--chon{text-align:left;border-radius:var(--ban-kinh-o);cursor:pointer;color:var(--mau-chu-dam);background:0 0;border:none;padding:10px 14px;font-family:inherit;font-size:14px}.trang-cai-dat__muc-menu--chon{background:var(--mau-nen-tren);color:var(--mau-chinh-dam);font-weight:700}.trang-cai-dat__noi-dung{flex:1;min-width:0}.trang-cai-dat__noi-dung h2{margin-bottom:20px;font-size:16px}.trang-cai-dat__da-luu{color:var(--mau-chinh-dam);margin-top:8px;font-size:13px}.trang-cai-dat__da-ap-dung{color:var(--mau-chu-phu);font-size:13px;line-height:1.6}@media (width<=640px){.trang-cai-dat{flex-direction:column}.trang-cai-dat__menu{flex-direction:row;width:100%;overflow-x:auto}.trang-cai-dat__hang-tk{align-items:flex-start}.trang-cai-dat__ngan-doc{display:none}.trang-cai-dat__cot-ten{width:100%}.trang-cai-dat__hang-duoi{justify-content:flex-start}.trang-cai-dat__hang-duoi .nut-chinh{width:100%}}.trang-cai-dat__dong{background:var(--mau-nen-the);border-radius:var(--ban-kinh-o);border:1px solid var(--mau-vien);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:16px;display:flex}.trang-cai-dat__the{background:var(--mau-nen-the);border:1px solid var(--mau-vien);border-radius:var(--ban-kinh-the);box-sizing:border-box;margin-bottom:12px;padding:14px 20px}.trang-cai-dat__than{margin-top:10px}.trang-cai-dat__khoi-hep{max-width:420px}.trang-cai-dat__khoi-hep .truong-nhap{margin-bottom:8px}.trang-cai-dat__khoi-hep .truong-nhap__input{padding:9px 10px}.trang-cai-dat__hang-nut{justify-content:flex-end;margin-top:8px;display:flex}.trang-cai-dat__the-dau{align-items:center;gap:10px;margin-bottom:2px;display:flex}.trang-cai-dat__the-icon{background:var(--mau-nen-tren);width:30px;height:30px;color:var(--mau-chinh-dam);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.trang-cai-dat__the-tieu-de{margin:0;font-size:15px}.trang-cai-dat__the-phu-de{color:var(--mau-chu-phu);margin:0 0 10px 40px;font-size:12px}.trang-cai-dat__hang-tk{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.trang-cai-dat__hang-tk .avatar--lon{width:56px;height:56px;font-size:22px}.trang-cai-dat__thong-tin-co-ban{flex-direction:column;flex:0 0 220px;gap:6px;width:220px;min-width:0;display:flex}.trang-cai-dat__dong-tt--email{min-width:0}.trang-cai-dat__dong-tt--email span{min-width:0;overflow:hidden}.trang-cai-dat__email{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.trang-cai-dat__dong-tt{color:var(--mau-chu-phu);align-items:flex-start;gap:8px;margin:0;font-size:12px;display:flex}.trang-cai-dat__dong-tt svg{color:var(--mau-chinh-dam);flex-shrink:0;margin-top:2px}.trang-cai-dat__dong-tt strong{color:var(--mau-chu-dam);font-size:14px;font-weight:700;display:block}.trang-cai-dat__ngan-doc{background:var(--mau-vien);flex-shrink:0;align-self:stretch;width:1px}.trang-cai-dat__anh-goi-y{color:var(--mau-chu-phu);margin:0;font-size:11px}.trang-cai-dat__cot-ten{flex:1;min-width:200px}.trang-cai-dat__gach{border:none;border-top:1px solid var(--mau-vien);margin:12px 0 0}.trang-cai-dat__hang-duoi{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.trang-cai-dat__doi-anh-cum{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.trang-cai-dat__nhan-ten{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.trang-cai-dat__o-ten{border:1px solid var(--mau-vien);background:var(--mau-nen-the);width:100%;color:var(--mau-chu-dam);box-sizing:border-box;border-radius:10px;padding:8px 14px;font-family:inherit;font-size:14px}.trang-cai-dat__dem-ky-tu{text-align:right;color:var(--mau-chu-phu);margin-top:4px;font-size:11px;display:block}.trang-cai-dat__nut-nho{width:auto;padding:8px 18px}.trang-cai-dat__giao-dien{gap:12px;display:flex}.trang-cai-dat__nut-giao-dien{border:1px solid var(--mau-vien);border-radius:var(--ban-kinh-o);background:var(--mau-nen-the);color:var(--mau-chu-dam);cursor:pointer;padding:10px 20px;font-family:inherit}.trang-cai-dat__nut-giao-dien--chon{background:var(--mau-chinh);border-color:var(--mau-chinh);color:#fff;font-weight:700}.trang-cai-dat__nut-doi-anh{cursor:pointer;background:var(--mau-nen-tren);color:var(--mau-chinh-dam);border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.trang-cai-dat__nut-doi-anh:hover{border-color:var(--mau-chinh)}.panel-thong-tin-nhom{background:var(--mau-nen-the);border-left:1px solid var(--mau-vien);text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:300px;min-height:100vh;padding:24px;display:flex;overflow-y:auto}.panel-thong-tin-nhom__dong{cursor:pointer;color:var(--mau-chu-phu);background:0 0;border:none;align-self:flex-end;font-size:20px}.panel-thong-tin-nhom__ten{margin:8px 0 0}.panel-thong-tin-nhom__so-thanh-vien{color:var(--mau-chu-phu);margin:0 0 8px;font-size:13px}.panel-thong-tin-nhom__hang-nut{gap:8px;width:100%;display:flex}.panel-thong-tin-nhom__hang-nut .nut-chinh,.panel-thong-tin-nhom__hang-nut .nut-phu{flex:1;width:auto}.panel-thong-tin-nhom__phan{text-align:left;width:100%;margin-top:16px}.panel-thong-tin-nhom__phan h4{color:var(--mau-chu-phu);margin:0 0 8px;font-size:13px}.panel-thong-tin-nhom__avatar-hang{flex-wrap:wrap;gap:8px;display:flex}.panel-thong-tin-nhom__nut-them{border:1px solid var(--mau-vien);background:var(--mau-nen-tren);width:32px;height:32px;color:var(--mau-chu-phu);cursor:pointer;border-radius:999px;font-family:inherit}.panel-thong-tin-nhom__hang-lien-ket{text-align:left;border:none;border-top:1px solid var(--mau-vien);width:100%;color:var(--mau-chinh-dam);cursor:pointer;background:0 0;margin-top:16px;padding:10px 0;font-family:inherit;font-weight:600}@media (width<=640px){.panel-thong-tin-nhom{border-left:none;border-top:1px solid var(--mau-vien);width:100%;min-height:auto}}.panel-thong-tin-nhom__anh-cum{position:relative}.panel-thong-tin-nhom__nut-doi-anh{border:2px solid var(--mau-nen-the);background:var(--mau-chinh-dam);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex;position:absolute;bottom:0;right:0}.panel-quan-ly-nhom{background:var(--mau-nen-the);border-left:1px solid var(--mau-vien);box-sizing:border-box;flex-shrink:0;width:320px;min-height:100vh;padding:24px;overflow-y:auto}.panel-quan-ly-nhom__dong{cursor:pointer;color:var(--mau-chu-phu);background:0 0;border:none;padding:0 0 12px;font-size:18px}.panel-quan-ly-nhom h3{margin:0 0 16px}.panel-quan-ly-nhom__doi-anh{flex-direction:column;align-items:center;gap:8px;margin-bottom:20px;display:flex}.panel-quan-ly-nhom__nut-doi-anh{cursor:pointer;font-size:13px;display:inline-block}.panel-quan-ly-nhom__nhan{color:var(--mau-chu-phu);margin-bottom:16px;font-size:13px;display:block}.panel-quan-ly-nhom__hang-ten{gap:8px;margin-top:6px;display:flex}.panel-quan-ly-nhom__hang-ten input{border:1px solid var(--mau-vien);border-radius:var(--ban-kinh-o);background:var(--mau-nen-the);color:var(--mau-chu-dam);flex:1;padding:8px 12px;font-family:inherit;font-size:14px}.panel-quan-ly-nhom__hang-ten .nut-chinh{width:auto;padding:8px 16px}.panel-quan-ly-nhom__phan{margin-top:8px}.panel-quan-ly-nhom__phan h4{color:var(--mau-chu-phu);margin:0 0 8px;font-size:13px}.panel-quan-ly-nhom__ds-thanh-vien{flex-direction:column;gap:8px;margin:0 0 12px;padding:0;list-style:none;display:flex}.panel-quan-ly-nhom__ds-thanh-vien li{align-items:center;gap:8px;font-size:13px;display:flex}.panel-quan-ly-nhom__ds-thanh-vien li span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.panel-quan-ly-nhom__ds-thanh-vien li button{color:var(--mau-chu-phu);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:16px}.panel-quan-ly-nhom__them-thanh-vien{border:1px solid var(--mau-vien);border-radius:var(--ban-kinh-o);background:var(--mau-nen-the);width:100%;color:var(--mau-chu-dam);padding:8px 12px;font-family:inherit}@media (width<=640px){.panel-quan-ly-nhom{border-left:none;border-top:1px solid var(--mau-vien);width:100%;min-height:auto}}.trang-nhom{height:100%;display:flex}.trang-nhom__sidebar{background:var(--mau-nen-the);border-right:1px solid var(--mau-vien);flex-direction:column;flex-shrink:0;gap:12px;width:280px;padding:16px;display:flex;overflow-y:auto}.trang-nhom__nut-tao{border-radius:var(--ban-kinh-o);background:linear-gradient(135deg, var(--mau-chinh-nhat), var(--mau-chinh-dam));color:#fff;cursor:pointer;border:none;padding:10px;font-weight:700}.trang-nhom__tim-kiem{border:1px solid var(--mau-vien);border-radius:var(--ban-kinh-o);padding:8px 12px;font-family:inherit;font-size:13px}.trang-nhom__danh-sach{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.trang-nhom__muc{border-radius:var(--ban-kinh-o);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;display:flex}.trang-nhom__muc:hover,.trang-nhom__muc--dang-chon{background:var(--mau-nen-tren)}.trang-nhom__ten-cum{flex-direction:column;min-width:0;display:flex}.trang-nhom__ten{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.trang-nhom__so-thanh-vien{color:var(--mau-chu-phu);font-size:12px}.trang-nhom__trong-rong{color:var(--mau-chu-phu);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.trang-nhom__trong-tieu-de{color:var(--mau-chu-dam);margin:0;font-size:18px;font-weight:700}.trang-nhom__khung-phai{flex:1;min-width:0;display:flex}.trang-nhom__nut-roi{border:1px solid var(--mau-loi);background:var(--mau-nen-the);width:100%;color:var(--mau-loi);border-radius:var(--ban-kinh-o);cursor:pointer;margin-top:16px;padding:8px;font-family:inherit;font-weight:600}.trang-nhom__modal-nen{z-index:10;background:#101b3366;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.trang-nhom__modal{background:var(--mau-nen-the);border-radius:var(--ban-kinh-the);box-sizing:border-box;width:400px;max-width:calc(100vw - 32px);max-height:85vh;padding:24px;overflow-y:auto}.trang-nhom__modal input[type=text]{border:1px solid var(--mau-vien);border-radius:var(--ban-kinh-o);background:var(--mau-nen-the);width:100%;color:var(--mau-chu-dam);box-sizing:border-box;padding:10px 12px;font-family:inherit;font-size:14px}.trang-nhom__modal-dau{align-items:flex-start;gap:12px;display:flex}.trang-nhom__modal-icon{background:var(--mau-nen-tren);width:40px;height:40px;color:var(--mau-chinh-dam);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.trang-nhom__modal-tieu-de-cum{flex:1;min-width:0}.trang-nhom__modal-tieu-de{margin:0;font-size:17px}.trang-nhom__modal-phu-de{color:var(--mau-chu-phu);margin:2px 0 0;font-size:13px}.trang-nhom__modal-dong{cursor:pointer;color:var(--mau-chu-phu);background:0 0;border:none;flex-shrink:0;padding:0;font-size:20px;line-height:1}.trang-nhom__modal-chia{border:none;border-top:1px solid var(--mau-vien);margin:16px 0}.trang-nhom__modal-anh-ten{align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.trang-nhom__modal-anh-upload{border:2px dashed var(--mau-vien);border-radius:var(--ban-kinh-o);width:56px;height:56px;color:var(--mau-chu-phu);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.trang-nhom__modal-anh-upload .avatar{width:100%;height:100%}.trang-nhom__modal-nhan-ten{min-width:0;color:var(--mau-chu-phu);flex:1;font-size:13px}.trang-nhom__modal-nhan-ten input{margin-top:6px}.trang-nhom__modal-nhan-thanh-vien{color:var(--mau-chu-phu);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.trang-nhom__modal-badge{background:var(--mau-nen-tren);color:var(--mau-chinh-dam);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.trang-nhom__modal-tim-thanh-vien{margin-bottom:8px}.trang-nhom__modal-ds-thanh-vien{border:1px solid var(--mau-vien);border-radius:var(--ban-kinh-o);min-height:120px;max-height:220px;margin-bottom:16px;overflow-y:auto}.trang-nhom__modal-trong{height:100%;min-height:120px;color:var(--mau-chu-phu);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex}.trang-nhom__modal-trong p{margin:0;font-size:13px}.trang-nhom__chon-thanh-vien{margin:0;padding:6px;list-style:none}.trang-nhom__modal-hang-thanh-vien{border-radius:var(--ban-kinh-o);cursor:pointer;align-items:center;gap:10px;padding:8px;font-size:14px;display:flex}.trang-nhom__modal-hang-thanh-vien:hover{background:var(--mau-nen-tren)}.trang-nhom__modal-hang-thanh-vien span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.trang-nhom__modal-hanh-dong{gap:10px;display:flex}.trang-nhom__modal-hanh-dong button{flex:1;width:auto}@media (width<=640px){.trang-nhom{flex-direction:column}.trang-nhom__sidebar{width:100%}.trang-nhom__khung-phai{flex-direction:column}.trang-nhom__sidebar,.trang-nhom__trong-rong{display:none}.trang-nhom:not(.trang-nhom--da-chon) .trang-nhom__sidebar{width:100%;display:flex}.trang-nhom__khung-phai{width:100%}}