: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:1200px;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%}}