:root{--nen: #ffffff;--nen-mo: #f2f3f5;--nen-chim: #fafafa;--vien: #f1f1f2;--vien-dam: #e3e3e4;--chu: #000000;--chu-vua: #1a1a1e;--chu-nhat: #4a4a52;--xanh: #0d7d72;--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);overflow-y:auto;overflow-x:hidden}.logo-okt{display:grid;place-items:center;height:56px;flex:0 0 56px;border-bottom:1px solid var(--vien);color:var(--chu);font-weight:800;font-size:16px;letter-spacing:1px;text-decoration:none}.logo-okt:hover{background:var(--nen-mo);color:var(--xanh)}.ds-app{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}.avatar{width:28px;height:28px;border-radius:50%;background:var(--xanh);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;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-nho{font-style:normal;font-size:11.5px;padding:1px 5px;border-radius:999px;background:var(--xanh-mo);color:var(--xanh);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}.tab-thanh{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--vien)}.tab-thanh button{padding:9px 14px;margin-bottom:-1px;border:none;border-bottom:2px solid transparent;background:none;font:inherit;color:var(--chu-nhat);cursor:pointer}.tab-thanh button:hover{background:var(--nen-mo);color:var(--xanh)}.tab-thanh button.chon{border-bottom-color:var(--xanh);color:var(--xanh);font-weight:600}.bang-cuon{overflow-x:auto;border:1px solid var(--vien-dam);border-radius:8px}.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(--xanh);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-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}.nd-ten{display:none}}