/* WOR.VN — giao diện ưu tiên điện thoại */
:root{--muc:#0B1512;--chu:#17211D;--mo:#5A6A63;--nhat:#8A9891;--nen:#F3F6F4;--the:#fff;--vien:#E2E8E5;--xanh:#0E9F6E;--xanh-dam:#0A7A55;--xanh-nhat:#E5F6EE;--vang:#FFD43B;--vang-nhat:#FFF7D6;--cam:#EA580C;--cam-nhat:#FFEDD5;--do:#D92D20;--do-nhat:#FEE4E2;--tim:#5B4BC4;--tim-nhat:#ECE9FB;--bo:16px;--bong:0 1px 2px rgba(11,21,18,.05),0 6px 20px rgba(11,21,18,.06);--day:64px}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:70px}
body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--chu);background:var(--nen);padding-bottom:calc(var(--day) + env(safe-area-inset-bottom));-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.co-thanh{padding-bottom:calc(var(--day) + 76px + env(safe-area-inset-bottom))}
h1,h2,h3{margin:0;color:var(--muc);letter-spacing:-.02em;line-height:1.2;text-wrap:balance}
h1{font-size:clamp(1.6rem,6vw,2.3rem);font-weight:800}h2{font-size:1.2rem;font-weight:750}h3{font-size:1.05rem;font-weight:700}
p{margin:.5em 0}a{color:var(--xanh-dam);text-decoration:none}a:hover{text-decoration:underline}
img,svg{max-width:100%}.ic{flex:none;vertical-align:-.2em}
[hidden]{display:none!important}
:focus-visible{outline:3px solid rgba(14,159,110,.45);outline-offset:2px;border-radius:8px}
main{max-width:1080px;margin:0 auto;padding:12px 16px 32px;min-height:60vh}
.nho{font-size:.86rem;color:var(--mo)}.phu{color:var(--mo);margin:.4em 0 0}.giua-chu{text-align:center}.do-chu{color:var(--do)}.gian{flex:1}
.bay{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}

/* Đầu trang */
.dau{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:8px;height:56px;padding:0 10px;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--vien)}
.nut-menu,.nut-x{display:grid;place-items:center;width:44px;height:44px;border:0;background:none;border-radius:12px;color:var(--muc);cursor:pointer}
.nut-menu:hover,.nut-x:hover{background:var(--nen)}
.ve-nha{display:flex;align-items:center;text-decoration:none!important}
.logo{display:inline-flex;align-items:center;gap:8px}.logo b{font-size:1.32rem;font-weight:850;color:var(--muc);letter-spacing:-.04em}.logo i{font-style:normal;color:var(--xanh)}
.nut-doc,.nut-nn{display:grid;place-items:center;height:36px;padding:0 13px;border-radius:999px;font-weight:750;font-size:.82rem;letter-spacing:.03em;text-decoration:none!important}
.nut-doc{background:var(--muc);color:#fff}.nut-nn{border:1.5px solid var(--vien);color:var(--muc);background:#fff;min-width:44px}

/* Ngăn menu */
.man{position:fixed;inset:0;z-index:60;background:rgba(11,21,18,.5);animation:hien .18s}
.ngan{position:fixed;z-index:70;top:0;bottom:0;left:0;width:min(86vw,340px);background:#fff;padding:8px 12px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;display:flex;flex-direction:column;gap:2px;box-shadow:8px 0 40px rgba(0,0,0,.18);animation:truot .22s cubic-bezier(.2,.8,.2,1)}
.ngan-dau{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 10px 8px}
.ngan>a,.ngan>button.cai-app{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 12px;border-radius:12px;color:var(--chu);font-weight:600;text-decoration:none;border:0;background:none;font:inherit;font-weight:600;cursor:pointer;text-align:left;width:100%}
.ngan>a:hover,.ngan>button.cai-app:hover{background:var(--nen)}.ngan>a .ic{color:var(--mo)}
.ngan>a.noi{background:var(--xanh);color:#fff;margin:6px 0}.ngan>a.noi .ic{color:#fff}
.ngan>button.cai-app{background:var(--vang-nhat);margin-top:6px}
.luot{margin:12px 4px 4px;padding:12px 14px;border-radius:14px;background:var(--nen);display:grid;gap:4px;font-size:.9rem}
.luot b{display:flex;gap:6px;align-items:center;color:var(--muc)}.luot span{display:flex;justify-content:space-between;color:var(--mo)}.luot i{font-style:normal;font-weight:750;color:var(--muc);font-variant-numeric:tabular-nums}
@keyframes truot{from{transform:translateX(-100%)}}@keyframes hien{from{opacity:0}}@keyframes len{from{transform:translateY(100%)}}

/* Nút */
.nut{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border:0;border-radius:14px;background:var(--xanh);color:#fff;font:inherit;font-weight:750;cursor:pointer;text-decoration:none!important;transition:transform .08s,background .15s;white-space:nowrap}
.nut:hover{background:var(--xanh-dam)}.nut:active{transform:scale(.97)}.nut[disabled]{opacity:.45;cursor:not-allowed}
.nut.vien{background:#fff;color:var(--muc);box-shadow:inset 0 0 0 1.5px var(--vien)}.nut.vien:hover{background:var(--nen)}
.nut.mo{color:var(--mo)}.nut.rong{width:100%}.nut.lon{min-height:54px;font-size:1.06rem;border-radius:16px}
.nut.nho-nut{min-height:38px;padding:0 14px;font-size:.88rem;border-radius:11px}
.nut.zalo{background:#0068FF}.nut.zalo:hover{background:#0052cc}
.hang-nut{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.hang-nut form{margin:0}

/* Đỉnh trang chủ */
.dinh{margin:0 -16px;padding:28px 18px 24px;color:#fff;background:radial-gradient(120% 90% at 100% 0,#16B981 0,transparent 55%),linear-gradient(160deg,#0A6B4B,#073D2C 70%);position:relative;overflow:hidden}
.dinh::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.09) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(180deg,#000,transparent 75%);pointer-events:none}
.dinh>*{position:relative;z-index:1}
.dinh h1{color:#fff;font-size:clamp(1.75rem,7.4vw,3rem);font-weight:850}.dinh h1 em{font-style:normal;color:var(--vang)}
.dinh .phu{color:rgba(255,255,255,.86);max-width:34em;font-size:1.02rem}
.nhan-dinh{display:inline-flex;gap:6px;align-items:center;padding:5px 12px;margin:0 0 14px;border-radius:999px;background:rgba(255,255,255,.14);font-size:.8rem;font-weight:650}
.o-tim{display:flex;align-items:center;gap:6px;margin:18px 0 12px;padding:6px 6px 6px 14px;background:#fff;border-radius:18px;box-shadow:var(--bong);color:var(--mo);border:1.5px solid transparent}
.o-tim:focus-within{border-color:var(--xanh)}
.o-tim input[type=search]{flex:1;min-width:0;border:0;outline:0;background:none;font:inherit;color:var(--muc);height:44px}
.o-tim .nut{min-height:44px;border-radius:13px;padding:0 18px}
.dau-trang .o-tim{box-shadow:inset 0 0 0 1.5px var(--vien)}
.hai-nut{display:grid;gap:10px}
.nut.bu{justify-content:flex-start;min-height:66px;padding:10px 16px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);text-align:left;white-space:normal;border-radius:18px}
.nut.bu:hover{background:rgba(255,255,255,.22)}.nut.bu span{display:grid}.nut.bu small{font-weight:500;opacity:.85;font-size:.82rem;line-height:1.3}
.nut.bu.vang{background:var(--vang);color:#201a00;box-shadow:none}.nut.bu.vang:hover{background:#ffdf66}
.ba-cam-ket{display:grid;gap:10px;margin:16px 0}
.ba-cam-ket div{background:var(--the);border-radius:var(--bo);padding:14px 16px;border-left:4px solid var(--xanh)}
.ba-cam-ket b{display:block;color:var(--muc)}.ba-cam-ket span{font-size:.9rem;color:var(--mo)}

/* Khối, thẻ */
.khoi{margin:26px 0}.khoi-dau{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}
.khoi-dau h2{display:flex;gap:8px;align-items:center}.khoi-dau .so,.khoi-dau a{font-size:.9rem;color:var(--mo);font-weight:600;white-space:nowrap}
.hop{background:var(--the);border-radius:var(--bo);padding:18px;margin:14px 0;box-shadow:var(--bong)}
.luoi{display:grid;gap:12px}
.the{position:relative;display:block;background:var(--the);border-radius:var(--bo);padding:14px 16px 12px;box-shadow:var(--bong);color:inherit;text-decoration:none!important;border:1.5px solid transparent;transition:transform .12s,border-color .12s}
.the:hover{border-color:var(--xanh);transform:translateY(-2px)}
.the.ghim{border-color:var(--tim-nhat);background:linear-gradient(180deg,#FAF9FF,#fff 60%)}
.the-dau{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:22px;margin-bottom:6px}
.the-dau .luc{margin-left:auto;font-size:.78rem;color:var(--nhat);display:inline-flex;gap:4px;align-items:center}
.nhan{display:inline-flex;align-items:center;gap:3px;padding:2px 9px;border-radius:999px;background:var(--nen);color:var(--mo);font-size:.75rem;font-weight:700;white-space:nowrap}
.nhan.tt{background:var(--tim-nhat);color:var(--tim)}.nhan.gap{background:var(--cam-nhat);color:var(--cam)}.nhan.ca{background:var(--xanh-nhat);color:var(--xanh-dam)}.nhan.tien{background:var(--vang-nhat);color:#7A5B00}.nhan.vang{background:var(--vang-nhat);color:#7A5B00}.nhan.do{background:var(--do-nhat);color:var(--do)}
.the h3{margin-bottom:2px}
.luong{margin:2px 0 6px;font-size:1.22rem;font-weight:850;color:var(--xanh-dam);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.luong.lon{font-size:clamp(1.7rem,7.5vw,2.3rem);margin:6px 0 10px;line-height:1.1}
.dong{display:flex;gap:7px;align-items:flex-start;margin:3px 0;font-size:.92rem;color:var(--mo)}.dong .ic{margin-top:3px;color:var(--nhat)}
.km{color:var(--muc);font-weight:700}.km:empty{display:none}
.the-nut{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-weight:750;font-size:.9rem;color:var(--xanh-dam)}
.trong-rong{text-align:center;padding:30px 20px}.trong-rong p{color:var(--mo);max-width:32em;margin:.6em auto 1em}
.bieu{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 12px;border-radius:22px;background:var(--xanh-nhat);color:var(--xanh-dam)}.bieu.xanh{background:var(--xanh);color:#fff;border-radius:50%}
.moi-chu{display:grid;gap:12px;background:var(--muc);color:#fff}.moi-chu h2{color:#fff}.moi-chu p{color:rgba(255,255,255,.75);margin:.3em 0 0}
.cai{display:grid;gap:12px;background:var(--vang-nhat);box-shadow:none}.cai p{margin:.2em 0 0;color:#5c4a00}
.an-toan{border:1.5px solid var(--xanh-nhat);box-shadow:none}.an-toan h2,.an-toan b{display:flex;gap:8px;align-items:center;color:var(--xanh-dam)}.an-toan ul{padding-left:1.2em;margin:.6em 0;color:var(--mo)}.an-toan li{margin:.3em 0}
.an-toan.nho-hon{background:var(--xanh-nhat);border:0;border-radius:14px;padding:12px 14px;margin:16px 0}.an-toan.nho-hon p{margin:.3em 0 0;font-size:.9rem;color:var(--chu)}
.o-tinh{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.o-tinh a{display:grid;padding:11px 14px;background:var(--the);border-radius:14px;color:var(--muc);text-decoration:none;border:1.5px solid transparent}.o-tinh a:hover{border-color:var(--xanh)}
.o-tinh small{color:var(--nhat);font-size:.78rem}
.o-xa{display:flex;flex-wrap:wrap;gap:8px}
.o-xa a{display:inline-flex;gap:8px;align-items:center;padding:8px 13px;background:var(--the);border-radius:999px;color:var(--chu);font-size:.92rem;font-weight:550;text-decoration:none;border:1.5px solid var(--vien)}
.o-xa a:hover{border-color:var(--xanh);color:var(--xanh-dam)}.o-xa i{font-style:normal;background:var(--xanh);color:#fff;border-radius:999px;padding:0 7px;font-size:.75rem;font-weight:750}.o-xa small{color:var(--nhat)}
.loc{width:100%;height:46px;padding:0 14px;margin-bottom:12px;border:1.5px solid var(--vien);border-radius:14px;font:inherit;background:#fff}
.vun{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.84rem;color:var(--nhat);margin:4px 0 10px}.vun a{color:var(--mo)}.vun b{font-weight:600;color:var(--mo);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dau-trang{margin:6px 0 16px}.dau-trang h1{display:flex;gap:10px;align-items:center}.dau-trang .nut{margin-top:14px}
.hieu{margin-top:10px;font-size:.9rem;color:var(--mo)}.goi-y{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:4px}.goi-y a{display:flex;gap:8px;align-items:center;padding:10px 4px;color:var(--chu)}

/* Tab */
.tab{display:flex;gap:4px;padding:4px;margin:0 0 14px;background:#E7ECE9;border-radius:14px;overflow-x:auto;scrollbar-width:none}
.tab button{flex:1;min-height:42px;padding:0 12px;border:0;border-radius:11px;background:none;font:inherit;font-weight:700;font-size:.92rem;color:var(--mo);cursor:pointer;white-space:nowrap}
.tab button[aria-selected=true]{background:#fff;color:var(--muc);box-shadow:0 1px 3px rgba(0,0,0,.1)}.tab i{font-style:normal;font-weight:600;opacity:.6}
.ban-do{display:grid;place-items:center;min-height:150px;border-radius:var(--bo);background:repeating-linear-gradient(45deg,#E9EFEC 0 14px,#E3EAE6 14px 28px);overflow:hidden}.ban-do iframe{width:100%;height:320px;border:0;display:block}

/* Trang tin */
.tin{background:var(--the);border-radius:20px;padding:18px;box-shadow:var(--bong)}
.tin h1{font-size:clamp(1.3rem,5.4vw,1.8rem)}
.tin section{margin-top:22px;padding-top:18px;border-top:1px solid var(--vien)}.tin section h2{margin-bottom:8px;font-size:1.05rem}
.y-chinh{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}
.y-chinh li{display:flex;gap:12px;align-items:flex-start}.y-chinh .ic{margin-top:4px;color:var(--xanh)}.y-chinh span{display:grid;font-weight:600;color:var(--muc)}.y-chinh small{font-weight:500;font-size:.76rem;color:var(--nhat);text-transform:uppercase;letter-spacing:.05em}
.van{white-space:normal;overflow-wrap:anywhere}.van h2{margin:1.3em 0 .4em}.van ul{padding-left:1.2em}.van li{margin:.35em 0}
.thanh-ut{position:fixed;z-index:35;left:0;right:0;bottom:calc(var(--day) + env(safe-area-inset-bottom));display:flex;gap:12px;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border-top:1px solid var(--vien);box-shadow:0 -6px 20px rgba(0,0,0,.07)}
.thanh-ut div{display:grid;min-width:0}.thanh-ut b{font-size:1.05rem;color:var(--xanh-dam);font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thanh-ut small{color:var(--mo);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.thanh-ut .nut{min-height:50px;padding:0 22px;flex:none}
.canh{padding:12px 16px;margin:12px 0;border-radius:14px;background:#E9EEF0;color:var(--chu);font-size:.94rem}.canh ul{margin:.4em 0 0;padding-left:1.2em}
.canh.vang{background:var(--vang-nhat)}.canh.do{background:var(--do-nhat);color:#8f1d14}.canh.xanh{background:var(--xanh-nhat);color:#06543a}
.canh.luu{background:#fff;border:1.5px dashed var(--xanh)}.canh.luu b{display:flex;gap:8px;align-items:center}.canh .nut{margin:6px 6px 0 0}

/* Tờ trượt (ứng tuyển, báo cáo, QR) */
.to{position:fixed;z-index:80;left:0;right:0;bottom:0;max-height:92vh;overflow-y:auto;background:#fff;border-radius:24px 24px 0 0;padding:8px 18px calc(22px + env(safe-area-inset-bottom));animation:len .26s cubic-bezier(.2,.8,.2,1)}
.to-dau{display:flex;justify-content:space-between;align-items:center;margin:4px -8px 6px 0}
.xong{text-align:center;padding:16px 0 4px}.xong .nut{margin-top:10px}
label{display:grid;gap:5px;margin:12px 0;font-weight:650;font-size:.9rem;color:var(--muc)}
input:not([type=checkbox]):not([type=radio]):not([type=search]):not([type=hidden]),select,textarea{width:100%;min-height:48px;padding:11px 14px;border:1.5px solid var(--vien);border-radius:13px;font:inherit;font-weight:500;color:var(--muc);background:#fff;appearance:none}
select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235A6A63' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
textarea{resize:vertical;line-height:1.5}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--xanh);box-shadow:0 0 0 4px rgba(14,159,110,.14)}
::placeholder{color:#A9B5AF;font-weight:400}
.hai{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ba{display:grid;grid-template-columns:1fr 1fr .8fr;gap:8px}
.chon-1{display:flex;gap:10px;align-items:flex-start;font-weight:500;margin:8px 0;cursor:pointer}.chon-1 input{width:22px;height:22px;margin:1px 0 0;accent-color:var(--xanh);flex:none}
.chon-nhieu{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chon-nhieu label{margin:0;display:block}.chon-nhieu input{position:absolute;opacity:0}
.chon-nhieu span{display:block;padding:9px 15px;border-radius:999px;border:1.5px solid var(--vien);font-weight:650;cursor:pointer;background:#fff}
.chon-nhieu input:checked+span{background:var(--muc);border-color:var(--muc);color:#fff}.chon-nhieu input:focus-visible+span{outline:3px solid rgba(14,159,110,.45)}
fieldset{border:0;min-width:0}fieldset.hop{padding:18px}legend{float:left;width:100%;display:flex;gap:8px;align-items:center;font-weight:800;font-size:1.08rem;color:var(--muc);margin-bottom:4px;padding:0}legend+*{clear:both}
.soan{background:linear-gradient(180deg,var(--xanh-nhat),#fff);border:1.5px solid var(--xanh-nhat)}.soan textarea{margin:10px 0}
.o-luong{margin:14px -6px;padding:12px 14px;border-radius:14px;background:var(--xanh-nhat)}.o-luong>b{color:var(--xanh-dam)}.o-luong label{margin:8px 0 0}
.cam-ket{background:#fff;padding:14px;border-radius:14px;box-shadow:var(--bong)}
.bieu-mau.gon label{margin:8px 0}
.o-ghep{display:flex;align-items:center;border:1.5px solid var(--vien);border-radius:13px;background:#fff;overflow:hidden}.o-ghep i{font-style:normal;padding:0 0 0 14px;color:var(--mo);font-weight:600}.o-ghep input{border:0!important;box-shadow:none!important;padding-left:2px!important}
.link-dep{display:inline-block;margin:6px 0;padding:6px 14px;border-radius:999px;background:var(--muc);color:var(--vang);font-weight:750;font-size:.95rem}
.noi-dau{display:flex;gap:14px;align-items:center}.chu-cai{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:20px;background:var(--xanh);color:#fff;font-size:1.8rem;font-weight:850}
.ds-cu{display:grid;gap:8px}.ds-cu a{display:grid;padding:12px 16px;background:var(--the);border-radius:14px;color:var(--chu);text-decoration:none}.ds-cu span{font-size:.86rem;color:var(--mo)}
.ql-tin h3 a{color:var(--muc)}.ql-noi h2{display:flex;gap:8px;align-items:center}
details summary{cursor:pointer;font-weight:700;padding:10px 0;color:var(--muc)}
.hs{margin-top:8px;border-top:1px solid var(--vien)}.hs-1{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px dashed var(--vien)}.hs-1 p{margin:2px 0 0;color:var(--mo);font-size:.9rem}.hs-1 .luc{font-size:.78rem;color:var(--nhat)}.hs-nut{display:flex;gap:6px}
.qr-o{display:grid;place-items:center;margin:14px auto;min-height:60px}.qr-o canvas,.qr-o img{max-width:100%;height:auto;border-radius:10px;image-rendering:pixelated}
.ds-bai{display:grid;gap:12px}.bai{background:var(--the);border-radius:20px;padding:22px 18px;box-shadow:var(--bong)}.bai .van{font-size:1.04rem;line-height:1.7;max-width:42em}
.ungho{text-align:left;border:1.5px solid var(--vang)}.ungho h3{display:flex;gap:8px;align-items:center}

/* Chân trang, thanh đáy */
.chan{background:var(--muc);color:rgba(255,255,255,.72);margin-top:30px;font-size:.9rem}.chan-trong{max-width:1080px;margin:0 auto;padding:28px 18px}
.chan .logo b{color:#fff}.chan a{color:#fff}.chan p{margin:.45em 0}.chan .khau{color:#fff;font-weight:600;margin:.6em 0 1em}.chan .nho{color:rgba(255,255,255,.5);margin-top:1em}
.chan-link{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12)}
.day{position:fixed;z-index:38;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--day) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--vien)}
.day a{display:grid;place-items:center;align-content:center;gap:2px;color:var(--nhat);font-size:.7rem;font-weight:650;text-decoration:none}.day a.chon{color:var(--xanh-dam)}
.day a.giua .ic{width:44px;height:44px;padding:10px;margin-top:-18px;border-radius:50%;background:var(--xanh);color:#fff;box-shadow:0 6px 16px rgba(14,159,110,.4)}
.bao{position:fixed;z-index:95;left:50%;bottom:calc(var(--day) + 90px);transform:translateX(-50%);max-width:92vw;padding:12px 18px;border-radius:14px;background:var(--muc);color:#fff;font-weight:600;font-size:.92rem;box-shadow:0 10px 30px rgba(0,0,0,.25);text-align:center}

@media (min-width:640px){.luoi{grid-template-columns:1fr 1fr}.o-tinh{grid-template-columns:repeat(3,1fr)}.hai-nut{grid-template-columns:1fr 1fr}.ba-cam-ket{grid-template-columns:repeat(3,1fr)}.moi-chu,.cai{grid-template-columns:1fr auto;align-items:center}.dinh{border-radius:0 0 28px 28px;padding:44px 32px 34px}.ds-bai{grid-template-columns:1fr 1fr}}
@media (min-width:900px){body,body.co-thanh{padding-bottom:0}.day{display:none}.luoi{grid-template-columns:repeat(3,1fr)}.o-tinh{grid-template-columns:repeat(5,1fr)}
 .dinh{margin:12px 0 0;border-radius:28px;padding:56px 48px 44px}.dinh .o-tim{max-width:640px}.hai-nut{max-width:640px}
 .to{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-50%);width:460px;border-radius:24px;animation:hien .2s;padding-bottom:22px}
 .thanh-ut{position:sticky;bottom:12px;margin:16px auto 0;max-width:720px;border:1px solid var(--vien);border-radius:18px}
 .tin,.bieu-mau,.bai,.ql-tin,.ql-noi,.canh{max-width:720px;margin-left:auto;margin-right:auto}.tin{padding:28px}.bao{bottom:30px}.tab{max-width:560px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Tờ in QR */
.in-qr{background:#fff;padding:0}.to-in{max-width:520px;margin:20px auto;padding:36px 28px;border:6px solid var(--xanh);border-radius:28px;text-align:center}
.in-tren{font-weight:850;font-size:1.3rem;color:var(--xanh);margin:0}.to-in h1{font-size:3rem;letter-spacing:.02em;margin:6px 0}.in-ten{font-size:1.4rem;font-weight:700;margin:0}.in-huong{font-size:1.05rem;margin:0}.in-link{font-weight:800;font-size:1.25rem;margin:.3em 0 0}
.khong-in{text-align:center}@media print{.khong-in{display:none}.to-in{border-width:8px;margin:0 auto}}

/* Quản trị */
.qt{padding-bottom:0;background:#EEF2F0}.qt-dau{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:8px 14px;background:#fff;border-bottom:1px solid var(--vien)}
.qt-dau nav{display:flex;gap:4px;overflow-x:auto;flex:1}.qt-dau nav a{padding:8px 12px;border-radius:10px;color:var(--mo);font-weight:650;font-size:.9rem;white-space:nowrap;text-decoration:none}.qt-dau nav a.chon{background:var(--muc);color:#fff}
.qt-than{max-width:900px}.qt-than h1{margin:10px 0 14px;font-size:1.5rem}.qt-than h2{margin:24px 0 10px}
.qt-hop{background:#fff;border-radius:14px;padding:14px 16px;margin:10px 0;box-shadow:var(--bong)}.qt-con{margin-top:-6px;background:#FFF9F8}
.qt-so{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.qt-so>*{display:grid;padding:12px 14px;background:#fff;border-radius:14px;color:var(--mo);font-size:.86rem;text-decoration:none}.qt-so b{font-size:1.7rem;color:var(--muc);line-height:1.1}.qt-so a b{color:var(--cam)}
.qt-f{display:inline-flex;gap:6px;align-items:center;margin:0}.qt-ngay{width:64px!important;min-height:38px!important;padding:4px 8px!important}.qt-gc{width:180px!important;min-height:38px!important;padding:4px 10px!important}
.qt-bang{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;font-size:.9rem}.qt-bang th,.qt-bang td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--vien);vertical-align:middle}.qt-bang th{background:#F7F9F8;color:var(--mo);font-size:.8rem}
.qt-ngang{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.qt-ngang label{flex:1;min-width:150px;margin:0}.qt-loc{display:flex;flex-wrap:wrap;gap:6px}
@media (min-width:700px){.qt-so{grid-template-columns:repeat(3,1fr)}}
code{background:#EEF2F0;padding:1px 6px;border-radius:6px;font-size:.88em}