/* Giao dien trang giao vien HUEVERSE - tach ra tu giao-vien.html ngay 10/10/2026 (truoc nam trong <style>) */
  .dinh{position:relative}
  .nut-xuat{position:absolute;top:10px;right:10px;padding:7px 12px;font-size:13px;font-weight:700;cursor:pointer;
            font-family:inherit;border:0;border-radius:99px;background:rgba(255,255,255,.75);color:var(--xanh-dam)}
  .nut-xuat:hover{background:#fff}
  .nut-xuat.trai{right:auto;left:10px}
  .dinh .anh-logo{cursor:pointer}
  /* --- doi anh: avatar, anh trang chu, anh cau hoi vui --- */
  #manCat{z-index:60}
  .the-anh{display:flex;gap:14px;align-items:center;padding:12px;border:1px solid var(--vien);
           border-radius:14px;margin-bottom:10px;background:#fff6fa}
  .the-anh .xem{flex:none;width:92px;height:92px;border-radius:12px;object-fit:cover;background:#f3e3ea;
                border:2px solid #fff;box-shadow:var(--bong)}
  .the-anh .xem.tron{border-radius:50%}
  .the-anh .xem.doc{height:110px}
  .the-anh h3{margin:0;font-size:16px}
  .the-anh p{margin:2px 0 8px;font-size:13.5px;color:var(--chu-mo);line-height:1.4}
  .khung-cat{position:relative;margin:10px auto;overflow:hidden;border-radius:14px;background:#222;
             touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
  .khung-cat:active{cursor:grabbing}
  .khung-cat canvas{display:block;width:100%;height:100%}
  /* avatar: lam mo phan ngoai hinh tron de co thay dung phan se hien */
  .khung-cat.tron::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;
                         box-shadow:0 0 0 999px rgba(255,255,255,.62);border:2px solid #fff}
  /* anh trang chu: danh dau cho se bi o loi chao (tren) va chu HUEVERSE (duoi) de len */
  .khung-cat .che{position:absolute;pointer-events:none;color:#fff;font-size:11px;font-weight:700;
                  display:flex;align-items:center;justify-content:center;text-align:center}
  .khung-cat .che.tren{top:4%;right:5%;width:60%;height:17%;background:rgba(255,255,255,.72);color:#7c2d55;border-radius:12px}
  .khung-cat .che.duoi{left:0;right:0;bottom:0;height:24%;align-items:flex-end;padding-bottom:8px;
                       background:linear-gradient(to bottom,transparent,rgba(72,27,50,.78))}
  input[type=range]{width:100%;accent-color:var(--xanh)}
  table{width:100%;border-collapse:collapse;font-size:15px}
  th,td{padding:9px 8px;border-bottom:1px solid var(--vien);text-align:left;vertical-align:middle}
  th{background:#fff2f7;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--chu-mo)}
  tbody tr:hover{background:#fff6fa}
  .diem{font-weight:800}
  .diem.g{color:var(--luc)} .diem.k{color:var(--vang)} .diem.y{color:var(--do)}
  .o-so{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
  .o-so div{flex:1;min-width:120px;background:var(--the);border:1px solid var(--vien);
            border-radius:14px;padding:12px 14px;box-shadow:var(--bong)}
  .o-so b{display:block;font-size:26px;color:var(--xanh-dam)}
  .hang-nut{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center}
  select,.o-tim{width:auto;padding:8px 12px;font-size:15px;border-radius:10px}
  .chuyen{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--vien)}
  .chuyen:last-child{border-bottom:none}
  .chuyen input[type=checkbox]{width:20px;height:20px;flex:none;margin-top:2px}
  .man{position:fixed;inset:0;background:rgba(96,40,62,.5);display:none;z-index:50;padding:16px;overflow:auto}
  .man.hien{display:block}
  .hop{max-width:760px;margin:20px auto;background:#fff;border-radius:18px;padding:20px}
  .ra{border-left:5px solid var(--luc);padding:8px 12px;border-radius:8px;background:#fff6fa;margin-bottom:8px}
  .ra.sai{border-left-color:var(--do)}
  .ra .t{font-weight:700;font-size:15px}
  .ra .n{font-size:14px;color:var(--chu-mo)}
  .trong{padding:26px;text-align:center;color:var(--chu-mo)}
  .tt{font-size:12px;font-weight:800;padding:3px 10px;border-radius:99px;white-space:nowrap}
  .tt.cho{background:#fef3c7;color:#92400e}
  .tt.duyet{background:#dcfce7;color:#166534}
  .tt.tu_choi{background:#fee2e2;color:#991b1b}
  .the-lop{display:inline-block;font-size:13px;font-weight:700;padding:3px 10px;border-radius:99px;
           background:var(--xanh-nhat);color:var(--xanh-dam);cursor:pointer;border:1px dashed #e9a9c4}
  .the-lop.trong{background:#f3f4f6;color:#6b7280;border-color:#d1d5db}
  .thanh-chon{position:sticky;bottom:0;background:#fff;border-top:2px solid var(--xanh);
              padding:10px 12px;display:none;gap:8px;flex-wrap:wrap;align-items:center;
              box-shadow:0 -4px 16px rgba(143,51,88,.12);border-radius:14px 14px 0 0;z-index:15}
  .thanh-chon.hien{display:flex}
  input[type=checkbox].oc{width:19px;height:19px}
  .lop-goi{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
  .lop-goi button{padding:7px 14px;font-size:15px;border-radius:99px;border:2px solid var(--vien);
                  background:#fff;cursor:pointer;font-family:inherit}
  .lop-goi button:hover{border-color:var(--xanh)}

  /* --- the de --- */
  .the-de{background:var(--the);border:2px solid var(--vien);border-radius:var(--bo-goc);
          padding:16px;box-shadow:var(--bong);margin-bottom:12px}
  .the-de.an{opacity:.62;border-style:dashed}
  .the-de .dau{display:flex;align-items:flex-start;gap:12px}
  .the-de .bt{font-size:32px;line-height:1}
  .the-de h3{margin:0;font-size:18px}
  .the-de .mota{margin:2px 0 0;font-size:14px;color:var(--chu-mo)}
  .nhan{display:inline-block;font-size:12px;font-weight:800;padding:3px 9px;border-radius:99px;
        background:#f3e3ea;color:#6b4a58;margin:6px 6px 0 0}
  .nhan.x{background:#dcfce7;color:#166534}
  .nhan.v{background:#fef3c7;color:#92400e}
  .nhan.d{background:#e0e7ff;color:#3730a3}
  textarea{width:100%;min-height:150px;padding:12px;font-size:14px;border:2px solid var(--vien);
           border-radius:12px;font-family:ui-monospace,Menlo,Consolas,monospace;resize:vertical}
  textarea:focus{outline:none;border-color:var(--xanh)}
  .o-file{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
  .o-file input[type=file]{flex:1;min-width:200px;padding:8px;border:1.5px dashed var(--vien);border-radius:10px;background:transparent}
  /* --- bang "Tao bai bang AI" (06/10/2026) --- */
  .ai-info{display:flex;gap:10px;align-items:flex-start;background:#e0f2fe;border:1px solid #7dd3fc;color:#0c4a6e;
           border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5}
  .ai-info .bieu{flex:none;width:22px;height:22px;border-radius:50%;background:#0ea5e9;color:#fff;font-weight:800;
                 display:flex;align-items:center;justify-content:center;font-size:13px;margin-top:1px}
  .ai-info b{display:block;font-size:15px;margin-bottom:2px}
  .ai-tieu{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--chu-mo);margin:18px 0 10px;font-weight:700}
  .ai-tieu::before,.ai-tieu::after{content:"";flex:1;height:1px;background:var(--vien)}
  .ai-luoi{display:grid;grid-template-columns:1fr;gap:10px}
  .ai-nhanh{border:1.5px dashed var(--xanh);border-radius:12px;padding:10px 12px;background:#fff6fa;margin-bottom:12px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
  .ai-nhanh .nh-nhom{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700}
  .ai-nhanh label.nh-tich{display:flex;align-items:center;gap:5px;margin:0;font-size:14px;font-weight:600;cursor:pointer}
  .ai-nhanh .ai-tao{margin:0;padding:7px 14px;font-size:14px;white-space:nowrap}
  .ai-nhanh-tt{flex-basis:100%;font-size:13px;color:var(--chu-mo);min-height:0}
  .ai-nhanh-tt:empty{display:none}
  .ai-nhanh-tt.loi{color:#b91c1c;font-weight:700}
  .ai-nhanh-tt.ok{color:#047857;font-weight:700}
  .ai-dai{flex-basis:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px dashed var(--vien);padding-top:10px}
  .ai-dai-chu{font-size:13px;font-weight:700;color:var(--chu-mo)}
  .ai-dan-ca{flex-basis:100%;font-size:13px}
  .ai-dan-ca summary{cursor:pointer;color:var(--chu-mo);font-weight:600}
  .ai-dan-ca textarea{width:100%;min-height:90px;margin:6px 0;font-size:13px;font-family:inherit;box-sizing:border-box}
  .ai-o .ai-chon{width:18px;height:18px;margin:0;accent-color:var(--xanh);cursor:pointer;flex:none}
  .ai-o{border:1px solid var(--vien);border-radius:10px;padding:10px 12px;background:#fff}
  .ai-o-hang{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .ai-o .ten{flex:1;min-width:130px;font-size:14px;font-weight:600}
  .ai-so{display:inline-flex;align-items:stretch;border:1.5px solid var(--vien);border-radius:8px;overflow:hidden;background:#fff}
  .ai-so:focus-within{border-color:var(--xanh)}
  .ai-so input{width:48px;border:none !important;outline:none;padding:6px 4px 6px 10px;font-size:15px;font-family:inherit;border-radius:0;background:transparent}
  .ai-so-nut{border:none;border-left:1.5px solid var(--vien);background:#f9eef3;color:var(--xanh);width:30px;font-size:14px;cursor:pointer;padding:0}
  .ai-so-nut:hover{background:#f3dbe5}
  .ai-so-menu{position:fixed;z-index:200;background:#fff;border:1.5px solid var(--xanh);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.2);
              max-height:200px;overflow-y:auto;padding:4px;display:flex;flex-direction:column}
  .ai-so-menu button{border:none;background:none;font-weight:600;font-size:15px;font-family:inherit;color:inherit;padding:8px 14px;text-align:left;border-radius:6px;cursor:pointer}
  .ai-so-menu button:hover{background:#fbe9f0}
  .ai-so-menu button.on{background:var(--xanh);color:#fff}
  .ai-o input[type=number]{width:64px;padding:6px 8px;font-size:15px;border:1.5px solid var(--vien);border-radius:8px;text-align:left;font-family:inherit}
  .ai-o input[type=number]:focus{outline:none;border-color:var(--xanh)}
  .ai-o label.bd{display:flex;align-items:center;gap:4px;font-size:12.5px;color:var(--chu-mo);margin:0;font-weight:600;cursor:pointer}
  .ai-o label.bd.tat{opacity:.45;cursor:not-allowed}
  .ai-o.co{border-color:var(--xanh);background:#fff6fa}
  .ai-o .ai-tao{margin:0;padding:7px 14px;font-size:14px;white-space:nowrap}
  .ai-o .ai-tao:disabled{opacity:.4;cursor:not-allowed}
  .ai-tt{font-size:13.5px;margin-top:8px;display:none;line-height:1.45}
  .ai-tt.hien{display:block}
  .ai-tt.loi{color:#b91c1c}
  .ai-tt.ok{color:#166534}
  .ai-tt.cho{color:#1e40af}
  .ai-tt a{color:var(--xanh);font-weight:700;cursor:pointer;text-decoration:underline}
  .ai-tay{margin-top:8px;font-size:13.5px}
  .ai-tay summary{cursor:pointer;color:var(--chu-mo);font-weight:600}
  .ai-tay textarea{width:100%;min-height:80px;margin-top:6px;font-size:14px}
  .ai-kq{margin-top:10px;border-top:1px dashed var(--vien);padding-top:8px;display:none}
  .ai-kq.hien{display:block}
  .ai-cau{position:relative}
  .ai-cau-nut{position:absolute;top:8px;right:8px;display:flex;gap:4px;z-index:1}
  .ai-cau-nut .nut-diem{padding:4px 9px;font-size:12.5px;background:#fff}
  .ai-cau .xem-cau .t{padding-right:132px}
  .ai-sua{border:2px solid var(--xanh);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:#fff}
  .ai-sua .t{font-weight:800;font-size:14.5px;color:var(--xanh)}
  .ai-sua label{font-size:13px;margin:8px 0 3px}
  .ai-sua textarea,.ai-sua input[type=text],.ai-sua select{width:100%;font-size:14.5px;padding:7px 9px;font-family:inherit}
  .ai-sua textarea{min-height:0;resize:vertical}
  .ai-sua-h{display:flex;gap:6px;align-items:center;margin-bottom:5px}
  .ai-sua-h input[type=radio],.ai-sua-h input[type=checkbox]{flex:none;width:18px;height:18px;margin:0}
  .ai-sua-h select{flex:none;width:92px}
  .ai-hoi{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;margin-top:10px;font-size:14px}
  .ai-hoi select{width:auto;padding:6px 8px;font-size:14px}
  .ai-o .ai-kep{margin:0;padding:6px 10px;font-size:13px;white-space:nowrap;background:#fff}
  .ai-diem{display:none;margin-top:8px;gap:6px 8px;align-items:center;flex-wrap:wrap;font-size:13.5px}
  .ai-diem.hien{display:flex}
  .ai-diem .nut-diem{padding:5px 11px;font-size:13px;background:#fff}
  .ai-diem .nut-diem.on{border-color:var(--xanh);color:var(--xanh)}
  .ai-diem-tt{color:var(--chu-mo)}
  .ai-chia{flex:1 1 100%;background:#fff;border:1.5px dashed var(--xanh);border-radius:10px;padding:8px 10px;line-height:2.1}
  .ai-chia .o-diem{width:70px !important;padding:5px 8px !important;font-size:15px !important}
  .ai-chia .nut{margin:0}
  .ai-chia-loi{display:none;color:#b91c1c;font-weight:700;line-height:1.4}
  .ai-chia-loi.hien{display:block}
  .ai-gc{display:none;margin-top:8px}
  .ai-gc.hien{display:block}
  .ai-gc textarea{width:100%;min-height:0;font-size:14.5px;padding:8px 10px;font-family:inherit;resize:vertical}
  .ai-o .ai-kep.co{border-color:var(--xanh);color:var(--xanh)}
  .ai-tep{font-size:13px;margin-top:8px;display:none;line-height:1.5;color:#1e40af}
  .ai-tep.hien{display:block}
  .ai-tep .the-tep{display:inline-flex;gap:6px;align-items:center;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:99px;padding:2px 10px;margin:0 6px 4px 0;font-weight:700;color:#0c4a6e}
  .ai-tep .the-tep a{cursor:pointer;color:#b91c1c;text-decoration:none;font-weight:800}
  .ai-cau .doan.khoi{border:1px solid #bfdbfe;background:#eff6ff;border-radius:10px;padding:10px 12px;margin:0 0 8px}
  .ai-cau .doan.khoi h3{padding-right:70px}
  .ai-sua .hang-tep{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13.5px;margin-top:6px}
  .ai-info2{background:#e0f2fe;border:1px solid #7dd3fc;color:#0c4a6e;border-radius:10px;padding:8px 12px;font-size:13.5px;margin-bottom:6px}
  .ai-info2 summary{cursor:pointer;font-weight:700}
  .ai-info2 p{margin:6px 0 2px;line-height:1.5}
  .ai-chung{display:grid;grid-template-columns:1fr 1.6fr;gap:10px}
  @media(max-width:640px){.ai-chung{grid-template-columns:1fr}}
  .ai-file{display:flex;gap:8px;align-items:flex-start;font-weight:500;font-size:14px;margin-top:8px;cursor:pointer}
  .ai-file input{width:auto;margin:3px 0 0}
  .ai-chu{font-size:13px;color:var(--chu-mo);margin:10px 0 0;line-height:1.5}
  .ai-tong{font-weight:800;font-size:14px;margin:12px 0 8px}
  .ai-tong.vuot{color:#b91c1c}
  .ai-canh{display:flex;gap:8px;align-items:center;background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:10px;
           padding:10px 12px;font-size:14px;font-weight:600}
  .ai-canh.vuot{background:#fee2e2;border-color:#fca5a5;color:#991b1b}
  .ai-canh.ok{background:#dcfce7;border-color:#86efac;color:#166534}
  /* kiểu từng bước như FForm: mỗi lần một bước, thanh tiến độ ở trên, nút Quay lại / Tiếp cố định ở đáy */
  #manThem{padding:12px;overflow:hidden}
  #manThem .hop-ai{display:flex;flex-direction:column;height:calc(100dvh - 24px);margin:0 auto;padding:0;overflow:hidden}
  .ai-dau{padding:16px 20px 10px;border-bottom:1px solid var(--vien)}
  .ai-dau-tren{display:flex;align-items:center;justify-content:space-between;gap:10px}
  .ai-x{border:none;background:#f3f4f6;width:34px;height:34px;border-radius:50%;font-size:16px;cursor:pointer;color:var(--chu-mo)}
  .ai-tabs{display:flex;gap:6px;margin-top:10px;margin-bottom:-11px}
  .ai-tab{flex:1;border:none;background:#f3f4f6;color:var(--chu-mo);font-family:inherit;font-weight:700;font-size:14px;padding:9px 6px;
          border-radius:10px 10px 0 0;cursor:pointer;line-height:1.25;border-bottom:3px solid transparent}
  .ai-tab small{display:block;font-weight:600;font-size:11.5px;opacity:.85}
  .ai-tab:hover{background:#ececf0}
  .ai-tab.on{background:#fff;color:var(--xanh);border-bottom-color:var(--xanh)}
  .ai-than{flex:1;min-height:0;overflow-y:auto;padding:12px 20px 18px;-webkit-overflow-scrolling:touch}
  .ai-pan{display:none}
  .ai-pan.hien{display:block;animation:aiHien .18s ease}
  @keyframes aiHien{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
  .ai-chan2{display:none;gap:10px;align-items:center;padding:10px 20px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--vien);background:#fff}
  .ai-chan2.hien{display:flex}
  .ai-chan2 .nut{margin:0;flex:0 0 auto}
  .ai-chan2 .nut.chinh{flex:1}
  @media(max-width:640px){.ai-dau,.ai-than,.ai-chan2{padding-left:14px;padding-right:14px}}
  .cac-buoc{margin:12px 0 0;padding-left:22px;line-height:1.55;font-size:14.5px}
  .cac-buoc li{margin-bottom:6px}
  .loc-tm{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 6px}
  .loc-tm button,.loc-tag button,.goi-tag button{padding:6px 13px;font-size:14px;font-weight:700;border-radius:99px;
    border:2px solid var(--vien);background:#fff;color:inherit;cursor:pointer;font-family:inherit}
  .loc-tm button.chon{background:var(--xanh);border-color:var(--xanh);color:#fff}
  .loc-tag{display:flex;gap:6px;flex-wrap:wrap;margin:4px 0 10px}
  .loc-tag button{padding:3px 10px;font-size:13px}
  .loc-tag button.chon{background:#e0e7ff;border-color:#6366f1;color:#3730a3}
  .goi-tag{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
  .goi-tag button{padding:3px 10px;font-size:13px}
  .nhan.tm{background:#fff7ed;color:#9a3412}
  .nhan.tg{background:#eef2ff;color:#4338ca;cursor:pointer}
  .tieu-tm{font-size:15px;font-weight:800;margin:18px 0 8px;display:flex;align-items:center;gap:8px}
  .tieu-tm .dem{font-weight:600;font-size:13px;opacity:.6}
  #timDe{width:100%;margin-top:10px}
  .buoc{font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
        color:var(--xanh);margin:18px 0 8px}
  .xem-cau{border:1px solid var(--vien);border-radius:10px;padding:10px 12px;margin-bottom:8px;background:#fff6fa}
  .xem-cau .t{font-weight:700;font-size:15px}
  .xem-cau .l{font-size:14px;margin-top:4px}
  .xem-cau .l b{color:var(--luc)}
  /* --- cau tu luan --- */
  .nhan.tl{background:#fef3c7;color:#92400e}
  .xem-cau.tl{background:#fffdf5;border-color:#fde68a}
  .ra.tl{border-left-color:var(--vang);background:#fffdf5}
  .ra.tl.xong{border-left-color:var(--luc)}
  .viet{white-space:pre-wrap;background:#fff;border:1px solid var(--vien);border-radius:8px;
        padding:8px 10px;margin-top:6px;font-size:15px}
  .hang-cham{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}
  .hang-cham b{font-size:14px}
  input.o-diem{width:84px !important;padding:8px 10px !important;font-size:16px !important;
               text-align:center;font-weight:800}
  input.o-phe{flex:1;min-width:180px;width:auto !important;padding:8px 12px !important;font-size:15px !important}
  .nut-diem{padding:6px 10px;font-size:13px;font-weight:700;border-radius:99px;border:2px solid var(--vien);
            background:#fff;cursor:pointer;font-family:inherit;color:inherit}
  .nut-diem:hover{border-color:var(--xanh)}
  .chia-diem{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:10px;
             padding:8px 12px;font-size:14px;margin:8px 0}
  #manTL{z-index:60}
  /* --- lop hoc online --- */
  .lop-goi button.chon{background:var(--xanh);border-color:var(--xanh);color:#fff}
  /* moi rieng tung hoc sinh */
  .moi-rieng{border:2px dashed var(--vien);border-radius:14px;padding:10px 12px;margin:4px 0 14px}
  .moi-rieng .dau-mr{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .moi-rieng .dau-mr b{color:var(--xanh-dam);font-size:15px}
  .moi-rieng .loc-hs{display:flex;gap:8px;flex-wrap:wrap}
  .moi-rieng .loc-hs input[type=text]{flex:1 1 200px;min-width:0;margin:0}
  .moi-rieng .loc-hs select{flex:0 1 190px;min-width:130px;margin:0}
  .moi-rieng .ds-hs button.khoa{cursor:not-allowed;border-style:dashed;background:#faf6f8;color:#8a7480}
  .moi-rieng .ds-hs button.khoa small{color:#b45309}
  .moi-rieng .ds-hs button.khoa:hover{border-color:var(--vien)}
  .moi-rieng .dem-hs{font-size:12.5px;margin-top:6px}
  .moi-rieng .da-chon{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
  .moi-rieng .da-chon span{background:var(--xanh-nhat);color:var(--xanh-dam);border-radius:99px;padding:4px 6px 4px 12px;font-size:14px;
                           font-weight:700;display:inline-flex;align-items:center;gap:4px}
  .moi-rieng .da-chon span button{border:0;background:none;cursor:pointer;font-size:15px;line-height:1;padding:2px 5px;color:var(--xanh-dam);border-radius:99px}
  .moi-rieng .da-chon span button:hover{background:#fff}
  .moi-rieng .khung-hs{margin-top:10px}
  .moi-rieng .khung-hs input[type=text]{margin:0}
  .moi-rieng .ds-hs{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;max-height:200px;overflow:auto;padding:2px;align-content:flex-start}
  .moi-rieng .ds-hs button{padding:6px 12px;font-size:14.5px;border-radius:99px;border:2px solid var(--vien);background:#fff;
                           cursor:pointer;font-family:inherit;text-align:left}
  .moi-rieng .ds-hs button small{color:var(--chu-mo);font-size:12.5px}
  .moi-rieng .ds-hs button:hover{border-color:var(--xanh)}
  .moi-rieng .ds-hs button.chon{background:var(--xanh);border-color:var(--xanh);color:#fff}
  .moi-rieng .ds-hs button.chon small{color:#ffe3ef}
  .the-phong .bt{font-size:30px}
  /* --- thu muc lop co nhanh con --- */
  .cay-hang{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px 6px;border-bottom:1px solid var(--vien)}
  .cay-hang:hover{background:#fff6fa}
  .cay-ten{flex:1;min-width:140px;font-size:16px}
  .cay-nut{display:flex;gap:4px;flex-wrap:wrap}
  .lop-tick-hang{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--vien)}
  /* --- bang cong tru diem ne nep --- */
  .nn-luat{display:inline-flex;margin:0 8px 8px 0;border-radius:99px;overflow:hidden;border:2px solid var(--vien);background:#fff}
  .nn-luat button{border:0;background:transparent;font-family:inherit;font-size:15px;padding:7px 12px;cursor:pointer;color:inherit}
  .nn-luat button.sua{padding:7px 9px;border-left:1px solid var(--vien);font-size:13px}
  .nn-luat.cong{border-color:#86efac;background:#f0fdf4;color:#166534}
  .nn-luat.tru{border-color:#fca5a5;background:#fef2f2;color:#991b1b}
  .nn-luat button:hover{filter:brightness(.95);background:rgba(0,0,0,.04)}
  #nnKy button.chon{background:var(--xanh);border-color:var(--xanh);color:#fff}
  @media(max-width:700px){
    .tab{flex-wrap:wrap}
    .tab button{font-size:13.5px;padding:11px 3px}
    .an-nho{display:none}
    th,td{padding:8px 5px;font-size:14px}
    #bangHS td:nth-child(2){min-width:92px}
    #bangHS td:last-child{white-space:normal !important;min-width:118px}
    #bangHS td:last-child .nut{margin:2px 2px 0 0}
  }
  /* ---- 🎮 Trò chơi (08/10/2026) ---- */
  .ds-game-gv{display:flex;flex-direction:column;gap:10px}
  .game-gv{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1.5px solid var(--vien);background:#fff;flex-wrap:wrap}
  .game-gv.bat{border-color:#86efac;background:#f6fef9}
  .gg-icon{font-size:32px;width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff1f7;flex:none}
  .gg-chu{flex:1;min-width:150px;display:flex;flex-direction:column;line-height:1.3}
  .gg-chu b{font-size:16.5px}
  .cong-tac{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer;font-weight:700}
  .cong-tac input{position:absolute;opacity:0;width:1px;height:1px}
  .cong-tac span{width:48px;height:28px;border-radius:99px;background:#e5d5dd;position:relative;transition:background .15s;flex:none}
  .cong-tac span::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}
  .cong-tac input:checked + span{background:#22c55e}
  .cong-tac input:checked + span::after{left:23px}
  .cong-tac input:focus-visible + span{outline:3px solid #f9a8d4}
  .cong-tac small{font-size:13.5px;color:var(--chu-mo)}
  @media(max-width:560px){ .game-gv .nut{order:3} .cong-tac{order:4;margin-left:auto} }

  /* --- PHAN TICH CAU SAI (12/10/2026): bam vao cau de thay ai sai --- */
  #manPhanTich{z-index:45}                 /* thap hon #manBai (50) de bam "Xem bai" thi bai hien len tren */
  .pt-tong{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
  .pt-tong div{flex:1;min-width:110px;background:#fff6fa;border:1px solid var(--vien);border-radius:12px;padding:8px 12px}
  .pt-tong b{display:block;font-size:22px;color:var(--xanh-dam)}
  .pt-tab{display:flex;gap:8px;margin:10px 0}
  .pt-tab button{padding:8px 16px;font-size:15px;border-radius:99px;border:2px solid var(--vien);background:#fff;cursor:pointer;font-family:inherit;font-weight:700}
  .pt-tab button.chon{border-color:var(--xanh);background:var(--xanh-nhat);color:var(--xanh-dam)}
  .pt-cau{border:1.5px solid var(--vien);border-radius:12px;margin-bottom:8px;background:#fff;overflow:hidden}
  .pt-cau.mo{border-color:var(--xanh)}
  .pt-dau{display:flex;gap:10px;align-items:center;padding:10px 12px;cursor:pointer}
  .pt-dau:hover{background:#fff6fa}
  .pt-so{flex:none;min-width:58px;font-weight:800;color:var(--xanh-dam)}
  .pt-chu{flex:1;min-width:0;font-size:14px;color:var(--chu-mo);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .pt-ti{flex:none;width:150px}
  .pt-ti .vach{display:block;height:9px;border-radius:5px;background:#f3e3ea;overflow:hidden}
  .pt-ti .vach i{display:block;height:100%;border-radius:5px;background:var(--do)}
  .pt-ti .vach i.vua{background:var(--vang)}
  .pt-ti .vach i.it{background:var(--luc)}
  .pt-ti small{display:block;font-size:12px;font-weight:700;margin-top:2px;color:var(--chu-mo)}
  .pt-than{display:none;padding:4px 14px 14px;border-top:1px dashed var(--vien)}
  .pt-cau.mo .pt-than{display:block}
  .pt-de{font-size:15px;font-weight:600;margin:8px 0}
  .pt-lua{display:flex;align-items:center;gap:8px;font-size:14px;margin:3px 0}
  .pt-lua .ten{flex:none;width:40%;min-width:120px;overflow:hidden;text-overflow:ellipsis}
  .pt-lua .vach{flex:1;height:8px;border-radius:5px;background:#f3e3ea;overflow:hidden}
  .pt-lua .vach i{display:block;height:100%;background:#e9a9c4}
  .pt-lua.dung .vach i{background:var(--luc)}
  .pt-lua.dung .ten{font-weight:800;color:#166534}
  .pt-lua b.so{flex:none;width:34px;text-align:right}
  .pt-em{padding:7px 10px;border-radius:8px;background:#fff6fa;margin:5px 0;font-size:14px}
  .pt-em .ten{font-weight:800}
  .pt-em .nho{color:var(--chu-mo);font-size:12.5px}
  .pt-em .bai-nut{float:right;font-size:12.5px}
  .pt-chip{display:inline-block;font-size:12.5px;font-weight:700;padding:2px 9px;border-radius:99px;background:#fee2e2;color:#991b1b;margin:2px 4px 2px 0;cursor:pointer}
  .pt-chip:hover{background:#fecaca}
  .pt-tot{font-size:13.5px;color:#166534;background:#dcfce7;border-radius:10px;padding:8px 12px;margin:8px 0}

  /* --- cong tac chung phan tro choi (12/10/2026) --- */
  .game-tong{border:2px solid var(--vien);border-radius:16px;padding:12px 14px;background:#fff6fa}
  .game-tong.bat{border-color:#86efac;background:#f0fdf4}
  .ds-game-gv.mo-di{opacity:.5}