:root{--chu:#17304f;--mo:#6c7c91;--dat:#159c6b;--canh-bao:#b66b14;--xanh:#1265df;--vien:#d7e5f2;--nen:#eef8fc;--mint:#e9fff5;--hong:#fff1f5}*{box-sizing:border-box}html{min-height:100%}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--chu);background:linear-gradient(135deg,#eefaff,#f7fbff 48%,#effff8);min-height:100vh}.hero{height:150px;padding:18px 32px 20px;display:flex;align-items:flex-start;gap:18px;background:linear-gradient(90deg,#eafaffdd,#ffffffaa 45%,#eafff4cc),radial-gradient(circle at 75% 120%,#82cba8 0,transparent 38%);border-bottom:1px solid #d8ebf5;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:50px;background:linear-gradient(165deg,transparent 48%,#7cc39d33 49%,#5da78344 72%,transparent 73%)}.quoc-huy{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#e42027;color:#ffe23e;font-size:40px;border:6px solid #f8d52e;box-shadow:0 5px 18px #a00a}.cq{font-size:20px;font-weight:800;letter-spacing:.5px}.thientan{font-size:36px;font-weight:900;color:#078d7d;line-height:1.05}.slogan{font-family:Georgia,serif;font-style:italic;font-size:18px;margin-top:5px}.hero-note{margin-left:auto;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:30px;color:#167b74;line-height:1.15;padding:8px 40px 0 10px}.hero-note span{font-size:18px}.hoa{position:fixed;z-index:20;pointer-events:none;font-size:45px}.hoa-trai{left:3px;top:2px}.hoa-phai{right:6px;top:100px}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 150px)}.sidebar{background:linear-gradient(180deg,#073a62,#0b5674 70%,#16765f);color:#fff;padding:20px 14px;position:relative;overflow:hidden}.sidebar:after{content:"";position:absolute;left:-30px;right:-30px;bottom:0;height:210px;background:radial-gradient(ellipse at bottom,#73bd8a88,transparent 65%)}.side-title{font-weight:800;font-size:18px;padding:10px 14px 20px}.side{display:flex;gap:12px;align-items:center;padding:14px 14px;border-radius:14px;margin:5px 0;font-weight:700;font-size:15px}.side.active{background:linear-gradient(90deg,#1cbfa2,#1675e8);box-shadow:0 8px 18px #002b4b66}.side small{display:block;font-weight:400;opacity:.75;margin-top:4px}.side-foot{position:absolute;z-index:2;bottom:38px;left:20px;right:20px;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:24px}.side-foot b{font-size:16px}.content{min-width:0;padding:0 22px 20px}header{background:transparent;border:0;padding:18px 0 8px;display:flex;justify-content:space-between;align-items:center}h1{font-size:25px;margin:0}header p{margin:5px 0 0;color:var(--mo)}main{max-width:1250px;margin:0 auto;padding:0}.cac-buoc{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:8px 0 14px}.buoc{background:#ffffffd9;border:1px solid #d7e6f2;padding:12px;border-radius:15px;box-shadow:0 5px 16px #527da014}.buoc .so{display:inline-grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#edf4fa;margin-right:5px}.buoc.dang{border-color:#55a6ff;font-weight:800;background:#f2f8ff}.buoc.dang .so{background:var(--xanh);color:#fff}.buoc.xong .so{background:#e5fff0;color:var(--dat)}section{background:#ffffffdc;border:1px solid #dceaf3;border-radius:18px;padding:22px;margin-top:14px;box-shadow:0 8px 26px #527da016;backdrop-filter:blur(8px)}h2{margin-top:0}.dong-may{font-size:14px;color:var(--mo);margin:10px 2px}.dong-may.loi{color:#b42318}.tha{border:2px dashed #8db9dd;border-radius:17px;padding:42px;text-align:center;background:linear-gradient(180deg,#fff,#f8fcff)}.tha:before{content:"☁";display:block;font-size:62px;color:#2876e8;line-height:.8;margin-bottom:20px}.tha.dang-keo{border-color:var(--xanh);background:#eff8ff}.tha input{display:none}.tha label{display:inline-block;background:linear-gradient(90deg,#1665df,#0b78ee);color:white;padding:13px 30px;border-radius:9px;cursor:pointer;font-weight:800;box-shadow:0 5px 12px #1465c333}.tha.gon{padding:16px}.tha.gon:before{display:none}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.o{display:flex;flex-direction:column;gap:5px}.o label{font-weight:700;font-size:14px}.o input,.o textarea,.o select,select.o{width:100%;border:1px solid var(--vien);border-radius:9px;padding:10px;font:inherit;background:#fff}.o textarea{min-height:72px}.hang-o{display:flex;gap:8px}.hang-o>.o{flex:1}.ghi-chu,.nho,.phu-de{font-size:13px;color:var(--mo)}.dau-cb{color:var(--canh-bao);font-size:12px}.nut{border:1px solid #c9dbe8;background:#fff;border-radius:10px;padding:10px 15px;cursor:pointer;font-weight:700;color:var(--chu)}.nut.chinh{background:linear-gradient(90deg,#1265df,#197cf0);border-color:#1265df;color:#fff}.nut:disabled{opacity:.45;cursor:not-allowed}.hang-nut{display:flex;gap:8px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}.hop-mau{border-radius:10px;padding:10px 12px;margin:10px 0}.hop-mau.loi{background:#fef3f2;border:1px solid #fecdca}.hop-mau.cb{background:#fffaeb;border:1px solid #fedf89}.hop-mau.dat{background:#ecfdf3;border:1px solid #abefc6}.khoi{display:grid;grid-template-columns:170px 1fr auto;gap:8px;margin:8px 0;align-items:start}.khoi textarea,.khoi select{padding:8px;border:1px solid var(--vien);border-radius:8px}.khoi textarea{min-height:44px;resize:vertical}.tac{display:flex;gap:3px}.tac button{border:1px solid var(--vien);background:#fff;border-radius:6px;padding:6px}.tom-tat{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:6px 9px;border-radius:999px;font-size:13px}.hm0{background:#eaf6ee}.hm1{background:#fdf6e3}.hm2{background:#fdecec}.soat-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px}.bang-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:9px;border-bottom:1px solid #e4e7ec;text-align:left}tbody tr{cursor:pointer}tbody tr.chon{outline:2px solid #84adff;outline-offset:-2px}#chi-tiet{border:1px solid var(--vien);border-radius:10px;padding:14px;min-height:220px}.de-xuat,.doan{background:#f9fafb;padding:10px;border-radius:7px}.vt{font-size:13px;color:var(--mo)}.td{font-weight:700;margin:7px 0}.dong-tep{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--vien);border-radius:10px;padding:12px;margin:8px 0}.dong-tep .nhan{font-weight:700}.ten-tep{font-size:13px;color:var(--mo);word-break:break-all}.ket-luan{display:flex;gap:12px;align-items:center}.dau-tich{font-size:40px;font-weight:800}dialog{border:0;border-radius:16px;max-width:720px;width:calc(100% - 30px);box-shadow:0 20px 50px #0004}dialog::backdrop{background:#0007}.trang-thai{position:fixed;right:20px;bottom:20px;background:#103c5e;color:white;padding:11px 15px;border-radius:10px;box-shadow:0 6px 20px #0004}footer{max-width:1250px;margin:16px auto 0;padding:14px 2px;color:#64788b;border-top:1px solid #d7e7f1;font-size:13px}footer span{float:right;color:#31815e;font-style:italic}@media(max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.hero{height:auto;padding:15px}.hero-note{display:none}.content{padding:0 12px}.grid,.soat-grid{grid-template-columns:1fr}.cac-buoc{grid-template-columns:1fr 1fr}.khoi{grid-template-columns:1fr}.hang-o{flex-wrap:wrap}.thientan{font-size:28px}.quoc-huy{width:58px;height:58px;font-size:30px}.hoa{display:none}}
.doi-chieu-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:16px;align-items:start}.doi-chieu{position:sticky;top:12px;border:1px solid #d8e8f3;background:linear-gradient(180deg,#f8fcff,#f3fff8);border-radius:14px;padding:14px;max-height:72vh;overflow:auto}.doi-chieu h3{margin:0 0 4px}.muc-doi-chieu{padding:9px 0;border-bottom:1px dashed #cbdce8;font-size:13px;white-space:pre-wrap}.muc-doi-chieu b{display:block;color:#167b74;margin-bottom:3px}.phan-va-kieu{display:grid;gap:5px}.phan-doan{font-weight:800;background:#f0fbf7!important;border-color:#9dd9c4!important}@media(max-width:1050px){.doi-chieu-layout{grid-template-columns:1fr}.doi-chieu{position:static;max-height:none}}

/* ===== GIAO DIEN HINH ANH THIEN TAN - giu nguyen engine/chuc nang ===== */
.hero{
  height:185px;
  padding:0;
  background-image:url('assets/thien-tan-header.png');
  background-size:100% 185px;
  background-position:center top;
  background-repeat:no-repeat;
  border-bottom:1px solid #d8ebf5;
}
.hero:after{display:none}
.hero>.quoc-huy,.hero>.quoc-huy+div,.hero>.hero-note{visibility:hidden}
.hoa{display:none!important}
.shell{min-height:calc(100vh - 185px)}
.sidebar{
  background:
    linear-gradient(180deg,rgba(5,50,88,.98) 0%,rgba(7,70,105,.97) 58%,rgba(4,74,86,.88) 100%),
    url('assets/thien-tan-sidebar-landscape.png') center bottom/100% auto no-repeat;
}
.sidebar:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:300px;
  background:url('assets/thien-tan-sidebar-landscape.png') center bottom/cover no-repeat;
  opacity:.82;pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 38%,#000 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 38%,#000 100%);
}
.side-foot{color:#fff;text-shadow:0 2px 8px #003b55;bottom:28px}
.content{background:linear-gradient(180deg,rgba(238,250,255,.86),rgba(247,252,255,.97) 240px,#f7fbff 100%)}
@media(max-width:900px){
 .hero{height:118px;background-size:auto 118px;background-position:center top}
 .shell{min-height:calc(100vh - 118px)}
}

/* ===== TRUNG THU: den long nhe, khong chan thao tac ===== */
.den-trung-thu{position:fixed;inset:0;z-index:6;pointer-events:none;overflow:hidden}
.den-long{position:absolute;top:-90px;opacity:.0;filter:drop-shadow(0 3px 7px rgba(255,116,36,.35));animation:denRoi linear infinite;will-change:transform,opacity;user-select:none}
.den-long::after{content:"";position:absolute;width:1px;height:18px;background:rgba(190,86,30,.45);left:50%;top:80%;transform:translateX(-50%)}
@keyframes denRoi{0%{transform:translate3d(0,-80px,0) rotate(-4deg);opacity:0}10%{opacity:.72}48%{transform:translate3d(24px,48vh,0) rotate(5deg);opacity:.62}90%{opacity:.48}100%{transform:translate3d(-18px,110vh,0) rotate(-5deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.den-trung-thu{display:none}}

/* AI */
.ai-box{margin:12px 0;padding:12px;border:1px solid #cfe0ef;border-radius:12px;background:#f8fcff}.vung-ai{display:grid;gap:7px;margin-top:8px}.ai-goi-y{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start;padding:9px;background:white;border:1px solid #e2e8f0;border-radius:9px}