:root{--cam: #fbad1b;--cam-kem: #fff7e9;--cam-vien: #fcdb97;--cam-dam: #8a5200;--chu-cam: #3a2600;--cam-mo: #ffe0a7;--vang: #fab424;--do: #c4161f;--do-nhat: #ffebec;--xanh: #1d7a00;--xanh-nhat: #e8f6e3;--xanh-vien: #b5e3a6;--chu: #333333;--xam: #666666;--xam-nhat: #c9c9c9;--vien: #ebeef5;--nen: #ffffff;--nen-xam: #f5f5f5;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--an-toan-duoi: env(safe-area-inset-bottom, 0px);--an-toan-tren: env(safe-area-inset-top, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.45;color:var(--chu);background:var(--nen-xam);-webkit-text-size-adjust:100%;overscroll-behavior-y:none}button,input,textarea{font:inherit;color:inherit}a{color:var(--cam-dam);text-decoration:none}h1,h2,h3,p{margin:0}.app{max-width:560px;min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;background:var(--nen);box-shadow:0 0 0 1px var(--vien)}.appbar{position:sticky;top:0;z-index:20;height:calc(56px + var(--an-toan-tren));padding:var(--an-toan-tren) 8px 0;display:grid;grid-template-columns:64px 1fr 64px;align-items:center;background:var(--cam);color:var(--chu-cam)}.appbar__tieu-de{margin:0;text-align:center;font-size:16px;font-weight:700;line-height:24px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar__lui{width:44px;height:44px;display:grid;place-items:center;border:0;background:none;color:var(--chu-cam);font-size:30px;font-weight:700;line-height:1;cursor:pointer}.appbar__phai{justify-self:end;padding-right:6px;font-size:12px;font-weight:600;color:var(--chu-cam);white-space:nowrap}.appbar__phai a{color:var(--chu-cam);text-decoration:underline}.than{flex:1;padding:12px 16px 24px;display:flex;flex-direction:column;gap:12px}.chan{position:sticky;bottom:0;z-index:10;padding:12px 16px calc(12px + var(--an-toan-duoi));background:#fff;border-top:1px solid var(--vien);display:flex;flex-direction:column;gap:6px}.h1{font-size:20px;font-weight:800}.h2{font-size:15px;font-weight:700}.phu{font-size:12px;color:var(--xam);line-height:1.4}.giua{text-align:center}.dam{font-weight:700}.ma-lon{font-size:64px;font-weight:800;color:var(--cam-dam);text-align:center;letter-spacing:1px;line-height:1.1}.nut{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-height:48px;padding:0 16px;display:flex;align-items:center;justify-content:center;border:1px solid var(--cam);border-radius:12px;background:var(--cam);color:var(--chu-cam);font-size:15px;font-weight:700;cursor:pointer;text-align:center}.nut:disabled{background:var(--cam-mo);border-color:var(--cam-mo);color:#6b4200;cursor:not-allowed}.nut--vien{background:#fff;color:var(--cam-dam)}.nut--vien:disabled{background:#fff;color:var(--xam-nhat);border-color:var(--vien)}.nut--do{background:#fff;color:var(--do);border-color:var(--do)}.nut--nho{width:auto;min-height:36px;padding:0 14px;font-size:13px}.link-do{align-self:center;padding:8px 4px;border:0;background:none;color:var(--do);font-size:13px;font-weight:600;text-align:center;cursor:pointer}.link-cam{color:var(--cam-dam);font-weight:600}.the{background:#fff;border:1px solid var(--vien);border-radius:10px;padding:14px}.dong{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:5px 0}.dong__nhan{font-size:13px;color:var(--xam)}.dong__tri{font-size:13px;font-weight:600;text-align:right}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.pill--ok{background:var(--xanh-nhat);color:var(--xanh)}.pill--sap{background:var(--cam-kem);color:var(--cam-dam)}.pill--tre{background:var(--do-nhat);color:var(--do)}.pill--xam{background:var(--nen-xam);color:var(--xam)}.the-vang{display:inline-block;max-width:100%;padding:3px 10px;border-radius:999px;border:1px solid var(--cam-vien);background:var(--cam-kem);color:var(--cam-dam);font-size:12px;font-weight:600}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 16px 0}.tab{min-height:40px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--cam-vien);background:var(--cam-kem);color:var(--cam-dam);font-size:13px;font-weight:700}.tab--bat{background:var(--cam);border-color:var(--cam);color:var(--chu-cam)}.nhom__dau{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:6px 0 8px}.nhom__ten{font-size:15px;font-weight:700}.nhom__dem{font-size:12px;color:var(--xam);white-space:nowrap}.ds{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.don{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid var(--vien);border-radius:10px;color:inherit}.don__ngan{flex:none;min-width:52px;height:52px;padding:0 6px;display:grid;place-items:center;border-radius:12px;background:var(--cam-kem);color:var(--cam-dam);font-size:15px;font-weight:800}.don__than{flex:1;min-width:0}.don__ma{font-size:12px;font-weight:700;color:var(--xam)}.don__dong{font-size:13px;color:var(--chu);overflow:hidden;text-overflow:ellipsis}.rong{padding:32px 16px;text-align:center;color:var(--xam)}.hop{display:flex;gap:10px;padding:12px;border-radius:12px;border:1px solid var(--cam-vien);background:var(--cam-kem);font-size:13px}.hop--loi{border-color:#f7b8bc;background:var(--do-nhat);color:var(--do);font-weight:600}.hop--ok{border-color:var(--xanh-vien);background:var(--xanh-nhat);color:var(--xanh);font-weight:600}.hop--mang{border-radius:0;justify-content:center;font-weight:600;color:var(--cam-dam)}.truong{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.o-nhap{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--vien);border-radius:12px;background:#fff;font-size:16px;font-weight:500}.o-nhap:focus{outline:2px solid var(--cam-vien);border-color:var(--cam)}textarea.o-nhap{min-height:96px;resize:vertical}.tick{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500}.tick input{width:20px;height:20px;accent-color:var(--cam)}.dang-nhap__dau{padding:calc(40px + var(--an-toan-tren)) 24px 32px;background:var(--cam);color:var(--chu-cam);text-align:center}.dang-nhap__logo{width:72px;height:72px;border-radius:18px;margin-bottom:12px}.dang-nhap__dau h1{font-size:22px;font-weight:800}.dang-nhap__dau p{margin-top:4px;font-size:13px;color:var(--chu-cam)}.tien-do{height:44px;display:flex;align-items:center;justify-content:space-around;background:#fff;border-bottom:1px solid var(--vien)}.tien-do__buoc{display:flex;align-items:center;gap:5px;font-size:12px}.tien-do__cham{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:var(--vien);font-size:11px}.tien-do__cham--xong{background:var(--xanh);color:#fff}.tien-do__cham--dang{background:var(--vang);color:var(--chu-cam)}.quet{position:relative;aspect-ratio:1 / 1;max-height:56dvh;width:100%;overflow:hidden;border-radius:18px;background:#1c1c1c}.quet video{width:100%;height:100%;object-fit:cover}.quet__khung{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:3px solid var(--cam);border-radius:18px;box-shadow:0 0 0 999px #00000059;pointer-events:none}.quet__chu{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;color:#fff;text-align:center;font-size:13px}.anh-luoi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.anh{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:12px;border:1px solid var(--vien);background:var(--nen-xam);display:grid;place-items:center;font-size:12px;font-weight:600;color:var(--xam)}.anh img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.anh__nhan{position:absolute;left:0;right:0;bottom:0;padding:3px 6px;background:#0000008c;color:#fff;font-size:11px;text-align:center}.anh--them{border:2px dashed var(--cam);background:var(--cam-kem);color:var(--cam-dam);font-size:13px;font-weight:700;cursor:pointer}.anh--them:disabled{opacity:.5;cursor:wait}.moc{display:flex;gap:10px;min-height:40px}.moc__cot{width:16px;display:flex;flex-direction:column;align-items:center}.moc__cham{width:12px;height:12px;margin-top:4px;border-radius:50%;background:var(--xanh)}.moc__day{flex:1;width:2px;margin:2px 0;background:var(--xam-nhat)}.moc__than{flex:1;padding-bottom:10px;font-size:13px;font-weight:600}.moc__luc{font-size:11px;font-weight:400;color:var(--xam)}.xong__dau{width:72px;height:72px;margin:8px auto 0;display:grid;place-items:center;border-radius:50%;background:var(--xanh-nhat);color:var(--xanh);font-size:40px;font-weight:800}.cai-app{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:var(--cam-kem);border:1px solid var(--cam-vien);font-size:13px}.chan-trang{padding:8px 0 4px;text-align:center;font-size:12px;color:var(--xam)}.chan-trang button{border:0;background:none;color:var(--cam-dam);font-weight:600;cursor:pointer}.link-cam,.link-do{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;cursor:pointer}.appbar--cao{height:auto;min-height:calc(56px + var(--an-toan-tren))}.appbar--cao .appbar__tieu-de{white-space:normal;overflow:visible;text-overflow:clip;font-size:14px;padding:6px 0}.don:disabled,.don--xong{opacity:.6;background:var(--nen-xam);cursor:default}.don--xong .don__ma{text-decoration:line-through}.don__dong--xong{color:var(--xanh);font-weight:700}.hop--hoi{flex-direction:column;gap:8px;color:var(--chu)}