:root{--nen: #ffffff;--nen-mo: #f2f3f5;--nen-chim: #fafafa;--vien: #f1f1f2;--vien-dam: #e3e3e4;--chu: #000000;--chu-vua: #1a1a1e;--chu-nhat: #4a4a52;--xanh: #0d7d72;--cam: #ff8c00;--cam-dam: #e57e00;--xanh-dam: #0a675e;--xanh-mo: #e6f4f2;--xanh-vien: #b7ded8;--ok: #00b578;--ok-mo: #e8f8f2;--canh-bao: #ff8f1f;--loi: #fe2c55;--loi-mo: #fff1f4;--bo-goc: 6px;--rong-cot-app: 108px;--rong-cot-tinh-nang: 238px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:TikTok Sans,Segoe UI,system-ui,-apple-system,Noto Sans,sans-serif;font-size:14px;color:var(--chu);background:var(--nen);-webkit-font-smoothing:antialiased}.vo{display:grid;grid-template-columns:var(--rong-cot-app) var(--rong-cot-tinh-nang) 1fr;height:100%;background:var(--nen)}.cot-app{display:flex;flex-direction:column;border-right:1px solid var(--vien)}.logo-okt{display:grid;place-items:center;height:56px;flex:0 0 56px;border-bottom:1px solid var(--vien);color:var(--cam);text-decoration:none}.logo-okt:hover{background:var(--nen-mo);color:var(--cam-dam)}.logo-nha{font-size:17px;line-height:1}.logo-chu{margin-top:2px;font-weight:800;font-size:12px;line-height:1;letter-spacing:1px}.ds-app{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:8px 6px 20px}.app-o{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;padding:11px 4px 10px;margin-bottom:2px;border:none;border-radius:var(--bo-goc);background:none;font:inherit;font-size:12.5px;line-height:1.3;text-align:center;color:var(--chu-vua);text-decoration:none;cursor:pointer}.app-o{font-size:13px}.app-o:hover{background:var(--nen-mo);color:var(--xanh)}.app-o.chon{color:var(--xanh);font-weight:600}.app-o.chon:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--xanh)}.app-o-icon{font-size:20px;line-height:1}.app-o-ten{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ds-app-nhan{padding:12px 8px 4px;font-size:11.5px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--chu-nhat);text-align:center}.cot-tinh-nang{display:flex;flex-direction:column;border-right:1px solid var(--vien);overflow-y:auto}.tinh-nang-dau{display:flex;flex-direction:column;justify-content:center;height:56px;flex:0 0 56px;padding:0 14px;border-bottom:1px solid var(--vien)}.tinh-nang-dau strong{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tinh-nang-dau small{font-size:12.5px;color:var(--chu-nhat)}.ds-tinh-nang{padding:8px}.tn-o{position:relative;display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;margin-bottom:1px;border:none;border-radius:var(--bo-goc);background:none;font:inherit;font-size:14px;text-align:left;color:var(--chu-vua);text-decoration:none;cursor:pointer}.tn-o:hover{background:var(--nen-mo);color:var(--xanh)}.tn-o.chon{color:var(--xanh);font-weight:600}.tn-o-icon{flex:0 0 18px;text-align:center;font-size:14px}.tn-o-chu{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cot-noi-dung{display:flex;flex-direction:column;min-width:0;height:100%}.o-tai-khoan{position:relative;display:grid;place-items:center;padding:10px 0 14px;margin-top:auto;border-top:1px solid var(--vien);cursor:pointer}.o-tai-khoan:hover{background:var(--nen-mo)}.o-tai-khoan .nd-menu{top:auto;bottom:calc(100% - 4px);left:8px;right:auto;width:max-content;max-width:260px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--cam);color:#fff;display:grid;place-items:center;font-weight:600;font-size:13.5px}.nd-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:var(--nen);border:1px solid var(--vien-dam);border-radius:8px;box-shadow:0 4px 16px #16182314;padding:6px;z-index:50}.nd-menu-dau{display:flex;flex-direction:column;white-space:nowrap;padding:8px 10px;margin-bottom:4px;border-bottom:1px solid var(--vien)}.nd-menu-dau small{color:var(--chu-nhat);font-size:12.5px}.nd-menu a,.nd-menu button{display:block;width:100%;padding:8px 10px;border:none;border-radius:4px;background:none;font:inherit;color:var(--chu);text-align:left;text-decoration:none;cursor:pointer}.nd-menu a:hover,.nd-menu button:hover{background:var(--nen-mo);color:var(--xanh)}.noi-dung{flex:1;overflow:auto;padding:20px 24px;background:var(--nen)}.trang{max-width:1400px}.trang.hep{max-width:460px}.trang-dau{margin-bottom:20px}.trang-dau h1{margin:0 0 4px;font-size:24px;font-weight:700}.trang-dau p{margin:0;color:var(--chu-nhat);font-size:14px}.dang-tai{padding:48px;text-align:center;color:var(--chu-nhat)}.rong{padding:32px;text-align:center;color:var(--chu-nhat);border:1px solid var(--vien);border-radius:8px}.luoi-app{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px}.the-app{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border:1px solid var(--vien-dam);border-radius:8px;background:var(--nen);font:inherit;text-align:left;cursor:pointer}.the-app:hover{background:var(--nen-mo);border-color:var(--xanh)}.the-app:hover .the-app-ten{color:var(--xanh)}.the-app.chua-xong{opacity:.7}.the-app-icon{font-size:26px}.the-app-ten{font-weight:600;font-size:16px}.the-app-mota{color:var(--chu-nhat);font-size:14px;line-height:1.45}.the-app-nhan{position:absolute;top:12px;right:12px;padding:2px 7px;border-radius:999px;background:var(--xanh-mo);color:var(--xanh);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.the{padding:18px;margin-bottom:16px;border:1px solid var(--vien-dam);border-radius:8px;background:var(--nen)}label{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;font-size:14px;font-weight:600;color:var(--chu-vua)}label.cong-tac{flex-direction:row;align-items:center;gap:6px;margin:0;font-weight:400;color:var(--chu);cursor:pointer}input,select,textarea{min-width:0;padding:8px 10px;border:1px solid var(--vien-dam);border-radius:var(--bo-goc);background:var(--nen);font:inherit;color:var(--chu);outline:none}input:hover,select:hover,textarea:hover{border-color:var(--chu-nhat)}input:focus,select:focus,textarea:focus{border-color:var(--xanh)}input[type=checkbox]{accent-color:var(--xanh)}.hang-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 14px}.hang-nut{display:flex;align-items:center;gap:8px;margin-bottom:14px}.nut{padding:7px 14px;border:1px solid var(--vien-dam);border-radius:var(--bo-goc);background:var(--nen);font:inherit;color:var(--chu);cursor:pointer}.nut:hover:not(:disabled){background:var(--nen-mo);border-color:var(--xanh);color:var(--xanh)}.nut.chinh{border-color:var(--xanh);background:var(--xanh);color:#fff;font-weight:600}.nut.chinh:hover:not(:disabled){background:var(--xanh-dam);border-color:var(--xanh-dam)}.nut.nho{padding:4px 9px;font-size:13.5px}.nut:disabled{opacity:.45;cursor:not-allowed}.bang-cuon{overflow:auto;border:1px solid var(--vien-dam);border-radius:8px}.bang-cuon.cao{max-height:calc(100vh - 260px);min-height:200px}.bang-cuon.cao thead th{position:sticky;top:0;z-index:1;background:var(--nen-chim)}.hang-loc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.hang-loc label{display:inline-flex;align-items:center;gap:6px;color:var(--chu-nhat);font-size:13.5px;white-space:nowrap}.hang-loc input[type=date]{width:150px}.hang-loc select{max-width:190px}.bang{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}.bang th,.bang td{padding:9px 12px;border-bottom:1px solid var(--vien);text-align:left}.bang th{position:sticky;top:0;z-index:1;background:var(--nen-chim);font-size:12.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--chu-nhat)}.bang tbody tr:hover{background:var(--nen-mo)}.bang tbody tr:last-child td{border-bottom:none}.mo-nhat{color:var(--chu-nhat);font-size:13.5px}.bao-ok,.bao-loi{margin-bottom:12px;padding:9px 12px;border-radius:var(--bo-goc);font-size:14px}.bao-ok{border:1px solid #bdeadb;background:var(--ok-mo);color:var(--ok)}.bao-loi{border:1px solid #ffd0d9;background:var(--loi-mo);color:var(--loi)}.dn-nen{display:grid;place-items:center;height:100%;padding:20px;background:var(--nen)}.dn-the{width:100%;max-width:344px;padding:30px 28px;border:1px solid var(--vien-dam);border-radius:12px}.dn-logo{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:10px;background:var(--cam);color:#fff;font-weight:800;letter-spacing:.5px}.dn-the h1{margin:0 0 2px;font-size:22px;font-weight:700}.dn-phu{margin:0 0 22px;font-size:14px;color:var(--chu-nhat)}.dn-the input{width:100%;padding:9px 11px}.dn-the .nut{width:100%;margin-top:4px;padding:10px}.dn-the .nut.chinh{border-color:var(--cam);background:var(--cam)}.dn-the .nut.chinh:hover:not(:disabled){border-color:var(--cam-dam);background:var(--cam-dam)}.dn-the input:focus{border-color:var(--cam)}.dn-loi{margin-bottom:12px;padding:9px 12px;border:1px solid #ffd0d9;border-radius:var(--bo-goc);background:var(--loi-mo);color:var(--loi);font-size:14px}@media (max-width: 1100px){.vo{grid-template-columns:84px 190px 1fr}:root{--rong-cot-app: 84px;--rong-cot-tinh-nang: 190px}.noi-dung{padding:16px}}.hang-tinh-nang td{padding:0;background:var(--nen-mo)}.khung-tinh-nang{padding:14px 16px;white-space:normal}.tinh-nang-tieu-de{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.nhom-tinh-nang{margin-bottom:12px}.nhom-tinh-nang-ten{margin-bottom:6px;font-size:11.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--chu-nhat)}.luoi-tinh-nang{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:6px}.o-tinh-nang{display:flex;align-items:flex-start;gap:9px;margin:0;padding:9px 11px;border:1px solid var(--vien-dam);border-radius:var(--bo-goc);background:var(--nen);font-weight:400;color:var(--chu);cursor:pointer}.o-tinh-nang:hover{background:var(--nen-mo);border-color:var(--xanh)}.o-tinh-nang input{margin-top:2px}.o-tinh-nang span{display:flex;flex-direction:column;gap:2px}.o-tinh-nang small{color:var(--chu-nhat);font-size:12px;line-height:1.4}.o-tinh-nang.nhay-cam{border-color:#f0c2c2;background:snow}.o-tinh-nang.nhay-cam:hover{border-color:var(--loi)}.the-canh-bao{align-self:flex-start;margin:2px 0;padding:1px 6px;border-radius:999px;background:var(--loi-mo);color:var(--loi);font-size:10px;font-style:normal;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.the-canh-bao{border-color:#f0c36d;background:#fdf6e3}.luoi-ma{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:12px 0}.luoi-ma code{padding:8px 10px;border:1px solid var(--vien-dam);border-radius:5px;background:#fff;font-size:15px;letter-spacing:.08em;text-align:center;-webkit-user-select:all;user-select:all}.tq{margin-bottom:28px}.tq-dau{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.tq-dau h2{margin:0;font-size:18px;font-weight:700}.tq-luc{color:var(--chu-nhat);font-size:13px}.tq-lam-moi{margin-left:auto;width:30px;height:28px;border:1px solid var(--vien-dam);border-radius:var(--bo-goc);background:var(--nen);color:var(--chu-vua);font:inherit;font-size:15px;cursor:pointer}.tq-lam-moi:hover{border-color:var(--xanh);color:var(--xanh)}.tq-nhom{margin-bottom:16px}.tq-nhom h3{margin:0 0 8px;font-size:13px;font-weight:600;color:var(--chu-nhat);text-transform:uppercase;letter-spacing:.4px}.tq-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.tq-o{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:14px 16px;border:1px solid var(--vien-dam);border-radius:8px;background:var(--nen);color:inherit;font:inherit;text-align:left;cursor:pointer}.tq-o:hover{background:var(--nen-mo);border-color:var(--xanh)}.tq-o.can-lam{border-color:var(--canh-bao);border-left-width:3px;background:#fff8f0}.tq-o.can-lam:hover{background:#fff1e0}.tq-o-loi{cursor:default;border-style:dashed}.tq-nhan{color:var(--chu-nhat);font-size:13px}.tq-so{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.tq-phu{color:var(--chu-nhat);font-size:12.5px;line-height:1.4}.tq-phu.xau{color:var(--loi)}.tq-phu.tot{color:var(--ok)}.tq-cho{padding:16px 0 24px;color:var(--chu-nhat)}.bao-loi-tq{margin-bottom:12px;padding:9px 12px;border:1px solid #f3b4ae;border-radius:var(--bo-goc);background:var(--loi-mo);color:#b3261e;font-size:13px}.tq-chu-thich{margin:4px 0 0;color:var(--chu-nhat);font-size:12.5px}.tinh-nang-dau{flex-direction:row;align-items:center;gap:6px}.tinh-nang-chu{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1 1 auto}.nut-thu-gon{flex:0 0 auto;width:24px;height:24px;padding:0;border:1px solid var(--vien);border-radius:6px;background:transparent;color:var(--chu-nhat);font-size:15px;line-height:1;cursor:pointer}.nut-thu-gon:hover{background:var(--nen-mo, rgba(0, 0, 0, .04));color:inherit}.vo.thu-gon{--rong-cot-tinh-nang: 52px}.vo.thu-gon .tinh-nang-chu,.vo.thu-gon .tn-o-chu{display:none}.vo.thu-gon .tinh-nang-dau{justify-content:center;padding:0}.vo.thu-gon .ds-tinh-nang{padding:8px 6px}.vo.thu-gon .tn-o{justify-content:center;padding-left:0;padding-right:0;gap:0}