:root{--nen: #f4f6fb;--the: #ffffff;--vien: #e2e8f0;--chu: #0f172a;--chu-mo: #64748b;--chinh: #1d4ed8;--chinh-nhat: #dbeafe;--xanh: #059669;--do: #dc2626;--cam: #ea580c;--tim: #7c3aed;--bong: 0 1px 2px rgba(15, 23, 42, .06), 0 4px 12px rgba(15, 23, 42, .05);--tron: 12px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--nen);color:var(--chu);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.ung-dung{max-width:1180px;margin:0 auto;padding:0 14px 90px}.dau-trang{padding:16px 0 12px}.dau-trai{display:flex;gap:12px;align-items:center;min-width:0}.huy-hieu{width:46px;height:46px;flex:none;border-radius:12px;background:linear-gradient(135deg,var(--chinh),#4f46e5);color:#fff;font-weight:800;font-size:17px;display:grid;place-items:center;box-shadow:var(--bong)}.dau-trang h1{margin:0;font-size:17px;font-weight:700;letter-spacing:-.2px}.dau-trang p{margin:2px 0 0;font-size:12.5px;color:var(--chu-mo)}.btn{border:1px solid var(--vien);background:var(--the);border-radius:9px;padding:8px 12px;cursor:pointer;font-weight:600;transition:.12s}.btn:hover{border-color:#cbd5e1;background:#f8fafc}.btn-nho{padding:6px 10px;font-size:13px}.tab{display:flex;gap:6px;background:var(--the);padding:5px;border-radius:12px;box-shadow:var(--bong);margin-bottom:14px}.tab-nut{flex:1;min-width:0;border:0;background:transparent;padding:10px 6px;border-radius:9px;cursor:pointer;font-weight:600;color:var(--chu-mo);font-size:14px;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:6px;-webkit-tap-highlight-color:transparent}.tab-icon{font-size:15px}.tab-nut:hover{background:#f1f5f9}.tab-chon{background:var(--chinh-nhat);color:var(--chinh)}.thanh-tim{background:var(--the);border-radius:var(--tron);padding:12px;box-shadow:var(--bong);margin-bottom:12px}.o-tim{width:100%;padding:11px 14px;border:1px solid var(--vien);border-radius:10px;background:#f8fafc;outline:none}.o-tim:focus{border-color:var(--chinh);background:#fff;box-shadow:0 0 0 3px var(--chinh-nhat)}.chip-hang{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:10px}.chip{border:1px solid var(--vien);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer;font-weight:500}.chip:hover{border-color:#cbd5e1}.chip-chon{background:var(--chinh);border-color:var(--chinh);color:#fff}.chip-tinh{cursor:default;background:#f8fafc}.chip-phu{color:var(--chu-mo);font-size:12px}.chon-nho{border:1px solid var(--vien);border-radius:999px;padding:6px 10px;font-size:13px;background:#fff;cursor:pointer}.ngan-doc{width:1px;height:20px;background:var(--vien)}.dem{font-size:13px;color:var(--chu-mo);margin:0 4px 10px;display:flex;gap:10px;align-items:center}.xoa-loc{border:0;background:none;color:var(--chinh);cursor:pointer;font-size:13px;font-weight:600;text-decoration:underline;padding:0}.avatar{position:relative;flex:none;border-radius:50%;color:#fff;display:grid;place-items:center;font-weight:700;-webkit-user-select:none;user-select:none}.avatar-gt{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:2px solid #fff}.avatar-gt.nam{background:#0ea5e9}.avatar-gt.nu{background:#ec4899}.luoi-the{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:12px}.the{background:var(--the);border-radius:var(--tron);box-shadow:var(--bong);padding:11px 12px;cursor:pointer;border:1px solid transparent;transition:.12s;min-width:0;overflow:hidden;display:flex;gap:11px;align-items:center;-webkit-tap-highlight-color:transparent}.the:hover{border-color:#c7d2fe;box-shadow:0 4px 16px #0f172a17}.the:active{background:#f8fafc}.the-giua{flex:1;min-width:0}.the-phai{display:flex;align-items:center;gap:4px;flex:none}.the-ten{font-weight:700;font-size:15px;display:flex;gap:5px;align-items:center;min-width:0}.the-phu{font-size:12px;color:var(--chu-mo);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag{font-size:11px;font-weight:700;padding:2px 7px;border-radius:999px}.tag-sn{background:#fef3c7;color:#b45309}.tag-sn-gan{background:#f1f5f9;color:var(--chu-mo)}.the-ph{font-size:12.5px;color:#334155;margin-top:5px;display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}.the-ph-ten{overflow:hidden;text-overflow:ellipsis}.the-ph-sdt{color:var(--chu-mo);flex:none}.cham{color:var(--chu-mo)}.canh-bao{color:var(--cam);font-size:13px;font-weight:600}.nut-tron{display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;border-radius:50%;font-size:15px;line-height:1;border:1px solid var(--vien);background:#fff;cursor:pointer;font-weight:700;transition:transform .1s,filter .1s;-webkit-tap-highlight-color:transparent}.nut-tron:active{transform:scale(.92)}.nut-tron.nut-goi{background:var(--xanh);border-color:var(--xanh);color:#fff;box-shadow:0 2px 6px #05966959}.nut-tron.nut-goi:hover{filter:brightness(1.08)}.nut-tron.nut-sms{color:var(--chinh);border-color:#bfdbfe;background:#eff6ff}.nut-tron.nut-zalo{color:#0068ff;border-color:#bfdbfe;background:#eff6ff}.nut-tron.nut-chep{color:var(--chu-mo)}.lienhe{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:10px;border:1px solid var(--vien);border-radius:10px;margin-bottom:8px;background:#fff}.lienhe-info{display:flex;gap:10px;align-items:center;min-width:0}.lienhe-ten{font-weight:600}.lienhe-meta{font-size:12.5px;color:var(--chu-mo)}.lienhe-nut{display:flex;gap:6px}.vaitro{font-size:11px;font-weight:700;padding:3px 8px;border-radius:999px;flex:none}.vaitro.cha{background:#dbeafe;color:#1e40af}.vaitro.me{background:#fce7f3;color:#9d174d}.vaitro.nho{margin-left:6px}.lop-phu{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:50;display:flex;justify-content:flex-end}.ngan-keo{width:min(560px,100%);background:var(--nen);height:100%;overflow-y:auto;padding:14px 16px 40px;box-shadow:-8px 0 30px #0f172a2e;animation:truot .18s ease-out}@keyframes truot{0%{transform:translate(24px);opacity:.6}to{transform:none;opacity:1}}.keo-dau{display:flex;align-items:center;justify-content:space-between;gap:10px;position:sticky;top:-14px;background:var(--nen);padding:10px 0;z-index:2}.dong-x{border:0;background:var(--the);width:34px;height:34px;border-radius:9px;cursor:pointer;font-size:15px;box-shadow:var(--bong)}.keo-tieude{display:flex;gap:14px;align-items:center;padding:6px 2px 16px}.keo-tieude h2{margin:0;font-size:21px}.keo-phu{color:var(--chu-mo);font-size:13px;margin-top:3px}.nhac-sn{margin-top:6px;font-size:13px;font-weight:600;color:#b45309;background:#fef3c7;display:inline-block;padding:3px 10px;border-radius:999px}.khoi{background:var(--the);border-radius:var(--tron);padding:14px;margin-bottom:12px;box-shadow:var(--bong)}.khoi h3{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--chu-mo)}.dong{display:flex;gap:12px;padding:6px 0;font-size:14px;border-bottom:1px dashed #f1f5f9}.dong:last-child{border-bottom:0}.dong-nhan{color:var(--chu-mo);width:150px;flex:none}.dong-gt{font-weight:500}.ngan{height:10px}.phu-de{font-size:13px;font-weight:600;margin:10px 0 6px;color:#334155}.the-vcf{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(135deg,#eff6ff,#eef2ff);border:1px solid #bfdbfe;border-radius:var(--tron);padding:13px 14px;margin-bottom:12px}.vcf-chu{flex:1;min-width:180px;display:flex;flex-direction:column;gap:3px}.vcf-chu b{font-size:14px}.vcf-chu span{font-size:12.5px;color:#475569}.the-vcf code{background:#fff;border:1px solid var(--vien);border-radius:5px;padding:1px 5px;font-size:11.5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.btn-vcf{flex:none;background:var(--chinh);border:1px solid var(--chinh);color:#fff;border-radius:9px;padding:10px 16px;font-weight:700;font-size:13.5px;cursor:pointer;white-space:nowrap}.btn-vcf:hover{background:#1e40af;border-color:#1e40af}.btn-vcf:active{transform:scale(.98)}.vcf-buoc{flex:1 1 100%;margin:4px 0 0;padding-left:20px;font-size:12.5px;color:#475569;line-height:1.65}.vcf-luu-y{flex:1 1 100%;margin:2px 0 0;font-size:12px;color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:7px 10px}.dbthanh{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--chu-mo);margin:0 4px 10px}.dbthanh-nut{display:flex;gap:6px;flex-wrap:wrap}.ds-lienhe{list-style:none;margin:0;padding:0;background:var(--the);border-radius:var(--tron);box-shadow:var(--bong);overflow:hidden}.ds-lienhe li{display:flex;gap:12px;align-items:center;padding:11px 14px;border-bottom:1px solid #f1f5f9}.ds-lienhe li:last-child{border-bottom:0}.ds-lienhe li:hover{background:#f8fafc}.lh-giua{flex:1;min-width:0}.lh-ten{font-weight:600}.lh-phu{font-size:12.5px;color:var(--chu-mo);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lh-nut{display:flex;gap:6px}.rong{padding:40px 16px;text-align:center;color:var(--chu-mo)}.thongbao{font-size:13px;color:var(--xanh);margin:0 4px 10px;font-weight:600}.luoi-tk{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px}.o-tk{background:var(--the);border-radius:var(--tron);padding:14px;box-shadow:var(--bong)}.tk-so{font-size:28px;font-weight:800;letter-spacing:-1px;color:var(--chinh)}.tk-nhan{font-size:13px;color:var(--chu-mo);margin-top:2px}.tk-phu{font-size:12px;color:#94a3b8}.ds-sn{list-style:none;margin:0;padding:0}.ds-sn li{display:flex;gap:10px;align-items:center;padding:7px 0;border-bottom:1px dashed #f1f5f9;cursor:pointer}.ds-sn li:last-child{border-bottom:0}.sn-ten{flex:1;font-weight:600;font-size:14px}.sn-ngay{color:var(--chu-mo);font-size:12.5px}.sn-con{font-size:12px;font-weight:700;background:#f1f5f9;padding:3px 9px;border-radius:999px;color:var(--chu-mo)}.sn-con.homnay{background:#fef3c7;color:#b45309}.bar-dong{display:flex;gap:10px;align-items:center;margin-bottom:6px}.bar-nhan{width:96px;flex:none;font-size:12.5px;color:var(--chu-mo)}.bar-nen{flex:1;height:18px;background:#f1f5f9;border-radius:6px;overflow:hidden}.bar{height:100%;background:linear-gradient(90deg,var(--chinh),#6366f1);border-radius:6px}.bar-so{width:26px;text-align:right;font-weight:700;font-size:13px}.cot-thang{display:flex;gap:5px;align-items:flex-end;height:130px}.thang{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.thang-cot{width:100%;background:linear-gradient(180deg,#6366f1,var(--chinh));border-radius:5px 5px 0 0;margin-top:auto;min-height:3px;display:flex;align-items:flex-start;justify-content:center;color:#fff;font-size:11px;font-weight:700;padding-top:2px}.thang-nhan{font-size:11px;color:var(--chu-mo);margin-top:4px}.the-nghe{display:flex;gap:6px;flex-wrap:wrap}.bao-bang{background:var(--the);border-radius:var(--tron);box-shadow:var(--bong);overflow-x:auto}.bang{width:100%;border-collapse:collapse;font-size:13.5px;white-space:nowrap}.bang th{text-align:left;padding:10px 12px;background:#f8fafc;color:var(--chu-mo);font-size:12px;text-transform:uppercase;letter-spacing:.4px;position:sticky;top:0}.bang td{padding:9px 12px;border-top:1px solid #f1f5f9}.bang tbody tr{cursor:pointer}.bang tbody tr:hover{background:#f8fafc}.o-ten{font-weight:600}.chan{text-align:center;font-size:12.5px;color:var(--chu-mo);padding:24px 10px 0}@media (max-width: 700px){.ung-dung{padding:0 10px calc(76px + env(safe-area-inset-bottom))}.dau-trang{padding:12px 0 10px}.dau-trang h1{font-size:15px}.dau-trang p{font-size:11.5px}.huy-hieu{width:40px;height:40px;font-size:15px;border-radius:11px}.tab{position:fixed;left:0;right:0;bottom:0;z-index:40;margin:0;border-radius:0;padding:5px 6px calc(5px + env(safe-area-inset-bottom));border-top:1px solid var(--vien);box-shadow:0 -2px 14px #0f172a12}.tab-nut{flex-direction:column;gap:1px;font-size:11px;padding:6px 4px}.tab-icon{font-size:19px}.thanh-tim{position:sticky;top:0;z-index:25;padding:10px}.chip-hang{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.chip-hang::-webkit-scrollbar{display:none}.chip,.chon-nho{flex:none}.luoi-the{grid-template-columns:minmax(0,1fr);gap:8px}.btn-vcf{flex:1 1 100%;text-align:center;padding:12px}.o-tim{font-size:16px}.chi-desktop{display:none}.chi-dienthoai{display:inline}.ngan-keo{width:100%;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.dong-nhan{width:118px}.lienhe{padding:9px 10px}.lienhe-nut{flex:none}.luoi-tk{grid-template-columns:1fr 1fr}.chan{padding-bottom:10px}}@media (max-width: 380px){.the{padding:10px;gap:9px}.the-ten{font-size:14.5px}.the-ph-sdt{display:none}}@media print{body{background:#fff}.tab,.thanh-tim,.dem,.chan,.khong-in,.nut-tron,.the-vcf,.lop-phu{display:none!important}.the,.bao-bang,.khoi{box-shadow:none;border:1px solid #ddd;break-inside:avoid}.luoi-the{grid-template-columns:1fr 1fr}.bang{font-size:11px}}