/* =============================================================
   style.css — nhận diện TOPSKILLS (theo globaltopskills.com):
   Be Vietnam Pro · nền #eaf6ff · chữ #12314f · đầu trang chuyển màu
   xanh nhạt · thanh menu navy #073757→#07547b, viên chọn #c9f6ff ·
   thẻ trắng bo 18px viền #a4d3e7 · nút #075878 · điểm nhấn #55ddff
   ============================================================= */
:root{
  --navy:#073757;--navy2:#07547b;--xanh:#075878;--xanh2:#0a7fae;--cyan:#55ddff;--cyan-nhat:#c9f6ff;
  --nen:#eaf6ff;--the:#fff;--chu:#12314f;--mo:#5b7790;--vien:#c8e0ec;--vien2:#a4d3e7;
  --m0:#1f8a4c;--m1:#7cb342;--m2:#f2a900;--m3:#ef6c00;--m4:#d13b3b;
  --vang:#fff7e0;--do:#fdecec;--xanhla:#e6f6ec;
  --bong:0 14px 40px rgba(36,110,154,.10);--bong-nho:0 3px 12px rgba(7,101,139,.08);
  --sans:"Be Vietnam Pro",Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;font:14px/1.55 var(--sans);color:var(--chu);background:var(--nen);display:flex;flex-direction:column;min-height:100vh}
a{color:var(--xanh2);cursor:pointer;text-decoration:none}
h1{font-size:26px;margin:0 0 6px;color:var(--chu);font-weight:700;letter-spacing:-.3px;line-height:1.25}
h2{font-size:18px;margin:0 0 8px;color:var(--chu);font-weight:700}
h3{font-size:12.5px;margin:0;text-transform:uppercase;letter-spacing:.5px;color:var(--xanh);font-weight:700}
h3 small,h1 small{text-transform:none;letter-spacing:0;font-weight:400;color:var(--mo)}
h4{font-size:13.5px;margin:14px 0 6px;color:var(--chu);font-weight:700}
p{margin:0 0 8px}
code{background:#e3f1f9;padding:1px 6px;border-radius:5px;font-size:12px}

/* ---------- đầu trang ---------- */
.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 26px;background:linear-gradient(110deg,#e5faff 0%,#bceef9 45%,#64cde9 100%);box-shadow:0 3px 18px rgba(7,101,139,.08);color:#083854}
.brand{display:flex;gap:16px;align-items:center;color:#083854}
.brand .logo{height:66px;width:auto;display:block}
.brand-txt{display:flex;flex-direction:column;line-height:1.25}.brand-txt b{font-size:18px;letter-spacing:1px;font-weight:700}.brand-txt small{font-size:13px;color:#2f5b77}
.top-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.chon-da{padding:8px 12px;border-radius:7px;border:1px solid rgba(7,84,123,.25);min-width:280px;font:500 13px var(--sans);background:rgba(255,255,255,.85);color:var(--chu)}
.tt-luu{font-size:11.5px;color:#2f5b77;white-space:nowrap}
.nut-top{background:var(--xanh);color:#fff;border:0;border-radius:5px;padding:9px 14px;cursor:pointer;font:600 13px var(--sans)}.nut-top:hover{background:var(--navy)}
.nut-top.sang{background:#fff;color:var(--xanh);box-shadow:var(--bong-nho)}.nut-top.sang:hover{background:var(--cyan-nhat)}

/* ---------- thanh giai đoạn (menu navy) ---------- */
.pha{background:linear-gradient(100deg,var(--navy),var(--navy2));position:sticky;top:0;z-index:30;box-shadow:0 4px 14px rgba(0,30,52,.18)}
.pha-trong{display:flex;gap:8px;padding:10px 24px;overflow-x:auto;scrollbar-width:thin}
.pha-o{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:#e2f6ff;font-weight:600;font-size:14.5px;padding:10px 16px;border-radius:7px;transition:.15s}
.pha-o:hover{background:rgba(201,246,255,.12)}
.pha-o.on{background:var(--cyan-nhat);color:#063e5d;box-shadow:0 3px 12px rgba(0,30,52,.19)}
.pha-ky{width:22px;height:22px;border-radius:6px;background:rgba(85,221,255,.2);color:var(--cyan);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}
.pha-o.on .pha-ky{background:var(--xanh);color:#fff}
.pha-dem{font-size:11px;font-weight:600;padding:1px 7px;border-radius:10px;background:rgba(255,255,255,.14)}.pha-o.on .pha-dem{background:#fff;color:var(--xanh)}

/* ---------- khung ---------- */
.khung{display:flex;flex:1;align-items:flex-start;max-width:1560px;width:100%;margin:0 auto}
.nav{width:258px;flex-shrink:0;position:sticky;top:64px;max-height:calc(100vh - 64px);overflow:auto;padding:18px 10px 18px 18px}
.nav-nhom{font-size:10.5px;font-weight:700;color:var(--mo);text-transform:uppercase;letter-spacing:.8px;padding:14px 10px 6px}
.nav a{display:flex;align-items:center;gap:9px;padding:8px 10px;color:var(--chu);font-size:13.5px;border-radius:8px;margin-bottom:2px;font-weight:500;border:1px solid transparent}
.nav a:hover{background:#fff}
.nav a.active{background:#fff;color:var(--xanh);font-weight:700;box-shadow:var(--bong-nho);border-color:var(--vien2)}
.nav-so{width:24px;height:24px;border-radius:7px;background:#d6edf8;color:var(--xanh);font-size:11.5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700}
.nav a.active .nav-so{background:linear-gradient(135deg,#007dab,#064271);color:#fff}
.nav-ten{flex:1;line-height:1.3}
.nav-tt{display:inline-flex;width:19px;height:19px;border-radius:50%;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;color:#fff;flex-shrink:0}
.nav-tt.ok{background:var(--m0)}.nav-tt.xem{background:var(--m2);color:#4a3a06}.nav-tt.cg{background:var(--m4)}.nav-tt.duyet{background:#6a3fb5}
span.nav-tt.duyet,span.nav-tt.ok,span.nav-tt.xem,span.nav-tt.cg{width:auto;padding:0 7px;border-radius:10px}
.nav-chu{font-size:11.5px;color:var(--mo);padding:16px 10px;line-height:2}.nav-chu .nav-tt{width:17px;height:17px;padding:0}
.man{flex:1;padding:16px 26px 40px 14px;min-width:0}
.vet{font-size:12px;letter-spacing:.6px;color:var(--mo);font-weight:500;margin:4px 0 14px}.vet a{color:var(--mo)}.vet a:hover{color:var(--xanh)}.vet b{color:var(--xanh);font-weight:600}
.vet.tren{margin:26px 0 12px;font-weight:700;color:var(--xanh)}
.dau-man{margin-bottom:18px}.dau-man .mo{max-width:1000px;font-size:14.5px}
.chan{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;color:var(--mo);font-size:12.5px;border-top:1px solid var(--vien);background:#f5fbff}.chan img{height:30px}

/* ---------- khối ---------- */
.the{background:var(--the);border:1px solid var(--vien2);border-radius:18px;padding:18px 20px;margin-bottom:16px;box-shadow:var(--bong);min-width:0}
.the-dau{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}
.hai-cot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.hai-cot.rong-trai{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.hai-cot.rong-phai{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
.hang-nut{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0 14px}
.nut{background:var(--xanh);color:#fff;border:0;border-radius:5px;padding:9px 16px;cursor:pointer;font:600 13.5px var(--sans);transition:.15s}.nut:hover{background:var(--navy)}
.nut.phu{background:#fff;color:var(--xanh);border:1px solid var(--vien2)}.nut.phu:hover{background:var(--cyan-nhat)}
.nut.nguy{background:#fff;color:var(--m4);border:1px solid #f1c4c4}.nut.nguy:hover{background:var(--do)}
.nut.sang{background:var(--cyan);color:#052238}.nut.sang:hover{background:#8ce8ff}
.nut.vien{background:transparent;color:#e7f8ff;border:1px solid rgba(201,246,255,.45)}.nut.vien:hover{background:rgba(201,246,255,.12)}
.nut.nho{padding:5px 11px;font-size:12.5px}.nut.lon{padding:13px 22px;font-size:15px}
.nut-x{background:none;border:0;color:#94a9ba;cursor:pointer;font-size:13px;padding:3px 7px;border-radius:6px}.nut-x:hover{background:var(--do);color:var(--m4)}
.nho{font-size:12.5px;color:var(--mo)}.mo{color:var(--mo)}.lon{font-size:15px}.b{font-weight:700}.giua{text-align:center}
.am{color:var(--m4)}.duong{color:var(--m0)}.dat{color:var(--m0)}
.trong{padding:34px;text-align:center;color:var(--mo);border:1px dashed var(--vien2);border-radius:18px;background:#fff}
.canh{background:var(--vang);border:1px solid #f1dc9d;border-radius:10px;padding:9px 13px;margin:8px 0;font-size:13px}.canh.do{background:var(--do);border-color:#f1c4c4}
.canh-ds{margin:8px 0;padding-left:18px;color:#8a5a00;font-size:12.5px}
.chip{display:inline-block;background:#e3f3fb;color:#24506c;border-radius:20px;padding:1px 9px;font-size:11px;margin:1px 2px;font-weight:500;text-transform:none;letter-spacing:0}
.chip.ai{background:#fff1c7;color:#7a5b00}.chip.do{background:var(--do);color:var(--m4)}.chip.lon{font-size:12.5px;padding:4px 12px;background:var(--cyan-nhat);color:var(--navy);font-weight:600}
.o-mau{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 4px 0 10px;vertical-align:-1px}

/* ---------- bảng & form ---------- */
table{border-collapse:collapse;width:100%}
th,td{border-bottom:1px solid #e1eef5;padding:7px 8px;text-align:left;vertical-align:middle}
th{background:#f1f9fd;font-size:10.5px;color:var(--xanh);text-transform:uppercase;letter-spacing:.4px;font-weight:700}
.bang.gon td,.bang.gon th{padding:5px 7px}
.bang tr:hover td{background:#fafdff}
.bang input[type=text],.bang input[type=number],.bang select{width:100%}
td.so{text-align:right;font-weight:700;color:var(--xanh)}
.cuon{overflow-x:auto}
input[type=text],input[type=number],input[type=date],select,textarea{padding:7px 10px;border:1px solid var(--vien);border-radius:7px;font:inherit;background:#fff;color:var(--chu)}
input::placeholder,textarea::placeholder{color:#9fb4c4}
input:focus,select:focus,textarea:focus{outline:2px solid var(--cyan);outline-offset:-1px;border-color:transparent}
textarea{width:100%;resize:vertical;line-height:1.5}
input.thieu{background:#fff5f5;border-color:#f1c4c4}
.form label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--mo);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.form label input,.form label select,.form label textarea{text-transform:none;letter-spacing:0;font-weight:400;font-size:14px}
.form label small{text-transform:none;font-weight:400}
.form label>input,.form label>select{width:100%;min-width:0}
.luoi2,.luoi3,.luoi4{display:grid;gap:12px 16px;margin-bottom:8px}.luoi2{grid-template-columns:repeat(2,minmax(0,1fr))}.luoi3{grid-template-columns:repeat(3,minmax(0,1fr))}.luoi4{grid-template-columns:repeat(4,minmax(0,1fr))}
.them-dong{display:flex;gap:6px;margin-top:8px}.them-dong input,.them-dong select{flex:1}

/* ---------- nút chọn điểm, tab ---------- */
.seg{display:inline-flex;border:1px solid var(--vien);border-radius:7px;overflow:hidden;background:#fff;flex-shrink:0}
.seg button{border:0;border-right:1px solid var(--vien);background:#fff;padding:6px 11px;cursor:pointer;font:600 12.5px var(--sans);color:var(--mo);min-width:32px}
.seg button:last-child{border-right:0}.seg.nho button{padding:3px 8px;min-width:27px;font-size:12px}
.seg button:hover{background:#eefaff}.seg button.on{background:var(--xanh);color:#fff}
.seg button.am.on{background:var(--m4)}.seg button.duong.on{background:var(--m0)}
.seg button.goi-y{box-shadow:inset 0 0 0 2px var(--m2);color:#7a5b00}
.chon-o{width:27px;height:27px;border-radius:7px;border:1.5px solid var(--vien2);background:#fff;color:var(--xanh);cursor:pointer;font-weight:700}.chon-o.on{background:var(--xanh);color:#fff;border-color:var(--xanh)}
.tabs{display:inline-flex;gap:4px;margin:4px 0 12px;flex-wrap:wrap;background:linear-gradient(100deg,var(--navy),var(--navy2));padding:5px;border-radius:9px}
.tab{border:0;background:transparent;border-radius:6px;padding:7px 14px;cursor:pointer;font:600 13px var(--sans);color:#e2f6ff}.tab:hover{background:rgba(201,246,255,.12)}.tab.on{background:var(--cyan-nhat);color:#063e5d}
.tab small{opacity:.7}
.chon-nam{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mo);font-weight:700}

/* ---------- chỉ số ---------- */
.luoi-cs{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin-bottom:16px}
.luoi-cs.nho2{grid-template-columns:repeat(2,minmax(0,1fr))}.luoi-cs.nho3{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}
.chiso{background:#fff;border:1px solid var(--vien2);border-radius:14px;padding:12px 14px 12px 18px;position:relative;overflow:hidden;box-shadow:var(--bong-nho)}
.chiso:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#007dab,#064271)}
.chiso.xanh:before{background:var(--m0)}.chiso.vang:before{background:var(--m2)}.chiso.do:before{background:var(--m4)}
.cs-gt{font-size:23px;font-weight:700;color:var(--chu);line-height:1.2}.cs-nhan{font-size:11px;color:var(--xanh);font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-top:3px}.cs-phu{font-size:12px;color:var(--mo);margin-top:2px}
.thanh{display:inline-block;width:70px;height:7px;background:#e3f1f9;border-radius:5px;overflow:hidden;vertical-align:middle}.thanh i{display:block;height:100%;background:linear-gradient(90deg,#0a7fae,#55ddff);border-radius:5px}
.rag{display:inline-block;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700;color:#fff;white-space:nowrap}
.rag.xanh{background:var(--m0)}.rag.vang{background:var(--m2);color:#4a3a06}.rag.do{background:var(--m4)}.rag.xam{background:#cfdde6;color:#36546a}
.cham{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;background:#cfdde6}.cham.xanh{background:var(--m0)}.cham.vang{background:var(--m2)}.cham.do{background:var(--m4)}
.ds-rag div{padding:4px 0;font-size:13px;border-bottom:1px dashed #e1eef5}.ds-rag b{float:right}

/* ---------- biểu đồ ---------- */
.bd{width:100%;height:auto;display:block;margin:0 auto}
.bd-nhan{font-size:11px;fill:#47657c}.bd-nhan.b,.bd-mt.b{font-weight:700}.bd-nhan.mo{fill:#9fb4c4}
.bd-mt{font-size:12px;fill:#12314f}.bd-lan{font-size:11px;font-weight:700;letter-spacing:.6px}
svg text{font-family:var(--sans)}
.dongho{max-width:190px}.dh-so{font-size:26px;font-weight:700;fill:var(--chu)}
.nut-bd{cursor:pointer}.nut-bd:hover rect{fill:#eefaff}.nut-bd.chon rect{fill:var(--cyan-nhat)}
.bd-tren{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.bd-tren div{background:linear-gradient(135deg,#007dab,#064271);color:#fff;border-radius:12px;padding:10px 14px}.bd-tren small{display:block;font-size:10.5px;color:var(--cyan);font-weight:700;letter-spacing:.6px}
.bd-duoi{background:#f1f9fd;border-radius:12px;padding:10px 14px;margin-top:10px}.bd-duoi small{font-size:10.5px;color:var(--xanh);font-weight:700;letter-spacing:.6px;margin-right:6px}
.cot2 .c2-hang{display:grid;grid-template-columns:90px 1fr 34px;align-items:center;gap:8px;padding:5px 0;font-size:13px}
.c2-truc{position:relative;height:12px;background:#eef6fb;border-radius:6px}.c2-truc:before{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;border-left:1px solid #94a9ba}
.c2-truc i{position:absolute;top:0;bottom:0;border-radius:6px}.c2-truc i.duong{left:50%;background:var(--m0)}.c2-truc i.am{right:50%;background:var(--m4)}
.disc-h{display:grid;grid-template-columns:18px 1fr 70px;align-items:center;gap:8px;padding:3px 0}.disc-h .thanh{width:100%;height:10px}
.nl-bar{display:grid;grid-template-columns:160px 1fr 74px;gap:10px;align-items:center;padding:6px 0;font-size:13px}
.nl-truc{position:relative;height:12px;background:#e3f1f9;border-radius:6px}.nl-truc .tt{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#0a7fae,#55ddff);border-radius:6px}.nl-truc .yc{position:absolute;top:-4px;bottom:-4px;width:3px;background:var(--m3);border-radius:2px}

/* ---------- màn chào & tổng quan ---------- */
.chao{max-width:1180px;margin:6px auto 10px}
.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:center;background:radial-gradient(circle at 85% 20%,rgba(85,221,255,.28),transparent 45%),linear-gradient(125deg,#073757,#07547b 55%,#0a7fae);color:#fff;border-radius:22px;padding:38px 40px;box-shadow:0 18px 50px rgba(7,55,87,.28)}
.hero-nhan{display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:1.4px;color:var(--cyan);margin-bottom:12px}
.hero h1{color:#fff;font-size:36px;line-height:1.2;margin-bottom:14px}.hero h1 em{font-style:normal;color:var(--cyan)}
.hero p{color:#d6effa;font-size:15px;max-width:640px}.hero p b{color:#fff}
.hero-so{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hero-so div{background:rgba(255,255,255,.08);border:1px solid rgba(201,246,255,.25);border-radius:14px;padding:16px}
.hero-so b{display:block;font-size:30px;color:var(--cyan);line-height:1.1}.hero-so span{font-size:12.5px;color:#d6effa}
.luong{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;text-align:left}
.luong-o{background:linear-gradient(125deg,#fff,#e8f7ff);border:1px solid var(--vien2);border-radius:18px;padding:16px;font-size:13px;line-height:1.5;box-shadow:var(--bong-nho)}
.luong-o b{display:block;color:var(--chu);font-size:15px;margin:8px 0 8px}
.luong-o div{display:flex;gap:8px;align-items:baseline;padding:3px 0}.luong-o i{font-style:normal;font-size:11px;font-weight:700;color:var(--xanh2);min-width:16px}
.luong-ky{display:inline-flex;width:30px;height:30px;border-radius:9px 4px;background:linear-gradient(135deg,#007dab,#064271);color:#fff;font-weight:800;align-items:center;justify-content:center}
.tu-dong{display:flex;gap:22px;align-items:center;justify-content:space-between;background:radial-gradient(circle at 90% 10%,rgba(85,221,255,.3),transparent 40%),linear-gradient(125deg,#073757,#07547b 60%,#0a7fae);border:0;color:#d6effa}
.tu-dong h2{color:#fff;font-size:20px}.tu-dong p{max-width:920px;margin:0}.tu-dong b{color:#fff}
.tu-dong .nut{background:var(--cyan);color:#052238;flex-shrink:0}.tu-dong .nut:hover{background:#8ce8ff}
.log{margin:0;padding-left:20px;font-size:13.5px;line-height:1.8}
.luoi-buoc{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px}
.o-buoc{display:grid;grid-template-columns:30px 1fr;column-gap:10px;align-items:center;border:1px solid var(--vien);border-radius:12px;padding:10px 12px 10px 14px;color:var(--chu);font-size:13.5px;font-weight:600;background:#fff;position:relative;overflow:hidden;transition:.15s}
.o-buoc:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#cfdde6}
.o-buoc small{grid-column:2;font-weight:400;color:var(--mo);font-size:12px}.o-buoc:hover{border-color:var(--vien2);box-shadow:var(--bong-nho);transform:translateY(-1px)}
.o-buoc.ok:before{background:var(--m0)}.o-buoc.xem:before{background:var(--m2)}.o-buoc.cg:before{background:var(--m4)}.o-buoc.duyet:before{background:#6a3fb5}
.ob-so{grid-row:span 2;width:30px;height:30px;border-radius:8px;background:#e3f1f9;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--xanh);font-weight:700}
.canh-the{border-color:#f1c4c4;background:#fffafa}.ds-cg{margin:0;padding-left:18px;line-height:1.9;font-size:13.5px}

/* ---------- màn cụ thể ---------- */
.mua-vu{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;align-items:end}.mv-cot{display:flex;flex-direction:column;align-items:center;gap:3px}.mv-bar{height:60px;width:100%;display:flex;align-items:flex-end}.mv-bar i{display:block;width:100%;background:linear-gradient(180deg,#55ddff,#0a7fae);border-radius:4px 4px 0 0}
.mv-o{width:100%!important;padding:3px 2px!important;text-align:center;font-size:12px}
.thanh-nguoi{display:flex;gap:6px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--vien2);border-radius:14px;padding:8px 12px;margin-bottom:6px;position:sticky;top:64px;z-index:5;box-shadow:var(--bong-nho)}
.thanh-nguoi .tab{color:var(--xanh);background:#eef8fd}.thanh-nguoi .tab.on{background:var(--xanh);color:#fff}
.thanh-nguoi .phai{margin-left:auto;display:flex;gap:4px;align-items:center}
.thang{margin:2px 0 12px}
.luoi-7s{display:grid;grid-template-columns:repeat(auto-fill,minmax(560px,1fr));gap:16px}
.s7-the{border-top:4px solid var(--xanh)}.s7-the.mem{border-top-color:#2fb9de}
.s7-diem{font-size:18px;padding:2px 11px;border-radius:9px;background:#e3f1f9}.s7-diem.xanh{background:var(--xanhla);color:var(--m0)}.s7-diem.vang{background:var(--vang);color:#7a5b00}.s7-diem.do{background:var(--do);color:var(--m4)}
.cau{padding:8px 0;border-bottom:1px dashed #e1eef5}.cau:last-child{border:0}.cau-hoi{font-size:13.5px;margin-bottom:6px}
.cau-tl{display:flex;gap:8px;align-items:center}.bang-chung{flex:1;font-size:12px!important;padding:5px 9px!important}
.phat-hien{margin:0;padding-left:18px;font-size:13.5px;line-height:1.65}.phat-hien li{margin-bottom:5px}.phat-hien li.cao{color:var(--m4)}
.nhom-pe{margin:12px 0 4px;color:var(--xanh)}.pe-ten{font-size:13px;width:44%}.pe-diem{font-weight:700;text-align:right;width:36px}
.them-pe{margin-top:12px}
.phuong-an{display:flex;gap:10px;align-items:center;justify-content:space-between;border:1px solid var(--vien);border-radius:10px;padding:8px 12px;margin-bottom:6px;font-size:13.5px;background:#f7fcff}
.tieu-chi{display:flex;flex-direction:column;align-items:center}.tieu-chi ul{list-style:none;padding:0;margin:4px 0;font-size:13.5px;line-height:1.9}.tieu-chi li.dat{color:var(--m0)}.tieu-chi li.chua{color:var(--mo)}
.gt-the{border:1px solid var(--vien);border-radius:12px;padding:10px;margin-bottom:8px;background:#f7fcff}.gt-dau{display:flex;gap:6px;margin-bottom:5px}.gt-dau input{flex:1;font-weight:700}.hv{width:100%;margin-top:4px;font-size:12.5px!important}
tr.da-chon td{background:#eefaff}
.luoi-swot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:16px}
.swot-o{background:#fff;border:1px solid var(--vien2);border-top:5px solid;border-radius:18px;padding:12px 14px;box-shadow:var(--bong-nho)}
.swot-o.xanh{border-top-color:var(--m0)}.swot-o.do{border-top-color:var(--m4)}.swot-o.xanh-duong{border-top-color:var(--xanh2)}.swot-o.cam{border-top-color:var(--m3)}
.swot-o h3{margin-bottom:8px}.swot-o select{width:58px!important}.swot-o td:first-child{width:100%}.nguon{font-size:11px;color:var(--mo);margin-top:2px}
.ie{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:12px;align-items:center}.ie .chiso{margin-bottom:8px}
.ie-kq{border-radius:12px;padding:10px 14px;font-size:13.5px;margin:6px 0}.ie-kq.phat-trien{background:var(--xanhla)}.ie-kq.duy-tri{background:var(--vang)}.ie-kq.thu-hoach{background:var(--do)}.ie-kq.lon{font-size:14.5px;margin-bottom:14px;border:1px solid var(--vien2)}
.vrio-kq{color:var(--xanh)}
.tows-o{background:#fff;border:1px solid var(--vien2);border-radius:18px;padding:12px 14px;box-shadow:var(--bong-nho)}.tows-o h3{margin-bottom:10px}
.cl-the{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:10px;border:1px solid var(--vien);border-radius:12px;margin-bottom:8px}.cl-the.chon{background:#eefaff;border-color:var(--xanh2)}
.tuyen-bo{background:linear-gradient(125deg,#073757,#07547b 60%,#0a7fae);color:#fff;border-radius:14px;padding:14px 18px;font-size:15px;line-height:1.65;margin:10px 0}
.goc-bsc{border-left:6px solid var(--mau)}.mt-khoi{border:1px solid var(--vien);border-radius:12px;padding:10px 12px;margin-bottom:10px;background:#fbfeff}
.mt-dau{display:flex;gap:10px;align-items:center;margin-bottom:6px}.mt-ten{flex:1;font-weight:700;font-size:14px!important}
.kpi th.nam{background:#e3f6fd}.kpi-ten{min-width:200px}
.cay{border:1px solid var(--vien2);border-radius:12px;padding:10px 14px;margin-bottom:8px;background:#fff}.cay summary{cursor:pointer}
.cay-kpi{margin:8px 0 4px 10px;font-size:13px}.cay-dv{margin:6px 0 0 18px}.cay-ng{display:flex;flex-wrap:wrap;gap:6px;margin:5px 0 0 18px}
.ng-o{background:#f1f9fd;border:1px solid var(--vien);border-radius:8px;padding:2px 9px;font-size:12px}
.o-pt{width:64px!important;padding:3px 5px!important}
.chon-dong tr[data-act]{cursor:pointer}tr.chon td{background:#e3f6fd!important}
.chi-tiet{border:2px solid var(--xanh2)}
.nl-nhom{margin-bottom:8px}.nl-nhom>b{display:block;font-size:12px;color:var(--xanh);margin:8px 0 2px}
.nl-dong{display:grid;grid-template-columns:1fr auto 74px;gap:8px;align-items:center;padding:2px 0;font-size:13px}
.disc-test{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px}.dt-o{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.hd-ten{min-width:240px}tr.tre td{background:#fff6f6}
.gantt .g-o{padding:0;height:26px;position:relative;min-width:26px}.g-bar{position:absolute;left:0;right:0;top:8px;height:10px;background:var(--xanh2)}.g-bar.xong{background:var(--m0)}.g-bar.tre{background:var(--m4)}
.g-bar.mau{position:static;display:inline-block;width:20px;vertical-align:middle}
.nhap-tt .o-tt{width:76px!important;padding:3px 5px!important}
.cg-the{border-left:6px solid #cfdde6}.cg-the.ok{border-left-color:var(--m0)}.cg-the.xem{border-left-color:var(--m2)}.cg-the.cg{border-left-color:var(--m4)}.cg-the.duyet{border-left-color:#6a3fb5}
.chan-buoc{display:flex;justify-content:space-between;margin-top:24px;padding-top:16px;border-top:1px solid var(--vien)}
.toast{position:fixed;right:22px;bottom:22px;background:linear-gradient(125deg,#073757,#07547b);color:#fff;padding:12px 18px;border-radius:12px;max-width:480px;font-size:13.5px;box-shadow:0 10px 30px rgba(7,55,87,.35);transform:translateY(20px);opacity:0;transition:.25s;z-index:99}
.toast.hien{transform:none;opacity:1}.toast.loi{background:var(--m4)}

/* ---------- báo cáo ---------- */
.bao-cao{background:#fff;border:1px solid var(--vien2);border-radius:18px;padding:30px 38px;max-width:1120px;box-shadow:var(--bong)}
.bc-bia{background:linear-gradient(125deg,#073757,#07547b 60%,#0a7fae);color:#fff;border-radius:14px;padding:22px 26px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.bc-bia small{color:var(--cyan);font-weight:700;letter-spacing:1.2px}.bc-bia h1{font-size:28px;color:#fff}.bc-bia p{color:#d6effa;margin:0}
.bc-logo{height:70px;background:#fff;border-radius:12px;padding:6px 10px}
.bc-muc{margin-top:24px;border-bottom:2px solid var(--cyan-nhat);padding-bottom:5px;color:var(--xanh)}
.luoi-swot.in .swot-o ul{margin:0;padding-left:16px;font-size:13px}

@media (max-width:1180px){.hai-cot,.hai-cot.rong-trai,.hai-cot.rong-phai,.luoi-swot,.hero{grid-template-columns:1fr}.luoi4{grid-template-columns:repeat(2,minmax(0,1fr))}.luong{grid-template-columns:repeat(2,minmax(0,1fr))}.luoi-7s{grid-template-columns:1fr}}
@media (max-width:800px){.nav{display:none}.man{padding:12px 16px}.luoi3,.luoi4,.luong{grid-template-columns:1fr}.top{flex-direction:column;align-items:flex-start;padding:10px 16px}.brand .logo{height:48px}.chon-da{min-width:0;flex:1}.ie{grid-template-columns:1fr}.hero{padding:24px}.hero h1{font-size:27px}.pha-trong{padding:8px 16px}}
@media print{
  .top,.pha,.nav,.chan,.chan-buoc,.khong-in,.hang-nut,.toast,.vet{display:none!important}
  body{background:#fff}.man{padding:0}.the,.bao-cao{box-shadow:none;border:0;padding:0}
  .bc-bia,.tuyen-bo{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .bc-muc{page-break-after:avoid}tr{page-break-inside:avoid}
  input,select{border:0!important;background:none!important;padding:0!important}
}

/* ---------- Trợ lý AI ---------- */
.ai-khung{background:linear-gradient(120deg,#f2fbff,#e3f6fd);border:1px solid var(--vien2);border-left:5px solid var(--cyan);border-radius:16px;padding:14px 18px;margin-bottom:16px;box-shadow:var(--bong-nho)}
.ai-khung.tat{display:flex;gap:12px;align-items:center;border-left-color:#cfdde6;font-size:13.5px}
.ai-dau{display:flex;gap:12px;align-items:center}.ai-dau>div{flex:1}.ai-dau small{display:block;color:var(--mo);font-size:12px}
.ai-sao{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#073757,#0a7fae);color:var(--cyan);display:inline-flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.ai-khung table,.ai-khung .hai-cot{margin-top:12px}
.ai-dang{margin-top:12px;color:var(--xanh);font-weight:600;display:flex;gap:10px;align-items:center}.ai-dang i{width:16px;height:16px;border-radius:50%;border:3px solid var(--cyan-nhat);border-top-color:var(--xanh2);animation:xoay 1s linear infinite}
@keyframes xoay{to{transform:rotate(360deg)}}
.ai-nx{margin-top:10px;font-size:13.5px}
.the-ai{border-left:5px solid var(--cyan)}
.bao-mat{margin:0;padding-left:0;list-style:none;font-size:13px;line-height:1.6}.bao-mat li{padding:4px 0 4px 26px;position:relative}.bao-mat li:before{content:"🔒";position:absolute;left:0;top:3px;font-size:13px}
.cong-tac{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--vien2);border-radius:10px;padding:10px 12px;margin:8px 0;cursor:pointer}.cong-tac input{width:18px;height:18px}
.ai-pre{max-height:320px;overflow:auto;background:#0b2236;color:#cfeefc;border-radius:10px;padding:12px;font-size:11.5px;line-height:1.45;white-space:pre-wrap}
.hoan-tac{display:flex;gap:10px;align-items:center;background:#fff7e0;border:1px solid #f1dc9d;border-radius:10px;padding:7px 12px;margin:0 0 12px;font-size:13px}
ul.gon{margin:4px 0 8px;padding-left:18px;font-size:13px}