:root{--ink:#1E2A56;--nhat:#5A668F;--nen:#F4F6FB;--tim:#6C4DF6;--bong:0 8px 20px rgba(30,42,86,.08);--vien:#E3E9FA}*{box-sizing:border-box}body{margin:0;font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--nen);color:var(--ink)}code{background:#eff3ff;padding:2px 6px;border-radius:6px;font-size:13px}.vo{max-width:960px;margin:0 auto;padding:18px 16px 40px}.vo.giua{min-height:92vh;display:flex;align-items:center;justify-content:center}.hop{background:#fff;border-radius:18px;box-shadow:var(--bong);padding:22px;max-width:520px;width:100%}.hop h1{font-size:22px;margin:0 0 8px}.hop h2{margin:0 0 8px}.mo{color:var(--nhat);font-size:13.5px}.dau{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:16px;box-shadow:var(--bong);padding:14px 18px;margin-bottom:14px;gap:12px}.dau .vai{display:block;font-size:12.5px;color:var(--nhat)}.tabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tabs button{border:0;background:#fff;box-shadow:var(--bong);border-radius:12px;padding:10px 16px;font-weight:700;font-family:inherit;cursor:pointer;color:var(--nhat)}.tabs button.on{background:var(--tim);color:#fff}h2{font-size:18px}.hangdau{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.nut{border:0;cursor:pointer;border-radius:12px;padding:11px 16px;font-weight:700;font-family:inherit}.nut.nho{padding:8px 13px;font-size:13.5px}.nut.chinh{background:var(--tim);color:#fff}.nut.vien{background:#fff;color:var(--tim);border:2px solid #DCD2FF}.nut.do{background:#ffe9ee;color:#c81e4e}.form{display:flex;flex-direction:column;gap:10px;max-width:100%;margin-bottom:16px}.form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:var(--nhat)}.form input,.form select,.form textarea{border:2px solid var(--vien);border-radius:10px;padding:10px 11px;font-size:14.5px;font-family:inherit;color:var(--ink);background:#fbfcff;resize:vertical}.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--tim)}.hang2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hang3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.hangnut{display:flex;gap:8px;flex-wrap:wrap}.canhbao{background:#fff6de;color:#8a6a00;border-radius:10px;padding:9px 12px;font-size:13.5px;font-weight:600}.bang{display:flex;flex-direction:column;gap:10px}.dong{background:#fff;border-radius:14px;box-shadow:var(--bong);padding:13px 15px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.cot{display:flex;flex-direction:column;gap:3px}.cot.chinh2{flex:1;min-width:220px}.tem{font-size:12px;font-weight:700;padding:5px 11px;border-radius:99px}.tem.xanh{background:#e2f8ef;color:#0f9b6e}.tem.xam{background:#eef1f8;color:var(--nhat)}.tem.vang{background:#fff3d6;color:#9a6b00}@media (max-width:640px){.hang3,.hang2{grid-template-columns:1fr}}.media-o{display:flex;flex-direction:column;gap:6px;background:#fbfcff;border:2px dashed var(--vien);border-radius:12px;padding:10px}.media-nhan{font-size:12.5px;font-weight:700;color:var(--nhat)}.media-xem{height:44px;border-radius:8px;box-shadow:var(--bong)}.so3tc{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.osoto{background:#fff;border-radius:16px;box-shadow:var(--bong);padding:18px;text-align:center}.osoto b{display:block;font-size:46px}.osoto span{color:var(--nhat);font-weight:600}.dongto td{font-size:17px;padding:10px 8px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--nhat);font-size:12px;padding:6px 8px;border-bottom:2px solid #EEF1F8}td{padding:7px 8px;border-bottom:1px solid #F3F5FB}.tabsgoc{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.tabsgoc button{border:0;background:#f4f6fb;border-radius:10px;padding:8px 12px;font-weight:700;font-size:13px;font-family:inherit;cursor:pointer;color:var(--nhat)}.tabsgoc button.on{background:var(--tim);color:#fff}.tabs button{font-size:16px;padding:12px 22px}.luoilive{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;margin-top:12px}.noibatls{border:3px solid var(--tim)}.banglive{width:100%;border-collapse:collapse;margin-top:6px}.banglive td{padding:8px 6px;border-bottom:1px solid #F3F5FB;font-size:15px}.banglive .hang{width:38px;font-size:18px;font-weight:800}.banglive .tenls .mo{display:block;font-size:12px}.banglive .diemls{text-align:right;font-size:18px}.lenh{animation:lenh .8s ease}.xuongh{animation:xuongh .8s ease}@keyframes lenh{0%{background:#e2f8ef}to{background:transparent}}@keyframes xuongh{0%{background:#ffe9ee}to{background:transparent}}