*{box-sizing:border-box;margin:0;padding:0}:root{--xanh:#2049d6;--xanh-dam:#16349f;--xanh-nhat:#eef2fe;--nen:#f3f5f9;--the:#fff;--vien:#e4e7ee;--vien-dam:#cfd5e1;--chu:#171b26;--chu-mo:#5d6577;--chu-nhat:#98a0b0;--do:#d43b3b;--bong:0 1px 2px #171b260d, 0 4px 14px #171b260d;--bong-noi:0 18px 50px #0f142838;--r:12px}html{-webkit-font-smoothing:antialiased}body{background:var(--nen);color:var(--chu);min-height:100vh;font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{color:var(--chu);font-family:inherit;font-size:13.5px}input:focus,select:focus{outline:none;box-shadow:0 0 0 3px #2049d61f;border-color:var(--xanh)!important}.app{min-height:100vh;display:flex}.side{border-right:1px solid var(--vien);background:#fff;flex-direction:column;flex-shrink:0;width:208px;height:100vh;padding:16px 0 0;display:flex;position:sticky;top:0}.side-logo{color:var(--xanh);padding:0 18px 14px;font-size:14.5px;font-weight:800;display:block}.side-grp{text-transform:uppercase;letter-spacing:.7px;color:var(--chu-nhat);padding:12px 18px 6px;font-size:10px;font-weight:800}.side-a{color:var(--chu-mo);border-right:2.5px solid #0000;align-items:center;gap:8px;padding:9px 18px;font-size:12.5px;transition:background .1s;display:flex}.side-a:hover{color:var(--chu);background:#f6f8fc}.side-a.on{background:var(--xanh-nhat);color:var(--xanh);border-right-color:var(--xanh);font-weight:700}.side-duoi{border-top:1px solid var(--vien);margin-top:auto;padding:14px 18px 16px}.side-ten{font-size:12.5px;font-weight:700}.side-vai{color:var(--chu-nhat);margin-bottom:8px;font-size:11px}.side-thoat{border:1.5px solid var(--vien-dam);width:100%;height:30px;color:var(--chu-mo);background:#fff;border-radius:8px;font-size:12px;font-weight:650}.side-thoat:hover{border-color:var(--do);color:var(--do)}.main{flex:1;min-width:0}.mobile-top,.side-che{display:none}.top{border-bottom:1px solid var(--vien);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:54px;padding:0 26px;display:flex;position:sticky;top:0}.logo{color:var(--xanh);letter-spacing:-.2px;font-size:15.5px;font-weight:800}.nav{color:var(--chu-mo);flex-wrap:wrap;align-items:center;gap:20px;font-size:13.5px;display:flex}.nav a{border-bottom:2px solid #0000;padding:4px 2px}.nav a:hover{color:var(--chu)}.nav a.on{color:var(--xanh);border-bottom-color:var(--xanh);font-weight:700}.nav .user{color:var(--chu-nhat);font-size:12.5px}.nav .thoat{cursor:pointer;font-size:12.5px}.nav .thoat:hover{color:var(--do)}.hero{text-align:center;padding:34px 20px 6px}.hero h1{letter-spacing:-.3px;margin-bottom:6px;font-size:21px;font-weight:800}.hero p{color:var(--chu-mo);margin-bottom:20px;font-size:13px}.composer{background:var(--the);text-align:left;border:1px solid var(--vien);max-width:720px;box-shadow:var(--bong);border-radius:16px;margin:0 auto;overflow:hidden}.comp-link{border-bottom:1px solid var(--vien);gap:10px;padding:16px 16px 14px;display:flex}.comp-link input{background:var(--nen);border:1.5px solid var(--vien);border-radius:11px;flex:1;height:44px;padding:0 14px}.comp-submit{background:var(--xanh);color:#fff;white-space:nowrap;border:none;border-radius:11px;height:44px;padding:0 22px;font-size:14px;font-weight:700;transition:background .15s}.comp-submit:hover{background:var(--xanh-dam)}.comp-submit:disabled{opacity:.45;cursor:default}.comp-grid{grid-template-columns:1.15fr 1fr;display:grid}.sec-hint{color:#6b7280;margin-top:6px;font-size:12px}.comp-sec{padding:14px 16px 16px}.btn-tt{border:1px solid var(--vien,#d5d9e0);cursor:pointer;background:#fff;border-radius:20px;margin-left:6px;padding:2px 8px;font-size:11px}.btn-tt:hover{border-color:#1440c8}.tt-badge{color:#8a4b00;vertical-align:1px;background:#fff2dd;border:1px solid #f0ddbb;border-radius:20px;margin-left:8px;padding:2px 9px;font-size:11px;font-weight:700}.comp-sec+.comp-sec{border-left:1px solid var(--vien)}.sec-label{text-transform:uppercase;letter-spacing:.7px;color:var(--chu-nhat);margin-bottom:8px;font-size:11px;font-weight:800}.hang{align-items:center;gap:7px;display:flex}.comp-sec select,.comp-sec .o-chu{border:1.5px solid var(--vien);background:#fff;border-radius:9px;width:100%;height:38px;padding:0 10px}.ghichu{color:var(--chu-nhat);margin-top:7px;font-size:11.5px;line-height:1.55}.seg{background:var(--nen);border-radius:9px;margin-bottom:9px;padding:3px;display:flex}.seg button{height:30px;color:var(--chu-mo);background:0 0;border:none;border-radius:7px;flex:1;font-size:12.5px;font-weight:650}.seg button.on{color:var(--xanh);background:#fff;box-shadow:0 1px 3px #171b261f}.voice-list{grid-template-columns:1fr 1fr;gap:6px;display:grid}.voice-item{border:1.5px solid var(--vien);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;transition:border-color .12s,background .12s;display:flex}.voice-item:hover{border-color:var(--vien-dam)}.voice-item.chon{border-color:var(--xanh);background:var(--xanh-nhat)}.voice-item input{accent-color:var(--xanh);flex-shrink:0}.v-ten{white-space:nowrap;font-weight:700}.v-mota{color:var(--chu-mo);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:10.5px;overflow:hidden}.v-nghe{border:1px solid var(--vien-dam);width:25px;height:23px;color:var(--xanh);background:#fff;border-radius:6px;flex-shrink:0;font-size:10px;line-height:1}.v-nghe:hover{border-color:var(--xanh);background:var(--xanh-nhat)}.v-nghe.lon{border-radius:9px;width:38px;height:38px;font-size:13px}.file-drop input[type=file]{display:none}.file-nut{text-align:center;border:1.5px dashed var(--vien-dam);color:var(--chu-mo);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:9px;padding:11px 10px;font-size:12.5px;font-weight:600;transition:border-color .12s;display:block;overflow:hidden}.file-nut:hover{border-color:var(--xanh);color:var(--xanh)}.file-drop{margin-top:8px}.bao-loi{color:var(--do);padding:0 16px 14px;font-size:12.5px}.toolrow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:1100px;margin:0 auto;padding:22px 20px 14px;display:flex}.mystat{color:var(--chu-mo);font-size:12.5px}.mystat b{color:var(--chu)}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{border:1px solid var(--vien);color:var(--chu-mo);background:#fff;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:650;transition:all .12s}.tab:hover{border-color:var(--vien-dam)}.tab.on{background:var(--xanh);color:#fff;border-color:var(--xanh)}.grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;width:100%;max-width:1100px;margin:0 auto;padding:0 20px 20px;display:grid}.card{background:var(--the);border:1px solid var(--vien);border-radius:var(--r);box-shadow:var(--bong);transition:box-shadow .15s,transform .15s;overflow:hidden}.card:hover{transform:translateY(-1px);box-shadow:0 4px 20px #171b261a}.thumb{aspect-ratio:27/35;background:#0a0a0a;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb .rong{color:#3a3a3a;font-size:32px}.card.expired .thumb{opacity:.35}.card.expired .t{color:var(--chu-nhat)}.prog{background:var(--xanh);height:3px;transition:width .5s;position:absolute;bottom:0;left:0}.thumb.xem-duoc{cursor:pointer}.nut-xem{color:#fff;opacity:0;background:#05081259;justify-content:center;align-items:center;font-size:30px;transition:opacity .15s;display:flex;position:absolute;inset:0}.thumb.xem-duoc:hover .nut-xem{opacity:1}.meta{padding:10px 11px 11px}.meta .t{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.meta .dt{color:var(--chu-nhat);margin-top:3px;font-size:10.5px}.pill{border-radius:20px;margin-top:7px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-block}.p-ok{color:#0e7a41;background:#e5f6ec}.p-run{background:var(--xanh-nhat);color:var(--xanh)}.p-wait{color:var(--chu-mo);background:#eef0f4}.p-err{color:var(--do);background:#fdeaea}.p-exp{color:var(--chu-nhat);background:#f2f3f6}.step,.queuepos{color:var(--chu-mo);margin-top:7px;font-size:11px}.step{color:var(--xanh)}.act-row{gap:6px;margin-top:9px;display:flex}.btn-xem{background:var(--xanh);color:#fff;white-space:nowrap;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;width:100%;height:32px;margin-top:8px;padding:0 14px;font-size:12.5px;font-weight:700;transition:background .12s;display:flex}.act-row .btn-xem{margin-top:0}.btn-xem:hover{background:var(--xanh-dam)}.btn-ico{border:1px solid var(--vien-dam);width:32px;height:32px;color:var(--chu-mo);background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;transition:all .12s;display:flex}.btn-ico:hover{border-color:var(--xanh);color:var(--xanh);background:var(--xanh-nhat)}.btn-ico.nguy:hover{border-color:var(--do);color:var(--do);background:#fdf0f0}.pager{flex-wrap:wrap;justify-content:center;gap:6px;padding:6px 0 34px;font-size:12.5px;display:flex}.pager button{border:1px solid var(--vien);background:#fff;border-radius:8px;padding:6px 12px}.pager button.cur{background:var(--xanh);color:#fff;border-color:var(--xanh);font-weight:700}.pager .tong{color:var(--chu-nhat);align-self:center}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-box{border:1px solid var(--vien);width:100%;max-width:380px;box-shadow:var(--bong);background:#fff;border-radius:18px;padding:36px 32px}.login-box .logo{text-align:center;margin-bottom:4px;font-size:21px}.login-box .mo-ta{text-align:center;color:var(--chu-mo);margin-bottom:24px;font-size:13px}.login-box label{margin:13px 0 5px;font-size:12.5px;font-weight:650;display:block}.login-box input{border:1.5px solid var(--vien);border-radius:10px;width:100%;padding:11px 13px;font-size:14px}.login-box button{background:var(--xanh);color:#fff;border:none;border-radius:10px;width:100%;margin-top:22px;padding:12px 0;font-size:14px;font-weight:700}.login-box button:hover{background:var(--xanh-dam)}.login-box button:disabled{opacity:.5}.adwrap{max-width:1100px;margin:0 auto;padding:22px 20px 44px}.crumb{color:var(--chu-mo);margin-bottom:14px;font-size:12.5px}.crumb a{color:var(--xanh);font-weight:650}.uhead{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.uhead h2{letter-spacing:-.2px;font-size:17px}select.chon{border:1.5px solid var(--vien);background:#fff;border-radius:8px;height:34px;padding:0 10px;font-size:12.5px}.statrow{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat{background:var(--the);border:1px solid var(--vien);border-radius:var(--r);box-shadow:var(--bong);padding:14px 16px}.stat .k{color:var(--chu-nhat);text-transform:uppercase;letter-spacing:.5px;font-size:10.5px;font-weight:750}.stat .v{letter-spacing:-.5px;margin-top:4px;font-size:24px;font-weight:800}.stat .d{color:var(--chu-mo);margin-top:2px;font-size:11.5px}.stat .d.xanh{color:#0e7a41}.stat .v.warn{color:#b45309}.panel{background:var(--the);border:1px solid var(--vien);border-radius:var(--r);box-shadow:var(--bong);margin-bottom:14px;padding:16px 18px}.panel h3{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;font-size:13.5px;display:flex}.chart{align-items:flex-end;gap:3px;height:100px;display:flex}.cb{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:3px;height:100%;display:flex}.cb i{background:linear-gradient(180deg, #4a6fe8, var(--xanh));border-radius:3px 3px 0 0;width:100%;max-width:38px;min-height:2px;display:block}.cb i.zero{background:var(--vien);height:2px!important}.cb b{color:var(--chu-nhat);white-space:nowrap;font-size:8.5px;font-weight:500}.cb .n{color:var(--xanh);font-size:10px;font-weight:800}.legend{color:var(--chu-mo);margin-top:8px;font-size:11.5px}table.bang{border-collapse:collapse;width:100%;font-size:13px}.bang th{text-align:left;color:var(--chu-nhat);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--vien);padding:8px 10px;font-size:10.5px}.bang td{border-bottom:1px solid #f1f2f6;padding:10px}.bang tr:last-child td{border-bottom:none}.bang td.num{font-weight:700}.bang a.ten{color:var(--xanh);font-weight:650}.mini{align-items:flex-end;gap:2px;height:22px;display:flex}.mini i{background:#bcc9f2;border-radius:2px;width:7px;min-height:2px}.mini i.hot{background:var(--xanh)}.btn-sm{border:1.5px solid var(--vien-dam);height:30px;color:var(--chu);background:#fff;border-radius:8px;padding:0 12px;font-size:12px;font-weight:650;transition:all .12s}.btn-sm:hover{border-color:var(--xanh);color:var(--xanh)}.btn-sm.nguy{color:var(--do)}.btn-sm.nguy:hover{border-color:var(--do)}.btn-sm.chinh{background:var(--xanh);color:#fff;border-color:var(--xanh)}.btn-sm.chinh:hover{background:var(--xanh-dam)}.btn-sm:disabled{opacity:.5;cursor:default}.dim{color:var(--chu-nhat);font-size:12px}.form-dong{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.form-dong input:not([type=file]){border:1.5px solid var(--vien);border-radius:8px;height:34px;padding:0 12px;font-size:13px}.form-dong input[type=file]{max-width:250px;font-size:12px}.thongbao{border-radius:10px;margin-bottom:12px;padding:11px 14px;font-size:12.5px}.thongbao.ok{color:#0e7a41;background:#e5f6ec}.thongbao.loi{color:var(--do);background:#fdeaea}.thongbao.chuy{color:#b45309;background:#fff7e6}.xem-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0e19c7;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.xem-box{width:min(420px,94vw);box-shadow:var(--bong-noi);background:#0b0d12;border-radius:16px;overflow:hidden}.xem-top{background:#171a22;justify-content:space-between;align-items:center;gap:10px;padding:10px 13px;display:flex}.xem-ten{color:#e8e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:650;overflow:hidden}.xem-act{flex-shrink:0;gap:6px;display:flex}.xem-top .btn-sm{color:#d9dce4;background:#262b38;border-color:#3a4152}.xem-top .btn-sm.chinh{background:var(--xanh);border-color:var(--xanh);color:#fff}.xem-video{background:#000;width:100%;max-height:76vh;display:block}.bia-box{width:min(780px,96vw);max-height:92vh;box-shadow:var(--bong-noi);background:#fff;border-radius:16px;overflow:hidden auto}.bia-box .xem-top{background:#171a22}.bia-body{flex-wrap:wrap;gap:18px;padding:18px;display:flex}.bia-preview{flex:0 0 250px}.bia-khung{aspect-ratio:1080/1430;width:250px;box-shadow:var(--bong);background:#000;border-radius:12px;position:relative;overflow:hidden}.bia-khung img{object-fit:cover;width:100%;height:100%}.bia-chu{text-align:center;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000;font-weight:900;line-height:1.22;position:absolute;top:5%;left:4%;right:4%}.bia-trang{color:#fff;font-size:15px}.bia-vang{color:gold;font-size:24px}.bia-form{flex-direction:column;flex:1;gap:9px;min-width:270px;display:flex}.bia-form label{text-transform:uppercase;letter-spacing:.6px;color:var(--chu-nhat);flex-direction:column;gap:5px;font-size:11px;font-weight:800;display:flex}.bia-form input:not([type=checkbox]){border:1.5px solid var(--vien);text-transform:none;letter-spacing:0;height:38px;color:var(--chu);border-radius:9px;padding:0 11px;font-size:13.5px;font-weight:400}.bia-scenes{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px;display:grid}.bia-scenes img{aspect-ratio:9/16;object-fit:cover;cursor:pointer;background:#000;border:2.5px solid #0000;border-radius:7px;width:100%;transition:border-color .12s}.bia-scenes img:hover{border-color:var(--vien-dam)}.bia-scenes img.chon{border-color:var(--xanh)}.bia-toggle{align-items:center;text-transform:none!important;letter-spacing:0!important;color:var(--chu)!important;flex-direction:row!important;gap:8px!important;font-size:12.5px!important;font-weight:650!important}.bia-toggle input{accent-color:var(--xanh);width:15px;height:15px}.btn-dl{height:38px;color:var(--xanh);border:1.5px solid var(--xanh);background:#fff;border-radius:9px;justify-content:center;align-items:center;font-size:12.5px;font-weight:700;display:flex}.btn-dl:hover{background:var(--xanh-nhat)}.view-doi{background:var(--nen);border-radius:8px;gap:4px;padding:3px;display:flex}.view-doi button{height:26px;color:var(--chu-mo);background:0 0;border:none;border-radius:6px;padding:0 12px;font-size:11.5px;font-weight:700}.view-doi button.on{color:var(--xanh);background:#fff;box-shadow:0 1px 3px #171b261f}.bang-wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 20px 30px;overflow-x:auto}table.bang-video{border-collapse:collapse;border:1px solid var(--vien);width:100%;box-shadow:var(--bong);background:#fff;border-radius:12px;font-size:12.5px;overflow:hidden}.bang-video th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--chu-nhat);border-bottom:1px solid var(--vien);white-space:nowrap;background:#fafbfd;padding:9px 11px;font-size:10.5px}.bang-video td{vertical-align:middle;border-bottom:1px solid #f1f2f6;padding:9px 11px}.bang-video tr:last-child td{border-bottom:none}.bang-video tr:hover td{background:#fafbfd}.b-stt{color:var(--chu-nhat);width:34px;font-weight:700}.b-ten{min-width:200px;font-weight:650}.b-thumb{object-fit:cover;vertical-align:middle;cursor:pointer;background:#0a0a0a;border-radius:4px;width:27px;height:35px;margin-right:8px;display:inline-block}.b-nhat{color:var(--chu-mo);white-space:nowrap}.b-co{color:#0e7a41;font-weight:700}.b-khong{color:#c9ced8}.b-act{gap:5px;display:flex}@media (max-width:860px){.side{z-index:60;transition:transform .18s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:0 0 40px #0a0e1933}.side.mo{transform:translate(0)}.side-che{z-index:55;background:#0a0e1973;display:block;position:fixed;inset:0}.mobile-top{border-bottom:1px solid var(--vien);z-index:20;background:#fff;align-items:center;gap:12px;height:50px;padding:0 14px;display:flex;position:sticky;top:0}.mb-menu{border:1px solid var(--vien-dam);background:#fff;border-radius:8px;width:34px;height:34px;font-size:15px}}@media (max-width:720px){.comp-grid{grid-template-columns:1fr}.comp-sec+.comp-sec{border-left:none;border-top:1px solid var(--vien)}.comp-link{flex-direction:column}.voice-list{grid-template-columns:1fr}.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:0 14px 16px}.toolrow,.adwrap{padding-left:14px;padding-right:14px}.statrow{grid-template-columns:repeat(2,1fr)}}.pc-sec{border-bottom:1px solid var(--vien)}.pc-nhom-hang{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pc-nhom{border:1px solid var(--vien);background:#fcfcfd;border-radius:11px;padding:8px 8px 10px}.pc-nhom-ten{text-align:center;margin-bottom:7px;font-size:12.5px;font-weight:700}.pc-cap{grid-template-columns:1fr 1fr;gap:7px;display:grid}.pc-the{border:2px solid var(--vien);cursor:pointer;text-align:center;font:inherit;background:#fff;border-radius:9px;padding:4px;transition:border-color .12s,box-shadow .12s}.pc-the:hover{border-color:var(--vien-dam)}.pc-the.chon{border-color:var(--xanh);box-shadow:0 0 0 3px var(--xanh-nhat)}.pc-anh{aspect-ratio:9/16;border-radius:6px;display:block;position:relative;overflow:hidden}.pc-anh img{object-fit:cover;width:100%;height:100%;display:block}.pc-sub{text-align:center;color:gold;text-transform:uppercase;text-shadow:-1px -1px #000,1px -1px #000,-1px 1px #000,1px 1px #000;font-size:7.5px;font-weight:800;line-height:1.2;position:absolute;top:20%;left:5%;right:5%}.pc-ten{margin-top:5px;font-size:11.5px;font-weight:600;display:block}.pc-tick{color:var(--xanh);visibility:hidden;margin-left:3px}.pc-the.chon .pc-tick{visibility:visible}@media (max-width:720px){.pc-nhom-hang{grid-template-columns:1fr}}