/* Website quanlythanhlytaisanthanhcong.vn, Doanh nghiep tu nhan Quan ly va Thanh ly Tai san Thanh Cong. An dung 10/10/2026
   theo khuon daugiathanhcong.vn (bo cuc, lop, quy tac chong rot chu giu nguyen; chi doi mau).
   Mau: tim than tham #3a3157 chu dao, dong am #b08d57 rat it lam duong ke, chu dong #dcc29a tren nen toi, nen nga #f6f3ec.
   Khac han muc tau va vang cua To hop, xanh than LFO, do do VP THADS, xanh luc Dau gia, navy VSIAC, xanh duong A39.
   Tuong phan da do (WCAG AA, scratchpad web_quantai	uong_phan.py). Ten bien giu nhu khuon (--xanh...) de de doi chieu, gia tri la tim than.
   Phong tu luu tren chinh website (chep tu WebDauGia, giay phep SIL OFL 1.1, xem phong/NGUON.txt), khong tai gi tu may chu ngoai. */
@font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url(/phong/be-vietnam-pro-400-vi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 400; font-display: swap; src: url(/phong/be-vietnam-pro-400-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 500; font-display: swap; src: url(/phong/be-vietnam-pro-500-vi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 500; font-display: swap; src: url(/phong/be-vietnam-pro-500-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 600; font-display: swap; src: url(/phong/be-vietnam-pro-600-vi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Be Vietnam Pro'; font-style: normal; font-weight: 600; font-display: swap; src: url(/phong/be-vietnam-pro-600-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 500 600; font-display: swap; src: url(/phong/lora-500-600-vi.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Lora'; font-style: normal; font-weight: 500 600; font-display: swap; src: url(/phong/lora-500-600-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
  --xanh: #3a3157;          /* tim than tham, mau chu dao */
  --xanh-dam: #2a2440;
  --xanh-sau: #1c1830;      /* chan trang */
  --xanh-nhat: #ece9f2;
  --dong: #b08d57;          /* dong am, chi dung lam duong ke, vien */
  --dong-chu: #82633a;      /* dong dam, dung khi dong la CHU tren nen sang (tuong phan tren 4,5:1) */
  --dong-sang: #dcc29a;     /* chu dong tren nen tim */
  --dong-nhat: #f3ebdc;
  --nhan: #5d5470;          /* chu nhan nho tren nen sang */
  --nen: #f6f3ec;           /* nen nga */
  --trang: #fdfcf8;
  --chu: #1f1b29;
  --chu-phu: #554e62;
  --vien: #e3ddd2;
  --bo: 12px;
  --rong: 1120px;
  --chu-than: 'Be Vietnam Pro', 'Segoe UI', system-ui, sans-serif;
  --chu-tieu-de: 'Lora', Georgia, 'Times New Roman', serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--chu-than); color: var(--chu); background: var(--nen); line-height: 1.68; font-size: 16.5px; overflow-wrap: break-word; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; display: block; }
a { color: var(--xanh); text-decoration-thickness: 1px; text-underline-offset: 3px; }
a:hover { color: var(--xanh-dam); text-decoration-color: var(--dong); }
h1, h2, h3, h4 { font-family: var(--chu-tieu-de); color: var(--xanh-dam); line-height: 1.25; margin: 0 0 .5em; font-weight: 600; }
h1 { font-size: clamp(1.9rem, 4.2vw, 3rem); }
h2 { font-size: clamp(1.5rem, 2.8vw, 2.05rem); }
h3 { font-size: 1.18rem; }
p { margin: 0 0 1em; }
.khung { width: min(var(--rong), 100% - 32px); margin-inline: auto; }
.bo-qua { position: absolute; left: -999px; top: 8px; background: var(--xanh); color: #fff; padding: 8px 14px; border-radius: 8px; z-index: 99; }
.bo-qua:focus { left: 16px; }
:focus-visible { outline: 2px solid var(--dong); outline-offset: 2px; }

/* Ban xem truoc */
.du-thao { background: #fff4c2; color: #5c4700; text-align: center; font-size: .9rem; padding: 6px 16px; border-bottom: 1px solid #ecd889; }
mark.can-dien { background: #fff27a; color: #3d3000; padding: 0 .25em; border-radius: 3px; font-weight: 600; font-family: var(--chu-than); font-size: .92em; }

/* Dau trang */
.dau { position: sticky; top: 0; z-index: 50; background: rgba(246, 243, 236, .95); backdrop-filter: blur(8px); border-bottom: 1px solid var(--vien); }
.dau .khung { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 74px; }
.nhan { display: flex; align-items: center; gap: 12px; text-decoration: none; color: var(--xanh-dam); min-width: 0; }
.nhan img { width: 50px; height: 50px; flex: none; }
.nhan .ten { font-family: var(--chu-tieu-de); font-weight: 600; font-size: 1.25rem; line-height: 1.15; text-align: center; }
.nhan .ten small { display: block; font-family: var(--chu-than); font-weight: 600; font-size: .7rem; letter-spacing: .1em; margin-right: -.1em; text-transform: uppercase; color: var(--nhan); margin-bottom: 2px; }
.menu { display: flex; align-items: center; gap: 2px; }
.menu a { text-decoration: none; color: var(--chu); font-weight: 500; font-size: .95rem; padding: 8px 10px; border-radius: 8px; white-space: nowrap; }
.menu a:hover, .menu a[aria-current="page"] { color: var(--xanh); background: var(--xanh-nhat); }
.menu .nut { margin-left: 8px; padding: 9px 16px; }
.mo-menu { display: none; background: none; border: 1px solid var(--vien); border-radius: 10px; padding: 8px 12px; font: inherit; font-weight: 500; color: var(--xanh); cursor: pointer; flex: none; }

/* Nut */
.nut { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; font-weight: 600; border-radius: 10px; padding: 12px 20px; border: 1px solid transparent; transition: background .15s, border-color .15s; font-size: 1rem; line-height: 1.3; text-align: center; max-width: 100%; }
.nut-chinh { background: var(--xanh); color: #fff !important; }
.nut-chinh:hover { background: var(--xanh-dam); }
.nut-phu { border-color: var(--xanh); color: var(--xanh) !important; background: transparent; }
.nut-phu:hover { background: var(--xanh-nhat); }
.nut-dong { background: var(--dong-sang); color: var(--xanh-dam) !important; }
.nut-dong:hover { background: #e6d1ad; }
.nut-vien { border-color: rgba(255, 255, 255, .5); color: #fff !important; }
.nut-vien:hover { border-color: var(--dong-sang); }
.nhom-nut { display: flex; flex-wrap: wrap; gap: 12px; }
.nhom-nut.doc { flex-direction: column; align-items: stretch; }

/* Mo dau trang chu */
.mo-dau { background: linear-gradient(135deg, var(--xanh-dam) 0%, var(--xanh) 72%, #4a3f6b 100%); color: #e4dfee; position: relative; overflow: hidden; }
.mo-dau::after { content: ''; position: absolute; right: -150px; top: -150px; width: 500px; height: 500px; border: 1px solid rgba(220, 194, 154, .3); border-radius: 50%; pointer-events: none; }
.mo-dau .khung { padding: clamp(52px, 8vw, 100px) 0; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: 40px; align-items: center; position: relative; z-index: 1; }
.mo-dau h1 { color: #fff; }
.mo-dau .phu { font-size: 1.1rem; color: #e4dfee; max-width: 36em; }
.mo-dau .nhom-nut { margin-top: 26px; }
.nhan-nho { display: inline-block; font-size: .76rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; color: var(--nhan); margin-bottom: 10px; }
.mo-dau .nhan-nho, .loi-goi .nhan-nho { color: var(--dong-sang); }
.the-nhanh { background: rgba(255, 255, 255, .06); border: 1px solid rgba(220, 194, 154, .4); border-radius: var(--bo); padding: 24px 26px; }
.the-nhanh dl { margin: 0; display: grid; grid-template-columns: auto 1fr; gap: 10px 18px; }
.the-nhanh dt { color: var(--dong-sang); font-weight: 600; font-size: .9rem; }
.the-nhanh dd { margin: 0; color: #fff; }
.the-nhanh a { color: #fff; }

/* Muc */
.muc { padding: clamp(50px, 7vw, 86px) 0; }
.muc-nen { background: var(--trang); border-block: 1px solid var(--vien); }
.muc-sat { padding-bottom: 0; }
.muc-dau { max-width: 820px; margin-bottom: 32px; }
.muc-dau p { color: var(--chu-phu); }
.luoi { display: grid; gap: 20px; }
.luoi > *, .cot-ben > * { min-width: 0; }
.luoi-4 { grid-template-columns: repeat(4, 1fr); }
.luoi-3 { grid-template-columns: repeat(3, 1fr); }
.the { background: var(--trang); border: 1px solid var(--vien); border-radius: var(--bo); padding: 24px; }
.muc-nen .the { background: var(--nen); }
.the p { color: var(--chu-phu); margin: 0; }
.the-dv { border-top: 3px solid var(--xanh); display: flex; flex-direction: column; gap: 6px; }
.so-dv { font-family: var(--chu-tieu-de); font-weight: 600; color: var(--dong-chu); font-size: 1.05rem; }
.the-dv .lien-ket { margin-top: auto; padding-top: 12px; font-weight: 600; text-decoration: none; }
.the-dv .lien-ket::after { content: ' \203A'; }
.dgv { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 16px; align-items: start; }
.dgv .anh { width: 64px; height: 64px; border-radius: 50%; background: var(--xanh-nhat); border: 1px solid #d6d0e0; display: grid; place-items: center; font-family: var(--chu-tieu-de); font-weight: 600; font-size: 1.3rem; color: var(--xanh); }
.dgv h3 { margin: 4px 0 2px; }
.dgv .chuc { color: var(--nhan); font-weight: 600; font-size: .93rem; margin: 0 0 6px; }
.dgv p + p { margin-top: 6px; }
.the-so { margin: 0; font-size: .93rem; color: var(--chu-phu); }
.the-so dt { font-weight: 500; }
.the-so dd { margin: 0; color: var(--chu); font-weight: 600; }
.ghi-chu { font-size: .92rem; color: var(--chu-phu); border-left: 3px solid var(--dong); padding: 4px 0 4px 14px; margin: 24px 0 0; }
ol.buoc { list-style: none; margin: 0; padding: 0; counter-reset: buoc; }
.buoc .the { position: relative; padding-top: 46px; }
.buoc .the::before { counter-increment: buoc; content: counter(buoc); position: absolute; top: 16px; left: 24px; font-family: var(--chu-tieu-de); font-weight: 600; color: var(--dong-chu); font-size: 1.1rem; }

/* Dai bao thong bao */
.dai-bao { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 20px 28px; align-items: center; background: var(--dong-nhat); border: 1px solid #e6d8bf; border-left: 4px solid var(--dong); border-radius: var(--bo); padding: 22px 26px; }
.dai-bao h2 { font-size: 1.35rem; margin-bottom: .3em; }
.dai-bao p { margin: 0; color: var(--chu-phu); }

/* Gioi thieu, trang con */
.cot-ben { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 44px; align-items: start; }
.bai { max-width: 760px; }
.bai h2 { margin-top: 1.5em; scroll-margin-top: 92px; }
.bai h2:first-of-type { margin-top: 0; }
.bai .nhan-nho + h2 { margin-top: 0; }
.bai ul { padding-left: 1.2em; }
.bai li { margin-bottom: .4em; }
.hop-ben { position: sticky; top: 96px; background: var(--trang); border: 1px solid var(--vien); border-top: 3px solid var(--xanh); border-radius: var(--bo); padding: 22px 24px; }
.muc-nen .hop-ben { background: var(--nen); }
.hop-ben h3 { font-size: 1.08rem; }
.hop-ben p { color: var(--chu-phu); font-size: .95rem; }
.hop-ben .nho { font-size: .88rem; margin: 14px 0 0; }
.dl-doc { display: grid; grid-template-columns: 1fr; gap: 2px; margin: 0; font-size: .94rem; }
.dl-doc dt { color: var(--nhan); font-weight: 600; font-size: .82rem; letter-spacing: .04em; margin-top: 10px; }
.dl-doc dt:first-child { margin-top: 0; }
.dl-doc dd { margin: 0; }
.muc-luc { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; }
.muc-luc a { text-decoration: none; font-size: .9rem; font-weight: 500; padding: 6px 12px; border: 1px solid var(--vien); border-radius: 999px; background: var(--trang); color: var(--xanh); }
.muc-luc a:hover { border-color: var(--dong); }
.cau-cp { background: var(--dong-nhat); border-left: 3px solid var(--dong); padding: 12px 16px; border-radius: 0 8px 8px 0; }
.dau-trang { background: linear-gradient(135deg, var(--xanh-dam), var(--xanh)); color: #e4dfee; padding: 46px 0 40px; }
.dau-trang h1 { color: #fff; margin-bottom: .3em; }
.dau-trang p { max-width: 48em; margin: 0; }
.dau-trang .dan { font-size: .88rem; margin-bottom: 10px; color: #c3bcd3; }
.dau-trang .dan a { color: #fff; }

/* Lien he */
.loi-goi { background: var(--xanh-dam); color: #e4dfee; border-radius: 16px; padding: clamp(24px, 4vw, 40px); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: end; border: 1px solid rgba(220, 194, 154, .35); }
.loi-goi h2 { color: #fff; }
.loi-goi a { color: #fff; }
.dl-lh { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 20px; margin: 0; }
.dl-lh dt { color: var(--dong-sang); font-weight: 600; font-size: .92rem; }
.dl-lh dd { margin: 0; }
.ghi-chu-sang { margin: 16px 0 0; font-size: .9rem; }
.loi-goi .nhom-nut { flex-direction: column; align-items: stretch; min-width: 220px; }

/* Chan trang */
.chan { background: var(--xanh-sau); color: #cfc8dc; padding: 50px 0 26px; font-size: .93rem; }
.chan .khung { display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 34px; }
.chan h4 { color: #fff; font-size: 1rem; margin: 0 0 12px; }
.chan a { color: #ece8f3; text-decoration: none; }
.chan a:hover { color: var(--dong-sang); }
.chan ul { list-style: none; padding: 0; margin: 0; }
.chan li { margin-bottom: 7px; }
.chan .logo-chan { width: 60px; height: 60px; margin-bottom: 12px; }
.chan .duoi { grid-column: 1 / -1; border-top: 1px solid rgba(255, 255, 255, .12); padding-top: 18px; margin-top: 6px; font-size: .84rem; color: #a79fb8; }

@media (max-width: 1100px) {
  .menu a { padding: 8px 7px; font-size: .9rem; }
  .menu .nut { margin-left: 4px; padding: 9px 12px; }
}
@media (max-width: 960px) {
  .mo-dau .khung, .cot-ben { grid-template-columns: minmax(0, 1fr); }
  .luoi-4, .luoi-3 { grid-template-columns: repeat(2, 1fr); }
  .chan .khung { grid-template-columns: 1fr 1fr; }
  .chan .cot-dau { grid-column: 1 / -1; }
  .hop-ben { position: static; }
  .loi-goi, .dai-bao { grid-template-columns: 1fr; }
  .loi-goi .nhom-nut { flex-direction: row; min-width: 0; }
}
@media (max-width: 920px) {
  .mo-menu { display: inline-block; }
  .menu { display: none; position: absolute; top: 100%; left: 0; right: 0; flex-direction: column; align-items: stretch; background: var(--nen); border-bottom: 1px solid var(--vien); padding: 10px 16px 16px; box-shadow: 0 12px 24px rgba(28, 24, 48, .08); }
  .menu.mo { display: flex; }
  .menu a { padding: 10px 12px; font-size: 1rem; }
  .menu .nut { margin: 8px 0 0; padding: 12px 16px; }
}
@media (max-width: 640px) {
  body { font-size: 16px; }
  .luoi-4, .luoi-3, .chan .khung { grid-template-columns: 1fr; }
  .nhan img { width: 42px; height: 42px; }
  .nhan .ten { font-size: 1.1rem; }
  .nhan .ten small { font-size: .62rem; letter-spacing: .06em; }
  .the-nhanh dl, .dl-lh { grid-template-columns: 1fr; gap: 2px; }
  .the-nhanh dd, .dl-lh dd { margin-bottom: 10px; }
  .loi-goi .nhom-nut { flex-direction: column; }
  .nhom-nut .nut { flex: 1 1 100%; }
  .dai-bao { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .nut { transition: none; } }

/* Khong de mot chu rot xuong dong rieng (LS 8/10/2026, nhu a39.vn va lfo.vn). Tieu de chia dong can doi, doan van tranh
   dong cuoi chi con mot chu; cum ten rieng, so dieu luat, so tien da duoc dung_web.py noi bang khoang trang khong ngat. */
h1, h2, h3, h4, dt, th, caption { text-wrap: balance; }
p, li, dd, td { text-wrap: pretty; }

/* Bang gia dich vu cong khai (LS 9/10/2026) */
.bai h3 { margin-top: 1.4em; }
.cuon-bang { overflow-x: auto; margin: 0 0 1.1em; border: 1px solid var(--vien); border-radius: 12px; background: #fff; }
.bang-phi { width: 100%; border-collapse: collapse; font-size: .95rem; }
.bang-phi caption { caption-side: top; text-align: left; font-weight: 600; color: var(--xanh-dam); padding: 12px 14px 4px; font-size: .95rem; }
.bang-phi th { text-align: left; font-weight: 600; color: var(--xanh-dam); background: var(--xanh-nhat); padding: 10px 14px; border-bottom: 1px solid var(--vien); vertical-align: bottom; }
.bang-phi td { padding: 9px 14px; border-top: 1px solid var(--vien); vertical-align: top; }
.bang-phi tbody tr:first-child td { border-top: 0; }
.bang-phi .so-tien { white-space: nowrap; font-weight: 600; color: var(--xanh); }
.bang-phi .ty-le { white-space: nowrap; font-weight: 600; color: var(--chu); }
.bang-phi .nho-o { display: block; color: var(--chu-phu); font-size: .88rem; margin-top: 2px; }
@media (max-width: 560px) {
  .bang-phi { font-size: .88rem; }
  .bang-phi th, .bang-phi td { padding: 8px 8px; }
  .bang-phi caption { padding: 10px 10px 4px; }
  .bang-phi .so-tien { white-space: normal; }
}

/* Mot cum khong ngat dong (gio lam viec, LS 10/10/2026) */
.lien { white-space: nowrap; }

/* Ba nut o phan mo dau nam tren mot hang o man hinh may tinh (LS 10/10/2026) */
.mo-dau .nhom-nut .nut { padding: 12px 18px; }

/* Ten doanh nghiep dai: tieu de trang chu chia hai tang, dong loai hinh nho o tren (10/10/2026) */
.mo-dau h1 { font-size: clamp(1.85rem, 3.5vw, 2.7rem); }
.mo-dau h1 .h1-phu { display: block; font-family: var(--chu-than); font-weight: 600; font-size: .4em; letter-spacing: .12em; text-transform: uppercase; color: var(--dong-sang); margin-bottom: .55em; }
.nhan .ten small { letter-spacing: .08em; margin-right: -.08em; }
.ten-mien { overflow-wrap: anywhere; }
.ghi-nho { font-size: .92rem; color: var(--chu-phu); }

/* Thu dien tu dai (lienhe@quanlythanhlytaisanthanhcong.vn): cot lien he o chan trang rong hon mot chut, chu email nho
   hon chut it de nam tron mot dong; <wbr> sau @ chi dung khi khung qua hep (10/10/2026) */
@media (min-width: 961px) { .chan .khung { grid-template-columns: 1.35fr 1.2fr .95fr; } }
.chan a[href^="mailto:"], .dl-lh a[href^="mailto:"] { font-size: .92em; letter-spacing: -.005em; }
@media (max-width: 640px) { .dl-lh a[href^="mailto:"] { font-size: .84em; } }

/* Mot quan tai vien: the rong vua mot hang chu, khong de mot the nho le loi giua luoi ba cot (10/10/2026) */
.luoi-qtv { grid-template-columns: minmax(0, 600px); }

/* LS duyet logo 10/10/2026, cho chu to dam hon chut: ten Doanh nghiep o dau trang lon va dam hon */
.nhan .ten { font-size: 1.36rem; -webkit-text-stroke: .25px currentColor; }
.nhan .ten small { font-size: .75rem; -webkit-text-stroke: .2px currentColor; }
@media (max-width: 640px) {
  .nhan .ten { font-size: 1.18rem; }
  .nhan .ten small { font-size: .66rem; letter-spacing: .06em; margin-right: -.06em; }
}