@keyframes riseIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:translateY(0);}}
@keyframes riseInFlat{from{opacity:0;}to{opacity:1;}}
@keyframes flamePulse{0%,100%{transform:scale(1);}50%{transform:scale(1.16);}}
@keyframes popIn{from{opacity:0;transform:scale(.96);}to{opacity:1;transform:scale(1);}}
@keyframes confettiFall{to{transform:translateY(108vh) rotate(720deg);opacity:.15;}}
@keyframes toastIn{from{opacity:0;transform:translate(-50%,24px) scale(.9);}to{opacity:1;transform:translate(-50%,0) scale(1);}}
@keyframes growUp{from{transform:scaleY(0);}to{transform:scaleY(1);}}

    :root{--ink:#111111;--muted:#4a4a4a;--line:#ededed;--bg:#ffffff;--red:#ec3013;--red-tint:#fdece9;--soft:#f1f2f4;--sh:0 1px 2px rgba(23,21,15,.05),0 8px 24px rgba(23,21,15,.07);}
    *{box-sizing:border-box;} a{color:var(--red);text-decoration:none;}
    .app{--bg:#fcfbf9;font-family:'Archivo',sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;}
    .app button,.app input,.app select,.app textarea{font-family:'Archivo',sans-serif;}
    .app table,.app th,.app td,.app h1,.app h2,.app h3,.app div,.app span,.app a,.app p{font-family:'Archivo',sans-serif;}
    .grp{position:relative;}
    @media (max-width:1180px){.apphdr{flex-wrap:wrap !important;}.appnav{order:9;flex:1 1 100% !important;}}
    .tnav{display:flex;align-items:center;gap:6px;padding:9px 15px;font-size:14px;font-weight:700;color:var(--ink);border:none;background:none;border-radius:999px;cursor:pointer;font-family:inherit;transition:background .12s,color .12s;white-space:nowrap;} .tnav:hover{background:#f3f1ec;} .tnav-on{color:#fff;background:var(--red);} .tnav-on:hover{background:var(--red);}
    .caret{font-size:9px;opacity:.6;transition:transform .15s;} .grp-open .caret{transform:rotate(180deg);}
    .menu{position:absolute;top:calc(100% + 8px);left:0;min-width:210px;width:max-content;max-height:calc(100vh - 130px);overflow-y:auto;overscroll-behavior:contain;max-width:min(320px,90vw);background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:var(--sh);padding:7px;z-index:40;animation:drop .14s ease;}
    @keyframes drop{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:translateY(0);}}
    .mi{display:flex;align-items:center;gap:11px;width:100%;text-align:left;white-space:nowrap;padding:10px 12px;font-size:14px;font-weight:600;color:var(--ink);border:none;background:none;border-radius:10px;cursor:pointer;font-family:inherit;transition:background .1s;} .mi:hover{background:var(--soft);} .mi-on{background:var(--red-tint);color:var(--red);}
    .mi-ic{font-size:16px;width:20px;text-align:center;flex:none;}
    .mi-logout{color:var(--red);}
    .scrim{position:fixed;inset:0;z-index:30;}
    .appbody header,[id^="pg-"] > .w > header,[id^="pg-"] > div > .w > header{display:none !important;}
    .faqlink{display:flex;align-items:center;gap:6px;flex:none;white-space:nowrap;padding:8px 12px;font-size:13px;font-weight:700;color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:999px;cursor:pointer;font-family:inherit;flex:none;transition:color .12s,border-color .12s;} .faqlink:hover{color:var(--red);border-color:var(--red);} .faqlink-on{color:var(--red);border-color:var(--red);}
    .subtabs{display:flex;gap:4px;padding:12px 24px 0;background:#fff;}
    .subtab{display:flex;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:700;color:var(--muted);border:none;background:none;border-bottom:2px solid transparent;cursor:pointer;font-family:inherit;transition:color .12s,border-color .12s;} .subtab:hover{color:var(--ink);} .subtab-on{color:var(--red);border-bottom-color:var(--red);}
    .authwrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--soft);}
    .authcard{width:100%;max-width:400px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--sh);padding:34px 30px;}
    .authbrand{width:46px;height:46px;border-radius:0;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:19px;margin-bottom:18px;}
    .authcard h1{font-size:26px;font-weight:900;margin:0;}
    .authsub{font-size:13px;color:var(--muted);margin:5px 0 22px;}
    .flbl{display:block;font-size:12px;font-weight:800;letter-spacing:.03em;color:var(--muted);margin:14px 0 6px;}
    .finp{width:100%;padding:11px 13px;font-size:14px;font-family:inherit;border:1px solid #dcdcdc;border-radius:10px;background:#fff;color:var(--ink);} .finp:focus{outline:2px solid var(--red);outline-offset:1px;border-color:var(--red);}
    .fmsg{margin-top:12px;padding:10px 12px;border-radius:10px;font-size:12.5px;font-weight:600;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .fmsg-err{background:var(--red-tint);color:#b4240f;} .fmsg-ok{background:#eafaf0;color:#1c7a4a;}
    .fbtn{width:100%;margin-top:18px;padding:12px;font-size:15px;font-weight:800;font-family:inherit;color:#fff;background:var(--red);border:none;border-radius:10px;cursor:pointer;transition:background .12s;} .fbtn:hover{background:#d42a0f;}
    .flink{width:100%;margin-top:10px;padding:8px;font-size:13px;font-weight:700;font-family:inherit;color:var(--muted);background:none;border:none;cursor:pointer;} .flink:hover{color:var(--red);}
    .authnote{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:11.5px;color:var(--muted);line-height:1.5;}
    .umhead{display:flex;gap:11px;align-items:center;padding:10px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:6px;}
    .umdiv{padding:10px 12px 5px;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--muted);}
    .simsrch{width:calc(100% - 8px);margin:0 4px 6px;padding:8px 10px;font-size:13px;}
    .simlist{max-height:240px;overflow:auto;}
    .lockbadge{font-size:10px;font-weight:800;color:#b4240f;background:var(--red-tint);padding:2px 6px;border-radius:0;margin-left:auto;}
    .auditbox{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,620px);max-height:80vh;background:#fff;border-radius:0;box-shadow:none;z-index:60;display:flex;flex-direction:column;}
    .auditbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);}
    .auditbar strong{font-size:17px;font-weight:900;}
    .auditx{border:none;background:none;font-size:18px;cursor:pointer;color:var(--muted);}
    .auditlist{overflow:auto;padding:8px 8px 14px;}
    .auditrow{display:grid;grid-template-columns:150px 1fr 150px;gap:12px;align-items:center;padding:9px 12px;font-size:13px;border-bottom:1px solid var(--soft);}
    .at{color:var(--muted);font-variant-numeric:tabular-nums;} .an{font-weight:700;} .aa{font-weight:700;text-align:right;} .aa-err{color:#b4240f;} .aa-ok{color:#1c7a4a;} .aa-info{color:var(--muted);}
  
:root{--ink:#111111;--muted:#4a4a4a;--line:#ededed;--bg:#ffffff;--card:#ffffff;--red:#ec3013;--red-600:#cf2a10;--red-tint:#fdece9;--soft:#f1f2f4;--sh:0 1px 2px rgba(23,21,15,.05),0 8px 24px rgba(23,21,15,.07);--sh-h:0 6px 14px rgba(23,21,15,.08),0 20px 44px rgba(23,21,15,.14);
--ink:#111111;--muted:#4a4a4a;--line:#ededed;--bg:#ffffff;--card:#ffffff;--red:#ec3013;--red-tint:#fdece9;--soft:#f1f2f4;--sh:0 1px 2px rgba(23,21,15,.05),0 8px 24px rgba(23,21,15,.07);--sh-h:0 6px 14px rgba(23,21,15,.08),0 20px 44px rgba(23,21,15,.14);
--ink:#111111;--muted:#4a4a4a;--line:#ededed;--bg:#ffffff;--card:#ffffff;--red:#ec3013;--red-600:#cf2a10;--red-tint:#fdece9;--soft:#eef0f2;--sh:0 1px 2px rgba(23,21,15,.05),0 8px 24px rgba(23,21,15,.07);--sh-h:0 6px 14px rgba(23,21,15,.07),0 20px 44px rgba(23,21,15,.13);
--ink:#111111;--muted:#4a4a4a;--line:#ededed;--bg:#ffffff;--card:#ffffff;--red:#ec3013;--red-600:#cf2a10;--red-tint:#fdece9;--soft:#eef0f2;--sh:0 1px 2px rgba(23,21,15,.05),0 8px 24px rgba(23,21,15,.07);--sh-h:0 6px 14px rgba(23,21,15,.07),0 20px 44px rgba(23,21,15,.13);
--ink:#111111;--muted:#4a4a4a;--line:#ededed;--bg:#ffffff;--card:#ffffff;--red:#ec3013;--red-600:#cf2a10;--red-tint:#fdece9;--soft:#f1f2f4;--sh:0 1px 2px rgba(23,21,15,.05),0 8px 24px rgba(23,21,15,.07);--sh-h:0 6px 14px rgba(23,21,15,.08),0 20px 44px rgba(23,21,15,.14);
--ink:#111111;--muted:#4a4a4a;--line:#ededed;--bg:#ffffff;--card:#ffffff;--red:#ec3013;--red-600:#cf2a10;--red-tint:#fdece9;--soft:#f1f2f4;--sh:0 1px 2px rgba(23,21,15,.05),0 8px 24px rgba(23,21,15,.07);--sh-h:0 6px 14px rgba(23,21,15,.08),0 20px 44px rgba(23,21,15,.14);

      --ink:#111111; --muted:#4a4a4a; --line:#ededed; --bg:#ffffff; --card:#ffffff;
      --red:#ec3013; --red-600:#cf2a10; --red-tint:#fdece9;
      --sh:0 1px 2px rgba(23,21,15,.05),0 8px 24px rgba(23,21,15,.07);
      --sh-h:0 6px 14px rgba(23,21,15,.07), 0 20px 44px rgba(23,21,15,.13);
    
--ink:#111111;--muted:#4a4a4a;--line:#ededed;--bg:#ffffff;--card:#ffffff;--red:#ec3013;--red-tint:#fdece9;--soft:#f1f2f4;--sh:0 1px 2px rgba(23,21,15,.05),0 8px 24px rgba(23,21,15,.07);--sh-h:0 6px 14px rgba(23,21,15,.08),0 20px 44px rgba(23,21,15,.14);
--ink:#111111;--muted:#4a4a4a;--line:#ededed;--bg:#ffffff;--card:#ffffff;--red:#ec3013;--red-600:#cf2a10;--red-tint:#fdece9;--soft:#f1f2f4;--sh:0 1px 2px rgba(23,21,15,.05),0 8px 24px rgba(23,21,15,.07);--sh-h:0 6px 14px rgba(23,21,15,.08),0 20px 44px rgba(23,21,15,.14);
--ink:#111111;--muted:#4a4a4a;--line:#ededed;--bg:#ffffff;--card:#ffffff;--red:#ec3013;--red-tint:#fdece9;--soft:#f1f2f4;--sh:0 1px 2px rgba(23,21,15,.05),0 8px 24px rgba(23,21,15,.07);--sh-h:0 6px 14px rgba(23,21,15,.08),0 20px 44px rgba(23,21,15,.14);
--ink:#111111;--muted:#4a4a4a;--line:#ededed;--bg:#ffffff;--card:#ffffff;--red:#ec3013;--red-tint:#fdece9;--soft:#eef0f2;--sh:0 1px 2px rgba(23,21,15,.05),0 8px 24px rgba(23,21,15,.07);--sh-h:0 6px 14px rgba(23,21,15,.07),0 20px 44px rgba(23,21,15,.13);
--ink:#111;--muted:#4a4a4a;--line:#ededed;--bg:#ffffff;--red:#ec3013;--red-600:#cf2a10;--red-tint:#fdece9;--soft:#f1f2f4;--sh:0 1px 2px rgba(23,21,15,.05),0 8px 24px rgba(23,21,15,.07);
--ink:#111;--muted:#4a4a4a;--line:#ededed;--bg:#ffffff;--red:#ec3013;--red-600:#cf2a10;--red-tint:#fdece9;--soft:#f1f2f4;--sh:0 1px 2px rgba(23,21,15,.05),0 8px 24px rgba(23,21,15,.07);
--ink:#111111;--muted:#4a4a4a;--line:#ededed;--bg:#ffffff;--card:#ffffff;--red:#ec3013;--red-600:#cf2a10;--red-tint:#fdece9;--soft:#f1f2f4;--sh:0 1px 2px rgba(23,21,15,.05),0 8px 24px rgba(23,21,15,.07);--sh-h:0 6px 14px rgba(23,21,15,.08),0 20px 44px rgba(23,21,15,.14);
--ink:#111111;--muted:#4a4a4a;--line:#ededed;--bg:#ffffff;--card:#ffffff;--red:#ec3013;--red-600:#cf2a10;--red-tint:#fdece9;--soft:#f1f2f4;--sh:0 1px 2px rgba(23,21,15,.05),0 8px 24px rgba(23,21,15,.07);--sh-h:0 6px 14px rgba(23,21,15,.08),0 20px 44px rgba(23,21,15,.14);
--ink:#111111;--muted:#4a4a4a;--line:#ededed;--bg:#ffffff;--card:#ffffff;--red:#ec3013;--red-tint:#fdece9;--soft:#f1f2f4;--sh:0 1px 2px rgba(23,21,15,.05),0 8px 24px rgba(23,21,15,.07);}

/* ===== ThuVien ===== */
#pg-ThuVien *,
#pg-LinhVuc *,
#pg-ChiTiet *,
#pg-HocBai *,
#pg-LoTrinh *,
#pg-GhiDanh *,
#pg-ThuThach *,
#pg-GhiHinh *,
#pg-BangXepHang *,
#pg-DailyFeed *,
#pg-HoSo *,
#pg-KhaoSat *,
#pg-Workspace *,
#pg-QuanTri *,
#pg-BanDoHeThong *,
#pg-FAQ *{box-sizing:border-box;}
#pg-ThuVien a,
#pg-LinhVuc a,
#pg-ChiTiet a,
#pg-HocBai a,
#pg-LoTrinh a,
#pg-GhiDanh a,
#pg-ThuThach a,
#pg-GhiHinh a,
#pg-BangXepHang a,
#pg-DailyFeed a,
#pg-HoSo a,
#pg-KhaoSat a,
#pg-Workspace a,
#pg-QuanTri a,
#pg-BanDoHeThong a,
#pg-FAQ a{color:var(--red);text-decoration:none;}
#pg-ThuVien a:hover,
#pg-LinhVuc a:hover,
#pg-ChiTiet a:hover,
#pg-HocBai a:hover,
#pg-LoTrinh a:hover,
#pg-GhiDanh a:hover,
#pg-ThuThach a:hover,
#pg-GhiHinh a:hover,
#pg-BangXepHang a:hover,
#pg-DailyFeed a:hover,
#pg-HoSo a:hover,
#pg-QuanTri a:hover,
#pg-BanDoHeThong a:hover,
#pg-FAQ a:hover{color:var(--red-600);}
#pg-ThuVien .w,
#pg-LinhVuc .w,
#pg-ChiTiet .w,
#pg-HocBai .w,
#pg-LoTrinh .w,
#pg-GhiDanh .w,
#pg-GhiHinh .w,
#pg-BangXepHang .w,
#pg-DailyFeed .w,
#pg-HoSo .w,
#pg-Workspace .w,
#pg-QuanTri .w,
#pg-BanDoHeThong .w,
#pg-FAQ .w,
#pg-ThuThach .w,
#pg-KhaoSat .w,
#pg-Workspace .w{font-family:'Archivo',sans-serif;background:var(--bg);color:var(--ink);min-height:100vh;}
#pg-ThuVien .tnav,
#pg-LinhVuc .tnav,
#pg-ChiTiet .tnav,
#pg-HocBai .tnav,
#pg-LoTrinh .tnav,
#pg-GhiDanh .tnav,
#pg-GhiHinh .tnav,
#pg-BangXepHang .tnav,
#pg-DailyFeed .tnav,
#pg-HoSo .tnav,
#pg-QuanTri .tnav,
#pg-BanDoHeThong .tnav,
#pg-FAQ .tnav,
#pg-ThuThach .tnav{padding:8px 14px;font-size:14px;font-weight:600;color:var(--muted);text-decoration:none;border-radius:999px;transition:.15s;}
#pg-ThuVien .tnav:hover,
#pg-LinhVuc .tnav:hover,
#pg-LoTrinh .tnav:hover,
#pg-GhiDanh .tnav:hover,
#pg-GhiHinh .tnav:hover,
#pg-BangXepHang .tnav:hover,
#pg-DailyFeed .tnav:hover,
#pg-QuanTri .tnav:hover,
#pg-BanDoHeThong .tnav:hover,
#pg-FAQ .tnav:hover,
#pg-HoSo .tnav:hover,
#pg-ThuThach .tnav:hover{background:#f3f1ec;color:var(--ink);}
#pg-ThuVien .tnav-on,
#pg-LinhVuc .tnav-on,
#pg-ChiTiet .tnav-on,
#pg-HocBai .tnav-on,
#pg-LoTrinh .tnav-on,
#pg-GhiDanh .tnav-on,
#pg-GhiHinh .tnav-on,
#pg-BangXepHang .tnav-on,
#pg-DailyFeed .tnav-on,
#pg-HoSo .tnav-on,
#pg-QuanTri .tnav-on,
#pg-BanDoHeThong .tnav-on,
#pg-FAQ .tnav-on,
#pg-ThuThach .tnav-on{color:#fff;background:var(--red);}
#pg-ThuVien .btn,
#pg-ChiTiet .btn,
#pg-HocBai .btn,
#pg-LoTrinh .btn,
#pg-GhiDanh .btn,
#pg-ThuThach .btn,
#pg-DailyFeed .btn,
#pg-HoSo .btn,
#pg-KhaoSat .btn,
#pg-Workspace .btn,
#pg-QuanTri .btn{font-family:inherit;font-weight:700;font-size:14px;border:none;border-radius:999px;padding:11px 20px;cursor:pointer;transition:.16s;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;}
#pg-ThuVien .btn-primary,
#pg-ChiTiet .btn-primary,
#pg-HocBai .btn-primary,
#pg-LoTrinh .btn-primary,
#pg-GhiDanh .btn-primary,
#pg-KhaoSat .btn-primary,
#pg-Workspace .btn-primary,
#pg-QuanTri .btn-primary,
#pg-ThuThach .btn-primary{background:var(--red);color:#fff;}
#pg-ThuVien .btn-primary:hover,
#pg-ChiTiet .btn-primary:hover,
#pg-HocBai .btn-primary:hover,
#pg-LoTrinh .btn-primary:hover,
#pg-GhiDanh .btn-primary:hover,
#pg-QuanTri .btn-primary:hover,
#pg-ThuThach .btn-primary:hover,
#pg-Workspace .btn-primary:hover{background:var(--red-600);transform:translateY(-2px);box-shadow:0 10px 24px rgba(236,48,19,.3);}
#pg-ThuVien .card,
#pg-ChiTiet .card,
#pg-HocBai .card,
#pg-LoTrinh .card,
#pg-GhiDanh .card,
#pg-BangXepHang .card,
#pg-DailyFeed .card,
#pg-HoSo .card,
#pg-QuanTri .card,
#pg-BanDoHeThong .card,
#pg-ThuThach .card,
#pg-QuanLyNoiDung .card,
#pg-Workspace .card{background:var(--card);border-radius:20px;box-shadow:var(--sh);}
#pg-ThuVien .chip,
#pg-ThuVien .chip,
#pg-LoTrinh .chip,
#pg-GhiHinh .chip,
#pg-BangXepHang .chip{padding:9px 16px;border-radius:999px;font-size:13px;font-weight:600;cursor:pointer;background:#fff;box-shadow:var(--sh);color:var(--muted);transition:.15s;border:none;font-family:inherit;}
#pg-ThuVien .chip:hover,
#pg-LoTrinh .chip:hover,
#pg-ThuVien .chip:hover{color:var(--ink);}
#pg-ThuVien .chip-on,
#pg-LoTrinh .chip-on,
#pg-GhiHinh .chip-on,
#pg-BangXepHang .chip-on{background:var(--red);color:#fff;}
#pg-ThuVien .ccard{background:var(--card);border-radius:0;box-shadow:none;overflow:hidden;animation:riseIn .4s both;transition:.16s;display:flex;flex-direction:column;}
#pg-ThuVien .ccard:hover{transform:translateY(-6px);box-shadow:none;}
#pg-ThuVien .herot{border-radius:0;padding:16px 18px;transition:transform .18s,box-shadow .18s;}
#pg-ThuVien .herot:hover{transform:translateY(-3px);box-shadow:none;}
#pg-ThuVien .pill,
#pg-GhiHinh .pill,
#pg-ChiTiet .pill,
#pg-QuanTri .pill,
#pg-ThuThach .pill,
#pg-HoSo .pill,
#pg-Workspace .pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:0;font-size:11px;font-weight:700;}
#pg-ThuVien .ccta{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border-radius:0;font-size:13px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-weight:700;font-size:14px;text-decoration:none;transition:.15s;}
#pg-ThuVien .ccta:hover{border-color:var(--red);color:var(--red);background:var(--red-tint);}


/* ===== LinhVuc ===== */
#pg-LinhVuc .dom{border-radius:0;box-shadow:none;overflow:hidden;animation:riseIn .4s both;transition:.16s;cursor:pointer;text-decoration:none;color:inherit;display:block;}
#pg-LinhVuc .dom:hover{transform:translateY(-5px);box-shadow:none;}


/* ===== ChiTiet ===== */
#pg-ChiTiet .tnav:hover,
#pg-HocBai .tnav:hover,
#pg-ChiTiet .btn-ghost,
#pg-HocBai .btn-ghost,
#pg-HoSo .btn-ghost,
#pg-KhaoSat .btn-ghost,
#pg-Workspace .btn-ghost,
#pg-QuanTri .btn-ghost,
#pg-ThuThach .btn-ghost{background:#fff;color:var(--ink);box-shadow:none;}
#pg-ChiTiet .btn-ghost:hover,
#pg-HocBai .btn-ghost:hover,
#pg-HoSo .btn-ghost:hover,
#pg-QuanTri .btn-ghost:hover,
#pg-ThuThach .btn-ghost:hover,
#pg-Workspace .btn-ghost:hover{transform:translateY(-2px);box-shadow:none;}
#pg-ChiTiet .chap{background:#fff;border-radius:0;box-shadow:none;margin-bottom:14px;overflow:hidden;}
#pg-ChiTiet .chap-h{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;background:var(--soft);font-weight:700;}
#pg-ChiTiet .lrow,
#pg-HocBai .lrow{display:flex;align-items:center;gap:12px;padding:13px 18px;border-top:1px solid var(--line);animation:riseIn .35s both;}


/* ===== HocBai ===== */
#pg-HocBai .toast{position:fixed;left:50%;bottom:34px;transform:translateX(-50%);z-index:9998;background:var(--ink);color:#fff;padding:14px 22px;border-radius:0;font-weight:700;font-size:15px;box-shadow:none;animation:toastIn .3s both;display:flex;align-items:center;gap:10px;}
#pg-HocBai .btn-primary:disabled,
#pg-KhaoSat .btn-primary:disabled{background:#d8d4ce;cursor:not-allowed;transform:none;box-shadow:none;}
#pg-HocBai .btn-ghost:disabled,
#pg-HoSo .btn-ghost:disabled{opacity:.5;cursor:not-allowed;transform:none;}
#pg-HocBai .ltool{background:#fff;border:2px solid var(--line);border-radius:0;padding:13px;cursor:pointer;text-align:center;font-weight:700;font-size:14px;transition:.15s;}
#pg-HocBai .ltool:hover{border-color:var(--red);transform:translateY(-3px);}
#pg-HocBai .ltool-on{border-color:var(--red);background:var(--red);color:#fff;}
#pg-HocBai .lrow:hover{background:var(--soft);}
#pg-HocBai .lrow-on{background:var(--red-tint);}
#pg-HocBai .lrow-lock{opacity:.5;cursor:not-allowed;}
#pg-HocBai .lrow-lock:hover{background:transparent;}
#pg-HocBai .qopt,
#pg-ThuThach .qopt{background:#fff;border:2px solid var(--line);border-radius:0;padding:14px;cursor:pointer;font-size:14px;transition:.15s;}
#pg-HocBai .qopt:hover,
#pg-ThuThach .qopt:hover{border-color:var(--red);transform:translateX(3px);}
#pg-HocBai .qopt-sel{border-color:var(--red);background:var(--red-tint);}
#pg-HocBai .qopt-right,
#pg-ThuThach .qopt-right{border-color:#2e9e4f;background:#eff9f1;}
#pg-HocBai .qopt-wrong,
#pg-ThuThach .qopt-wrong{border-color:var(--red);background:var(--red-tint);}
#pg-HocBai .panel,
#pg-HoSo .panel,
#pg-QuanTri .panel{animation:riseInFlat .35s both;}
#pg-HocBai .input,
#pg-GhiDanh .input{font-family:inherit;width:100%;border:2px solid var(--line);border-radius:10px;padding:13px;font-size:14px;}


/* ===== LoTrinh ===== */
#pg-LoTrinh .phase{background:#fff;border-radius:20px;box-shadow:var(--sh);padding:22px;animation:riseIn .4s both;transition:.16s;position:relative;overflow:visible;height:auto;}
#pg-LoTrinh .phase:hover{transform:translateY(-4px);box-shadow:none;}
#pg-LoTrinh .modpill{display:inline-block;background:var(--soft);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;margin:4px 4px 0 0;}
#pg-LoTrinh table,
#pg-QuanTri table,
#pg-BanDoHeThong table{width:100%;border-collapse:collapse;min-width:680px;}
#pg-LoTrinh th,
#pg-BanDoHeThong th,
#pg-Workspace th,
#pg-QuanTri th{font-size:12px;color:var(--muted);font-weight:700;padding:12px 10px;border-bottom:1px solid var(--line);text-align:center;}
#pg-LoTrinh th:first-child,
#pg-BanDoHeThong th:first-child{text-align:left;}
#pg-LoTrinh td,
#pg-Workspace td,
#pg-QuanTri td,
#pg-BanDoHeThong td{padding:12px 10px;border-bottom:1px solid var(--line);font-size:13px;text-align:center;}
#pg-LoTrinh td:first-child,
#pg-BanDoHeThong td:first-child{text-align:left;font-weight:600;}
#pg-LoTrinh tr:last-child td,
#pg-Workspace tr:last-child td,
#pg-QuanTri tr:last-child td,
#pg-BanDoHeThong tr:last-child td{border-bottom:none;}


/* ===== GhiDanh ===== */
#pg-GhiDanh .lbl{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:6px;display:block;}
#pg-GhiDanh .input:focus{outline:none;border-color:var(--red);}


/* ===== ThuThach ===== */
#pg-ThuThach .sem{background:#fff; border-radius:0; box-shadow:none; padding:22px; animation:riseIn .4s both; transition:.16s;}
#pg-ThuThach .sem:hover{transform:translateY(-5px); box-shadow:none;}
#pg-ThuThach a.plain{text-decoration:none; color:inherit;}


/* ===== GhiHinh ===== */
#pg-GhiHinh .rec{background:#fff;border-radius:0;box-shadow:none;overflow:hidden;animation:riseIn .4s both;transition:.15s;cursor:pointer;}
#pg-GhiHinh .rec:hover{transform:translateY(-5px);box-shadow:none;}


/* ===== BangXepHang ===== */
#pg-BangXepHang .chip-ink{background:var(--ink);color:#fff;}
#pg-BangXepHang .lb{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--line);transition:.15s;animation:riseIn .4s both;}
#pg-BangXepHang .lb:hover{background:#faf8f4;}
#pg-BangXepHang .lb:last-child{border-bottom:none;}
#pg-BangXepHang .lb-me{background:var(--red-tint);border-radius:0;}


/* ===== DailyFeed ===== */
#pg-DailyFeed .feed{background:#fff;border-radius:0;box-shadow:none;padding:16px 18px;display:flex;gap:14px;align-items:flex-start;animation:riseIn .4s both;transition:.15s;}
#pg-DailyFeed .feed:hover{transform:translateY(-2px);box-shadow:none;}
#pg-DailyFeed .btn:hover{background:var(--red-tint);color:var(--red);}


/* ===== HoSo ===== */
#pg-HoSo .ptab{padding:12px 20px;font-size:14px;font-weight:700;cursor:pointer;border-radius:0;transition:.15s;color:var(--muted);}
#pg-HoSo .ptab:hover{color:var(--ink);}
#pg-HoSo .ptab-on{color:#fff;background:var(--red);}
#pg-HoSo .lift{transition:.16s;}
#pg-HoSo .lift:hover{transform:translateY(-5px);box-shadow:none;}
#pg-HoSo .nrow{display:flex;gap:14px;padding:16px 20px;border-bottom:1px solid var(--line);animation:riseIn .4s both;align-items:center;transition:.15s;}
#pg-HoSo .nrow:hover{background:#faf8f4;}


/* ===== KhaoSat ===== */
#pg-KhaoSat .wrap{max-width:1320px;margin:0 auto;padding:30px clamp(20px, 3vw, 40px) 60px;}
#pg-Workspace .wrap{max-width:1320px;margin:0 auto;padding:30px clamp(20px, 3vw, 40px) 60px;}
#pg-KhaoSat .card,
#pg-KhaoSat .btn-primary:hover,
#pg-KhaoSat .btn-ghost:hover,
#pg-KhaoSat .q{padding:18px 0;border-bottom:1px solid var(--line);}
#pg-KhaoSat .q:last-child{border-bottom:none;}
#pg-KhaoSat .qt{font-weight:700;font-size:15px;line-height:1.5;margin-bottom:12px;}
#pg-KhaoSat .qt b{color:var(--red);font-weight:800;margin-right:6px;}
#pg-KhaoSat .lk{display:flex;gap:8px;flex-wrap:wrap;}
#pg-KhaoSat .lkb{flex:1;min-width:58px;border:1.5px solid var(--line);background:#fff;border-radius:0;padding:10px 4px;cursor:pointer;font-family:inherit;text-align:center;transition:.12s;}
#pg-KhaoSat .lkb:hover{border-color:var(--red);}
#pg-KhaoSat .lkb-on{border-color:var(--red);background:var(--red-tint);}
#pg-KhaoSat .lkb .n{font-weight:900;font-size:17px;}
#pg-KhaoSat .lkb .t{font-size:10px;color:var(--muted);margin-top:2px;line-height:1.2;}
#pg-KhaoSat .opt{display:flex;gap:8px;flex-wrap:wrap;}
#pg-KhaoSat .ob{border:1.5px solid var(--line);background:#fff;border-radius:0;padding:9px 16px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;color:var(--ink);transition:.12s;}
#pg-KhaoSat .ob:hover{border-color:var(--red);}
#pg-KhaoSat .ob-on{border-color:var(--red);background:var(--red);color:#fff;}
#pg-KhaoSat .bar,
#pg-Workspace .bar,
#pg-QuanTri .bar{height:9px;background:var(--soft);border-radius:0;overflow:hidden;}
#pg-KhaoSat .bar>div,
#pg-QuanTri .bar>div{height:100%;border-radius:0;}
#pg-KhaoSat .rrow{display:flex;align-items:center;gap:14px;padding:10px 0;}


/* ===== Workspace ===== */
#pg-Workspace .sel{font-family:inherit;font-size:13px;font-weight:700;padding:9px 12px;border:1px solid #dcdcdc;border-radius:0;background:#fff;color:var(--ink);}
#pg-Workspace table,
#pg-Workspace .bar>div,
#pg-Workspace .kpi{flex:1;min-width:150px;background:#fff;border-radius:0;box-shadow:none;padding:16px 18px;}
#pg-Workspace .scrollbox{max-height:340px;overflow:auto;}
@media print{#pg-Workspace .noprint{display:none !important;}
#pg-Workspace .card{box-shadow:var(--sh);border:1px solid var(--line);break-inside:avoid;}}

/* ===== QuanTri ===== */
#pg-QuanTri .role{flex:1;min-width:150px;padding:16px;border-radius:0;cursor:pointer;background:#fff;box-shadow:none;transition:.15s;border:2px solid transparent;text-align:left;font-family:inherit;}
#pg-QuanTri .role:hover{transform:translateY(-3px);}
#pg-QuanTri .role-on{border-color:var(--red);background:var(--red-tint);}


/* ===== BanDoHeThong ===== */
#pg-BanDoHeThong .mod{background:#fff;border:1px solid var(--line);border-radius:0;padding:10px 12px;font-size:13px;font-weight:600;transition:.15s;}
#pg-BanDoHeThong .mod:hover{border-color:var(--red);transform:translateY(-2px);box-shadow:none;}
#pg-BanDoHeThong .grp{border-radius:0;padding:18px;animation:riseIn .4s both;}
#pg-BanDoHeThong .step{background:#fff;border-radius:0;box-shadow:none;padding:14px;flex:1;min-width:130px;position:relative;animation:riseIn .4s both;}
#pg-BanDoHeThong .arrow{display:flex;align-items:center;color:var(--red);font-weight:900;font-size:16px;flex:none;}


/* ===== FAQ ===== */
#pg-FAQ .fq{background:#fff;border-radius:0;box-shadow:none;margin-bottom:12px;overflow:hidden;animation:riseIn .4s both;transition:.15s;border:1.5px solid transparent;}
#pg-FAQ .fq-open{border-color:var(--red);}
#pg-FAQ .fqh{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;font-weight:700;font-size:16px;}
#pg-FAQ .plus{width:28px;height:28px;border-radius:0;background:var(--soft);display:flex;align-items:center;justify-content:center;flex:none;font-weight:800;transition:.15s;}
#pg-FAQ .plus-on{background:var(--red);color:#fff;}

#pg-QuanLyNoiDung{font-family:inherit;}
#pg-QuanLyNoiDung .cm-tab{font-family:inherit;font-size:14px;font-weight:700;padding:10px 18px;border-radius:0;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:.12s;}
#pg-QuanLyNoiDung .cm-tab:hover{border-color:var(--red);}
#pg-QuanLyNoiDung .cm-tab-on{background:var(--red);border-color:var(--red);color:#fff;}
#pg-QuanLyNoiDung .cm-msg{margin-top:16px;padding:11px 15px;border-radius:0;font-size:13px;font-weight:600;}
#pg-QuanLyNoiDung .cm-ok{background:#eafaf0;color:#1f8a46;}
#pg-QuanLyNoiDung .cm-err{background:var(--red-tint);color:#b4240f;}
#pg-QuanLyNoiDung .cm-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px;margin-top:20px;}
@media (max-width:820px){#pg-QuanLyNoiDung .cm-grid{grid-template-columns:1fr;}}
#pg-QuanLyNoiDung .cm-list{padding:16px;}
#pg-QuanLyNoiDung .cm-listhead,#pg-QuanLyNoiDung .cm-sechead{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;color:var(--ink);margin-bottom:10px;}
#pg-QuanLyNoiDung .cm-sechead{font-size:12px;letter-spacing:.03em;color:var(--muted);text-transform:uppercase;margin:16px 0 8px;}
#pg-QuanLyNoiDung .cm-sec:first-child .cm-sechead{margin-top:0;}
#pg-QuanLyNoiDung .cm-add{font-family:inherit;font-size:12px;font-weight:700;color:var(--red);background:var(--red-tint);border:none;border-radius:0;padding:5px 12px;cursor:pointer;}
#pg-QuanLyNoiDung .cm-add:hover{background:var(--red);color:#fff;}
#pg-QuanLyNoiDung .cm-scroll{max-height:560px;overflow:auto;display:flex;flex-direction:column;gap:6px;}
#pg-QuanLyNoiDung .cm-row{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:0;padding:4px 8px 4px 10px;transition:.12s;}
#pg-QuanLyNoiDung .cm-row:hover{border-color:var(--red);}
#pg-QuanLyNoiDung .cm-row-on{border-color:var(--red);background:var(--red-tint);}
#pg-QuanLyNoiDung .cm-row-hidden{opacity:.5;}
#pg-QuanLyNoiDung .cm-num{font-size:11px;font-weight:800;color:var(--muted);width:20px;flex:none;text-align:center;}
#pg-QuanLyNoiDung .cm-rowtxt{flex:1;min-width:0;text-align:left;font-family:inherit;font-size:13px;font-weight:500;color:var(--ink);background:none;border:none;cursor:pointer;padding:8px 0;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#pg-QuanLyNoiDung .cm-type{display:inline-block;font-size:10px;font-weight:800;color:var(--muted);background:var(--soft);border-radius:0;padding:1px 6px;margin-right:7px;}
#pg-QuanLyNoiDung .cm-iconbtn{font-family:inherit;font-size:12px;font-weight:700;color:var(--muted);background:none;border:1px solid var(--line);border-radius:0;padding:5px 8px;cursor:pointer;flex:none;}
#pg-QuanLyNoiDung .cm-iconbtn:hover{border-color:var(--red);color:var(--red);}
#pg-QuanLyNoiDung .cm-editor{padding:22px;}
#pg-QuanLyNoiDung .cm-etitle{font-size:17px;font-weight:900;margin-bottom:6px;}
#pg-QuanLyNoiDung .cm-lbl{display:block;font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.02em;margin:14px 0 6px;}
#pg-QuanLyNoiDung .cm-ta,#pg-QuanLyNoiDung .cm-inp{width:100%;font-family:inherit;font-size:14px;color:var(--ink);border:1.5px solid var(--line);border-radius:14px;padding:12px 16px;background:#fff;resize:vertical;line-height:1.6;}
#pg-QuanLyNoiDung .cm-ta:focus,#pg-QuanLyNoiDung .cm-inp:focus{outline:2px solid var(--red);outline-offset:1px;border-color:var(--red);}
#pg-QuanLyNoiDung .cm-optrow{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
#pg-QuanLyNoiDung .cm-radio{width:34px;height:34px;flex:none;border-radius:0;border:1.5px solid var(--line);background:#fff;font-family:inherit;font-weight:800;font-size:13px;color:var(--muted);cursor:pointer;transition:.12s;}
#pg-QuanLyNoiDung .cm-radio:hover{border-color:var(--red);}
#pg-QuanLyNoiDung .cm-corr-on{background:var(--red);border-color:var(--red);color:#fff;}
#pg-QuanLyNoiDung .cm-typebtn{font-family:inherit;font-size:13px;font-weight:700;padding:9px 16px;border-radius:0;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;}
#pg-QuanLyNoiDung .cm-typebtn:hover{border-color:var(--red);}
#pg-QuanLyNoiDung .cm-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);margin-top:10px;cursor:pointer;}
#pg-QuanLyNoiDung .cm-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px;}
#pg-QuanLyNoiDung .cm-save{font-family:inherit;font-size:14px;font-weight:800;color:#fff;background:var(--red);border:none;border-radius:0;padding:11px 24px;cursor:pointer;}
#pg-QuanLyNoiDung .cm-save:hover{background:var(--red-600);}
#pg-QuanLyNoiDung .cm-cancel{font-family:inherit;font-size:14px;font-weight:700;color:var(--muted);background:#fff;border:1.5px solid var(--line);border-radius:0;padding:11px 20px;cursor:pointer;}
#pg-QuanLyNoiDung .cm-cancel:hover{border-color:var(--red);color:var(--red);}
#pg-QuanLyNoiDung .cm-empty{color:var(--muted);font-size:14px;line-height:1.7;padding:30px 10px;text-align:center;}
#pg-QuanLyNoiDung .cm-sub{display:block;font-size:11px;font-weight:500;color:var(--muted);margin-top:3px;}
#pg-QuanLyNoiDung .cm-grouptitle{font-family:inherit;font-size:12px;font-weight:800;letter-spacing:.02em;color:var(--ink);background:none;border:none;cursor:pointer;text-align:left;padding:0;}
#pg-QuanLyNoiDung .cm-grouptitle:hover{color:var(--red);}



.app header .tnav{color:var(--ink);text-transform:uppercase;font-size:13px;letter-spacing:.02em;}
.app header nav{flex-wrap:nowrap !important;min-width:0;}
.app header .tnav{padding:8px 10px;font-size:12.5px;white-space:nowrap;}
.app header .tnav .caret{font-size:8px;}
.app header .tnav:hover{background:#f3f1ec;color:var(--ink);}
.app header .tnav-on,.app header .tnav-on:hover{color:#fff;background:var(--red);}
.app header .faqlink{background:#fff;border-color:var(--line);color:var(--ink);}
.app header .faqlink:hover{border-color:var(--red);color:var(--red);}
.app header .menu{color:var(--ink);}
.app header .menu .mi{color:var(--ink);}
.app header .menu .mi-logout{color:var(--red);}