:root{--nen: #f6f7f5;--the: #ffffff;--chu: #1c2421;--mo: #5f6b66;--vien: #dde2df;--chinh: #1f4e3d;--chinh-nhat: #e6efe9;--loi: #b42318;--loi-nhat: #fdecea;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--chu);background:var(--nen);font-size:16px;line-height:1.5}*{box-sizing:border-box}body{margin:0}h1{font-size:1.5rem;margin:0 0 8px}h2{font-size:1.15rem;margin:0 0 12px}a{color:var(--chinh)}code{background:var(--chinh-nhat);padding:1px 4px;border-radius:4px;font-size:.9em}button{font:inherit;cursor:pointer;border:1px solid var(--chinh);background:var(--chinh);color:#fff;padding:10px 16px;border-radius:8px;min-height:44px}button.phu{background:#fff;color:var(--chinh)}button.nguy{background:#fff;color:var(--loi);border-color:var(--loi);margin-left:auto}button.nho{padding:4px 10px;min-height:32px;font-size:.9rem}button.to{width:100%;font-size:1.05rem;padding:14px}input,select{font:inherit;padding:10px 12px;border:1px solid var(--vien);border-radius:8px;background:#fff;min-height:44px;width:100%}input[type=checkbox]{width:22px;height:22px;min-height:0}input:focus,select:focus{outline:2px solid var(--chinh);outline-offset:1px}.giua{min-height:100vh;display:grid;place-items:center;padding:16px}.the{background:var(--the);border:1px solid var(--vien);border-radius:12px;padding:20px;margin-bottom:16px;max-width:560px;width:100%}.trang .the{max-width:none}.dang-nhap{text-align:center}.mo{color:var(--mo)}.nho-chu{font-size:.85rem}.bao-loi{background:var(--loi-nhat);color:var(--loi);padding:10px 12px;border-radius:8px}.hang{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.dau{position:sticky;top:0;z-index:5;background:var(--chinh);color:#fff;display:flex;align-items:center;gap:16px;padding:8px 16px;flex-wrap:wrap}.ten-web{font-weight:700}.dau nav{display:flex;gap:4px;flex-wrap:wrap}.dau nav a{color:#dbe8e1;text-decoration:none;padding:8px 10px;border-radius:6px}.dau nav a.active{background:#ffffff26;color:#fff}.ai{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:.9rem}.ai button{background:transparent;color:#fff;border-color:#ffffff80}main{padding:16px;max-width:1600px;margin:0 auto}.o-so{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:16px 0}.o-so .o{background:#fff;border:1px solid var(--vien);border-radius:12px;padding:16px;text-decoration:none;color:var(--chu);display:flex;flex-direction:column}.o-so .o b{font-size:1.8rem;color:var(--chinh)}.the-tab{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--vien);margin:12px 0 16px}.the-tab a{padding:10px 12px;text-decoration:none;color:var(--mo);white-space:nowrap;border-bottom:3px solid transparent}.the-tab a.active{color:var(--chinh);border-bottom-color:var(--chinh);font-weight:600}.thanh-cong-cu{display:flex;gap:8px;align-items:center;margin-bottom:12px}.thanh-cong-cu input,.thanh-cong-cu select{max-width:320px}.thanh-cong-cu .mo{white-space:nowrap}.thanh-cong-cu button{margin-left:auto;white-space:nowrap}.bao-bang{overflow-x:auto;background:#fff;border:1px solid var(--vien);border-radius:12px}.bang{border-collapse:collapse;width:100%;font-size:.95rem}.bang th,.bang td{padding:10px 12px;border-bottom:1px solid var(--vien);text-align:left;vertical-align:top}.bang th{background:#fafbfa;font-weight:600;white-space:nowrap}.bang tr:last-child td{border-bottom:0}.thao-tac{text-align:right;width:1%}.chenh{font-size:.85rem;max-width:480px;word-break:break-word}.chenh s{color:var(--loi)}.nhan{padding:2px 8px;border-radius:999px;font-size:.8rem;background:var(--chinh-nhat)}.nhan-XÓA{background:var(--loi-nhat);color:var(--loi)}.phu-man{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:grid;place-items:center;padding:12px;z-index:10}.hop-thoai{background:#fff;border-radius:12px;padding:20px;width:100%;max-width:520px;max-height:92vh;overflow-y:auto}.o-nhap{display:block;margin-bottom:12px}.o-nhap>span{display:block;font-size:.9rem;color:var(--mo);margin-bottom:4px}.sao{color:var(--loi);font-style:normal;margin-left:2px}.nhieu-chon{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.nhieu-chon label{display:flex;gap:6px;align-items:center}@media(max-width:640px){.ai span{display:none}.thanh-cong-cu{flex-wrap:wrap}.thanh-cong-cu input{max-width:none;flex:1 1 100%}.bao-bang{border:0;background:transparent}.bang thead{display:none}.bang,.bang tbody,.bang tr,.bang td{display:block;width:100%}.bang tr{background:#fff;border:1px solid var(--vien);border-radius:12px;margin-bottom:10px;padding:8px 12px}.bang td{border:0;padding:4px 0;display:flex;gap:12px}.bang td:before{content:attr(data-nhan);color:var(--mo);min-width:110px;flex-shrink:0;font-size:.85rem}.bang td:empty{display:none}.thao-tac{text-align:left;width:100%}}:root{--vang: #8a5a00;--vang-nhat: #fff4d6}.o-lon{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:16px 0}.o-lon .o{background:#fff;border:1px solid var(--vien);border-radius:12px;padding:16px;text-decoration:none;color:var(--chu);display:flex;flex-direction:column;gap:2px}.o-lon .o b{font-size:1.15rem;color:var(--chinh)}.o-lon .o span{color:var(--mo);font-size:.9rem}.o-lon .o.chinh{background:var(--chinh);border-color:var(--chinh)}.o-lon .o.chinh b,.o-lon .o.chinh span{color:#fff}.nhap{max-width:560px;margin:0 auto}.form-nhap{max-width:none}.hai-cot{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chip-chon{display:flex;gap:6px;flex-wrap:wrap}.chip-chon button{background:#fff;color:var(--chu);border-color:var(--vien);padding:8px 14px;flex:1 1 auto}.chip-chon button.chon{background:var(--chinh);color:#fff;border-color:var(--chinh);font-weight:600}.ds-dong{display:flex;flex-direction:column;gap:6px;margin-top:8px;max-height:300px;overflow-y:auto}.muc-dong{background:#fff;color:var(--chu);border-color:var(--vien);text-align:left;display:flex;flex-direction:column;align-items:flex-start;padding:8px 12px;gap:2px}.muc-dong:hover,.muc-dong:focus{border-color:var(--chinh)}.dong-da-chon{display:flex;gap:10px;align-items:center;justify-content:space-between;background:var(--chinh-nhat);border:1px solid var(--chinh);border-radius:8px;padding:10px 12px}.o-so-to{font-size:1.6rem;font-weight:700;text-align:center;min-height:56px}.lien-ket{background:none;border:0;color:var(--chinh);padding:4px 0;min-height:32px;margin-bottom:8px}.bao-xong{background:var(--chinh-nhat);color:var(--chinh);padding:10px 12px;border-radius:8px;font-weight:600}.bao-canh{background:var(--vang-nhat);color:var(--vang);padding:10px 12px;border-radius:8px}button:disabled{opacity:.55;cursor:default}.chu-do{color:var(--loi)!important;border-color:var(--loi)!important}.tieu-de-ds{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;justify-content:space-between;margin-top:8px}.chon-nho{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;margin:4px 16px 8px 0}.chon-nho input{width:18px;height:18px;min-height:0}.ds-da-nhap{display:flex;flex-direction:column;gap:8px}.dong-nhap{background:#fff;border:1px solid var(--vien);border-radius:12px;padding:10px 12px;display:flex;gap:10px;align-items:center}.dong-nhap-chinh{flex:1;min-width:0}.dong-nhap-nut{display:flex;flex-direction:column;gap:6px}.thanh-loc{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;margin:12px 0 8px}.thanh-loc>label,.thanh-loc>div{display:flex;flex-direction:column;gap:4px}.thanh-loc>label>span,.thanh-loc>div>span{font-size:.85rem;color:var(--mo)}.thanh-loc .rong{flex:1 1 240px}.thanh-loc .chip-chon button{flex:0 0 auto}.thanh-loc .xuat{margin-left:auto}.thanh-phu{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.nhan-do{background:var(--loi-nhat);color:var(--loi)}.nhan-vang{background:var(--vang-nhat);color:var(--vang)}.bang-ton-boc{max-height:72vh;overflow:auto}.bang-ton{border-collapse:separate;border-spacing:0;width:100%;font-size:.9rem;font-variant-numeric:tabular-nums}.bang-ton th,.bang-ton td{padding:8px 10px;border-bottom:1px solid var(--vien);white-space:nowrap;background:#fff}.bang-ton thead th{position:sticky;top:0;z-index:2;background:#fafbfa;font-weight:600;white-space:normal;min-width:70px;vertical-align:bottom}.bang-ton .dinh{position:sticky;left:0;z-index:1;text-align:left;min-width:200px;border-right:1px solid var(--vien)}.bang-ton thead .dinh{z-index:3}.bang-ton .so{text-align:right}.bang-ton .trong{color:#c4cbc7;text-align:center}.bang-ton td.o-do{background:var(--loi-nhat);color:var(--loi);font-weight:700}.bang-ton td.o-vang{background:var(--vang-nhat);color:var(--vang);font-weight:700}.bang-ton tfoot td{position:sticky;bottom:0;background:#f2f5f3;border-top:2px solid var(--vien)}.bang-ton tfoot .dinh{z-index:2}@media(max-width:640px){.hai-cot{grid-template-columns:1fr}.thanh-loc>label,.thanh-loc>div{flex:1 1 100%}.thanh-loc .xuat{margin-left:0;width:100%}.bang-ton .dinh{min-width:150px;max-width:160px;white-space:normal}.bang-ton-boc{border:1px solid var(--vien);background:#fff}}.muc-dong{flex-shrink:0}@media(max-width:640px){.dau{position:static;gap:4px 8px;padding:6px 12px}.dau .ai{order:2}.dau nav{order:3;flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;margin:0 -12px;padding:0 8px}.dau nav a{white-space:nowrap;padding:6px 10px}main{padding:12px}}.bang-ton thead th.so{min-width:64px}