:root{--xanh-dam: #1e4d3b;--xanh-nhat: #e8f1ec;--nen: #f6f5f2;--the: #ffffff;--chu: #1f2937;--chu-mo: #6b7280;--vien: #e5e7eb;--do: #b91c1c;--do-nen: #fef2f2;--vang-nen: #fffbeb;--vang: #b45309;--xanh-la: #15803d}*{box-sizing:border-box;margin:0}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--nen);color:var(--chu);font-size:14px}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.trang-dang-nhap{min-height:100vh;display:grid;place-items:center;padding:16px}.hop-dang-nhap{background:var(--the);border:1px solid var(--vien);border-radius:12px;padding:32px;width:100%;max-width:min(360px,100vw - 32px);box-shadow:0 4px 24px #0000000f}.logo-chu-dang-nhap{display:block;width:100%;max-width:240px;height:auto;margin-bottom:14px}.hop-dang-nhap h1{font-size:20px;margin-bottom:4px;color:var(--xanh-dam)}.hop-dang-nhap .phu{color:var(--chu-mo);margin-bottom:20px;font-size:13px}.o-nhap{display:block;width:100%;padding:10px 12px;margin-bottom:12px;border:1px solid var(--vien);border-radius:8px;font:inherit}.nut-chinh{width:100%;padding:10px;background:var(--xanh-dam);color:#fff;border:0;border-radius:8px;font-weight:600}.nut-hanh-dong{padding:8px 16px;background:var(--xanh-dam);color:#fff;border:0;border-radius:8px;font-weight:600;margin-right:8px}.nut-lui{background:transparent;color:var(--do);border:1px solid var(--do)}.loi{background:var(--do-nen);color:var(--do);padding:10px 12px;border-radius:8px;margin-bottom:12px;font-size:13px}.khu-dev{margin-top:16px;border-top:1px dashed var(--vien);padding-top:12px}.khu-dev summary{color:var(--chu-mo);font-size:12px;cursor:pointer}.khung{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.thanh-ben{background:var(--xanh-dam);color:#fff;padding:20px 16px;min-width:0}.dau-he{display:flex;align-items:center;gap:10px;margin-bottom:24px}.logo-he{width:40px;height:40px;flex:0 0 auto;border-radius:50%;background:#fff;object-fit:cover}.logo-thay-chu{display:grid;place-items:center;font-weight:700;font-size:15px;color:var(--xanh-dam);letter-spacing:.02em}.chu-dau-he{min-width:0}.thanh-ben .ten-he{font-weight:700;font-size:16px;margin-bottom:2px}.thanh-ben .mo-ta-he{font-size:12px;opacity:.7}.the-nguoi-dung{background:#ffffff1a;border-radius:10px;padding:12px;margin-bottom:20px;font-size:13px}.the-nguoi-dung .vai{opacity:.75;font-size:12px;margin-top:2px}.nut-thoat{background:none;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:8px;padding:6px 12px;font-size:12px;margin-top:10px}.menu{display:flex;flex-direction:column;gap:4px;min-width:0}.muc-menu{background:none;border:0;color:#fff;opacity:.7;text-align:left;padding:8px 10px;border-radius:8px;font-size:13px}.muc-menu.chon{background:#ffffff24;opacity:1;font-weight:600}.noi-dung{padding:28px 32px;max-width:1100px;min-width:0;overflow-wrap:break-word}.noi-dung h2{font-size:20px;margin-bottom:4px}.noi-dung .phu{color:var(--chu-mo);margin-bottom:20px}.day-the{display:flex;gap:14px;margin-bottom:20px;flex-wrap:wrap}.the-so{background:var(--the);border:1px solid var(--vien);border-radius:10px;padding:14px 18px;min-width:150px}.the-so .nhan{font-size:12px;color:var(--chu-mo);text-transform:uppercase;letter-spacing:.04em}.the-so .so{font-size:22px;font-weight:700;margin-top:2px;font-variant-numeric:tabular-nums}.the-so.giu .so{color:var(--vang)}.the-so.chan .so{color:var(--do)}.hop-bang{margin-bottom:14px}.cuon-ngang{overflow:auto;max-width:100%;max-height:70vh;border:1px solid var(--vien);border-radius:10px;background:var(--the);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.chan-bang{font-size:12px;color:var(--chu-mo);padding:6px 2px 0}table.bang{width:100%;border-collapse:collapse;background:var(--the)}.bang th{text-align:left;font-size:12px;color:var(--chu-mo);text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;border-bottom:1px solid var(--vien);background:#fafaf8}.bang thead th{position:sticky;top:0;z-index:2;box-shadow:inset 0 -1px 0 var(--vien)}.bang td{padding:9px 12px;border-bottom:1px solid var(--vien)}.bang tr:last-child td{border-bottom:0}.bang tbody tr:nth-child(2n){background:#f8f8f5}.bang th,.bang td{font-variant-numeric:tabular-nums}.bang tr.bam-duoc{cursor:pointer}.bang tr.bam-duoc:hover{background:var(--xanh-nhat)}.so-tien{text-align:right;font-variant-numeric:tabular-nums}.nhan-trang-thai{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600}.nhan-ma-goc{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;color:var(--chu-mo);background:#f3f4f6;border:1px dashed var(--vien);font-weight:500}.tt-giu_cho_kiem_tra{background:var(--vang-nen);color:var(--vang)}.tt-san_sang{background:var(--xanh-nhat);color:var(--xanh-la)}.tt-cho_duyet{background:#eff6ff;color:#1d4ed8}.tt-da_phat_hanh{background:var(--xanh-dam);color:#fff}.tt-hoan_tat{background:var(--xanh-nhat);color:var(--xanh-la)}.tt-dang_chay{background:var(--vang-nen);color:var(--vang)}.tt-mo{background:#eff6ff;color:#1d4ed8}.tt-dang_chot{background:var(--vang-nen);color:var(--vang)}.tt-da_chot{background:var(--xanh-dam);color:#fff}.tt-cho_du_lieu{background:#f3f4f6;color:var(--chu-mo)}.tt-hop_le{background:var(--xanh-nhat);color:var(--xanh-la)}.tt-bat_thuong{background:var(--vang-nen);color:var(--vang)}.tt-da_duyet{background:var(--xanh-nhat);color:var(--xanh-la)}.tt-da_khoa{background:var(--xanh-dam);color:#fff}.tt-nhap,.tt-cho_gui,.tt-cho_xac_nhan,.tt-du_kien,.tt-chua_xu_ly{background:#f3f4f6;color:var(--chu-mo)}.tt-dang_gui,.tt-dang_hoan,.tt-mo_lai{background:var(--vang-nen);color:var(--vang)}.tt-da_gui,.tt-da_hoan,.tt-da_ket_thuc,.tt-da_xu_ly{background:var(--xanh-nhat);color:var(--xanh-la)}.tt-that_bai{background:var(--do-nen);color:var(--do)}.tt-da_huy,.tt-het_hieu_luc,.tt-bo_qua{background:#f3f4f6;color:var(--chu-mo);text-decoration:line-through}.canh-bao{background:var(--vang-nen);border:1px solid #fde68a;color:#78350f;padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:13px}.khoi-chan{background:var(--do-nen);border:1px solid #fecaca;border-radius:10px;padding:12px 14px;margin:16px 0;font-size:13px}.khoi-chan .tieu-de{color:var(--do);font-weight:700;margin-bottom:6px}.hang-hanh-dong{margin:18px 0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.ghi-chu-tat{color:var(--chu-mo);font-size:12px}.nut-quay-lai{background:none;border:1px solid var(--vien);border-radius:8px;padding:6px 12px;margin-bottom:14px}.ly-do-giu{color:var(--vang);font-size:12px}.thanh-tien-do{height:8px;background:var(--vien);border-radius:99px;overflow:hidden;max-width:420px;margin-bottom:4px}.thanh-tien-do .day{height:100%;background:var(--xanh-la);transition:width .2s}.o-chi-so{width:110px;padding:6px 8px;border:1px solid var(--vien);border-radius:6px;font:inherit;text-align:right;font-variant-numeric:tabular-nums}.o-chi-so:disabled{background:#fafaf8;color:var(--chu-mo)}.loi-o{color:var(--do);font-size:12px;margin-top:4px;max-width:240px}tr.hang-do td{background:var(--do-nen)}tr.hang-vang td{background:var(--vang-nen)}.kh-xanh{background:var(--xanh-nhat);color:var(--xanh-la)}.kh-vang{background:var(--vang-nen);color:var(--vang)}.kh-do{background:var(--do-nen);color:var(--do)}.tt-chua_xac_dinh{background:#f3f4f6;color:var(--chu-mo)}.tt-da_goi_y{background:#eff6ff;color:#1d4ed8}.tt-da_xac_nhan{background:var(--xanh-dam);color:#fff}.goi-y-khop{font-size:12px;margin-top:3px;font-variant-numeric:tabular-nums}.noi-dung-ck{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tr.hang-da-xong td{color:var(--chu-mo)}.nut-nho{padding:5px 10px;font-size:12px}tr.hang-panel td{background:var(--xanh-nhat)}.panel-xac-nhan{padding:6px 4px}.panel-xac-nhan .dong-nhap{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}.panel-xac-nhan label{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.o-ma-hd{width:220px;padding:7px 10px;border:1px solid var(--vien);border-radius:6px;font:inherit}.ung-vien{font-size:12px;color:var(--chu-mo)}.nut-ung-vien{background:var(--the);border:1px solid var(--vien);border-radius:6px;padding:3px 8px;font-size:12px;margin-left:6px}.nut-huy{margin-bottom:0}.tieu-de-nho{font-size:12px;color:var(--chu-mo);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 6px}.bang-con td,.bang-con th{padding:6px 10px;font-size:13px}tr.hang-chon td{background:var(--xanh-nhat)}.tt-hieu_luc{background:var(--xanh-nhat);color:var(--xanh-la)}.tt-da_dao{background:#f3f4f6;color:var(--chu-mo);text-decoration:line-through}.o-form{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.khoi-form-hoan .o-ma-hd{width:260px}.cac-huong{flex-direction:column;align-items:flex-start;gap:6px}.o-huong{font-size:13px;display:flex;align-items:center;gap:8px;cursor:pointer}.the-so.chua-do .so{font-size:15px;color:var(--chu-mo);font-weight:600}.the-so .nhan-treo{font-size:11px;color:var(--vang);margin-top:4px}.khoi-thieu{background:#f3f7ff;border:1px solid #c7d7f5;border-radius:10px;padding:12px 14px;margin-bottom:18px;font-size:13px}.khoi-thieu .tieu-de{font-weight:700;color:#1d4ed8;margin-bottom:6px}.khoi-thieu ul{margin:0;padding-left:18px}.khoi-thieu li{margin-bottom:6px}.khoi-canh-bao{border-radius:10px;padding:10px 14px;margin-bottom:10px;font-size:13px;border:1px solid var(--vien)}.khoi-canh-bao .tieu-de{font-weight:700;margin-bottom:4px}.muc-do{background:var(--do-nen);border-color:#fecaca;color:#7f1d1d}.muc-cam{background:#fff7ed;border-color:#fed7aa;color:#7c2d12}.muc-vang{background:var(--vang-nen);border-color:#fde68a;color:#78350f}.duong-dan{font-size:13px;color:var(--chu-mo);margin-bottom:14px}.duong-dan button{background:none;border:0;color:var(--xanh-dam);font:inherit;padding:0;text-decoration:underline}.luoi-thong-tin{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px 18px;background:var(--the);border:1px solid var(--vien);border-radius:10px;padding:14px 18px;margin-bottom:16px}.luoi-thong-tin .nhan{font-size:11px;color:var(--chu-mo);text-transform:uppercase;letter-spacing:.04em}.luoi-thong-tin .gia-tri{font-size:14px;font-weight:600;margin-top:2px;font-variant-numeric:tabular-nums}.bo-loc{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.bo-loc label{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.o-chon{padding:7px 10px;border:1px solid var(--vien);border-radius:6px;font:inherit;background:var(--the)}.o-tim{width:250px;padding:7px 10px;border:1px solid var(--vien);border-radius:6px;font:inherit}.mau-thuan{color:var(--do);font-weight:700}.bang tfoot td{padding:9px 12px;border-top:2px solid var(--vien);background:#fafaf8}.tt-can_xac_nhan{background:var(--vang-nen);color:var(--vang)}.nut-gap{background:var(--the);color:var(--chu);border:1px solid var(--vien);font-weight:600}.hang-gap td{background:#fafaf8}.khoi-lich-su{padding:6px 2px;font-size:13px}.khoi-lich-su-ky{margin-top:18px}.yeu-cau-gui{margin-top:8px;padding-left:10px;border-left:3px solid var(--vien)}.hang-lan-gui{padding:2px 0}.gui-ok{color:var(--xanh-la);font-weight:600}.gui-hong{color:var(--do);font-weight:600}.hang-xac-nhan{padding:8px 0;border-bottom:1px solid var(--vien)}.hang-xac-nhan:last-child{border-bottom:0}.ly-do-xac-nhan{font-style:italic;margin-top:2px}.kh-mo{background:#f3f4f6;color:var(--chu-mo)}.nen-modal{position:fixed;inset:0;z-index:50;padding:16px;background:#0f172a73;display:grid;place-items:center}.hop-modal{background:var(--the);border:1px solid var(--vien);border-radius:12px;width:100%;max-width:min(540px,100vw - 32px);max-height:calc(100vh - 32px);overflow:auto;padding:20px;box-shadow:0 18px 48px #00000047;border-top:4px solid var(--xanh-dam)}.hop-modal.lui{border-top-color:var(--do)}.tieu-de-modal{font-size:17px;margin-bottom:12px;color:var(--xanh-dam)}.hop-modal.lui .tieu-de-modal{color:var(--do)}.than-modal{font-size:13px}.luoi-ngu-canh{display:grid;gap:6px;margin-bottom:12px}.dong-ngu-canh{display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr);gap:10px;align-items:baseline}.dong-ngu-canh dt{color:var(--chu-mo);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.dong-ngu-canh dd{margin:0;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.nhac-modal{background:var(--vang-nen);color:var(--vang);border-radius:8px;padding:8px 10px;margin-bottom:8px;font-size:13px}.hop-modal.lui .nhac-modal{background:var(--do-nen);color:var(--do)}.khoi-ly-do{margin-top:12px}.nhan-ly-do{display:block;font-weight:600;margin-bottom:6px}.o-ly-do{display:block;width:100%;min-height:92px;resize:vertical;font:inherit;padding:10px 12px;border:1px solid var(--vien);border-radius:8px}.o-ly-do:focus{outline:2px solid var(--xanh-dam);outline-offset:1px}.dem-ky-tu{font-size:12px;color:var(--chu-mo);margin-top:4px;font-variant-numeric:tabular-nums}.dem-ky-tu.chua-dat{color:var(--vang);font-weight:600}.dong-nut-modal{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}.dong-nut-modal .nut-hanh-dong{margin-right:0}.nut-huy{background:transparent;color:var(--chu);border:1px solid var(--vien);border-radius:8px;padding:8px 16px;font-weight:600}@media(max-width:768px){.khung{grid-template-columns:1fr;grid-template-rows:auto 1fr}.thanh-ben{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 10px;padding:10px 12px}.dau-he{grid-column:1;margin-bottom:0;gap:8px}.logo-he{width:32px;height:32px}.thanh-ben .ten-he{font-size:14px;margin-bottom:0}.thanh-ben .mo-ta-he{display:none}.the-nguoi-dung{grid-column:2;margin:0;padding:4px 8px;display:flex;align-items:center;gap:8px;min-width:0}.the-nguoi-dung .ai-day{min-width:0;display:flex;flex-wrap:wrap;column-gap:8px;align-items:baseline}.the-nguoi-dung .ten-nguoi,.the-nguoi-dung .vai{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}.the-nguoi-dung .vai{margin-top:0}.nut-thoat{margin-top:0;margin-left:auto;flex:0 0 auto}.menu{grid-column:1 / -1;flex-direction:row;gap:6px;overflow-x:auto;min-width:0;padding-bottom:2px;scrollbar-width:thin;overscroll-behavior-x:contain}.muc-menu{flex:0 0 auto;white-space:nowrap}.noi-dung{padding:16px 12px}.noi-dung h2{font-size:18px}.nut-chinh,.nut-hanh-dong,.nut-lui,.nut-quay-lai,.nut-thoat,.nut-huy,.nut-nho,.nut-ung-vien,.nut-gap,.muc-menu,.duong-dan button{min-height:44px}.o-huong{min-height:40px}input,select,textarea,.o-nhap,.o-chi-so,.o-ma-hd,.o-tim,.o-chon{font-size:16px}.o-nhap,.o-ma-hd,.o-tim,.o-chon,.khoi-form-hoan .o-ma-hd{width:100%}.o-chi-so{width:100%;max-width:130px}.panel-xac-nhan label:not(.o-huong),.bo-loc label,.o-form{flex-direction:column;align-items:flex-start;gap:4px;width:100%}.day-the{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}.the-so{min-width:0;padding:10px 12px}.the-so .so{font-size:19px}.cuon-ngang{max-height:68vh}.cuon-ngang table.bang{min-width:640px}.cuon-ngang table.bang-con{min-width:420px}.bang th,.bang td{padding:8px 10px}.noi-dung-ck{max-width:150px}.loi-o{max-width:100%}.nen-modal{padding:10px;align-items:end}.hop-modal{padding:16px;max-height:calc(100vh - 20px)}.dong-ngu-canh{grid-template-columns:minmax(0,1fr);gap:0}.dong-ngu-canh dd{margin-bottom:4px}.dong-nut-modal{flex-direction:column;gap:8px}.dong-nut-modal button{width:100%}}