:root{--xam:#5b6770;--vien:#e3e6ea;--xanh:#2f9e62;--cam:#d0602f;--do:#d64545;--nen-trang:#f4f6f8;color:#2b3138;background:var(--nen-trang);-webkit-font-smoothing:antialiased;font-family:Segoe UI Variable,Segoe UI,-apple-system,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%;margin:0}button{cursor:pointer}@keyframes tho{0%,to{opacity:1}50%{opacity:.25}}.trang{max-width:1100px;padding:max(18px,env(safe-area-inset-top)) 18px 40px;margin:0 auto}.thanh-tren{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.thanh-tren h1{flex:1;margin:0;font-size:22px}.nut-nho{border:1.5px solid var(--vien);color:var(--xam);font:inherit;white-space:nowrap;background:#fff;border-radius:99px;padding:8px 14px;font-size:14px;font-weight:600}.nut-lon{background:var(--xanh);color:#fff;font:inherit;border:0;border-radius:18px;min-height:60px;padding:16px 28px;font-size:18px;font-weight:700}.nut-lon.trang-nut{color:var(--xam);border:1.5px solid var(--vien);background:#fff}.mo{color:var(--xam);font-size:14px;line-height:1.55}.canh-bao{color:#7a5a1e;background:#fff4e0;border:1.5px solid #f0d59a;border-radius:14px;padding:11px 14px;font-size:14px;line-height:1.55}.luoi{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.o-chon{border:2px solid var(--vien);text-align:center;font:inherit;color:inherit;background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:170px;padding:24px 18px;display:flex;box-shadow:0 4px 14px #0000000a}.o-chon:active{transform:translateY(1px)}.o-chon .to{font-size:64px;line-height:1}.o-chon .ten{font-size:22px;font-weight:700}.o-chon .phu{color:var(--xam);font-size:14px}.o-chon.them{color:var(--xam);border-style:dashed}.chuong{text-transform:uppercase;letter-spacing:.05em;color:var(--xam);margin:22px 0 10px;font-size:15px}.ds-bai{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.o-bai{border:2px solid var(--vien);text-align:left;font:inherit;color:inherit;background:#fff;border-radius:20px;flex-direction:column;gap:8px;min-height:118px;padding:16px;display:flex}.o-bai .ten{font-size:20px;font-weight:700}.o-bai .phu{color:var(--xam);font-size:13px}.o-bai.khoa{color:#aeb5bc;background:#f6f7f8;border-style:dashed}.o-bai.sap-co{color:#aeb5bc;cursor:default;background:#fafbfc;border-style:dotted}.o-bai .vach{background:#e9ecef;border-radius:99px;height:8px;margin-top:auto;overflow:hidden}.o-bai .vach i{background:var(--xanh);height:100%;display:block}.o-bai.xong{border-color:var(--xanh)}.nen-mo{z-index:9;background:#1e23288c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.hop{background:#fff;border-radius:22px;flex-direction:column;gap:13px;width:100%;max-width:440px;max-height:100%;padding:24px;display:flex;overflow-y:auto;box-shadow:0 12px 40px #00000040}.hop.rong{max-width:680px}.hop h2{margin:0;font-size:20px}.hop h3{color:var(--xam);text-transform:uppercase;letter-spacing:.04em;margin:6px 0 0;font-size:13px}.hop p{color:var(--xam);margin:0;font-size:14px;line-height:1.55}.hop .day{gap:9px;display:flex}.hop button{border:1.5px solid var(--vien);color:var(--xam);font:inherit;background:#fff;border-radius:13px;flex:1;padding:13px;font-size:15px;font-weight:600}.hop button.chinh{background:var(--xanh);border-color:var(--xanh);color:#fff}.hop button.nguy{color:var(--do);border-color:#f1c4c4}.hop input[type=text],.hop input[type=number],.hop select{font:inherit;border:1.5px solid var(--vien);border-radius:12px;width:100%;padding:11px;font-size:18px}.hop .dong{color:#2b3138;align-items:center;gap:10px;font-size:15px;display:flex}.hop .dong select{width:auto;padding:6px 8px;font-size:15px}.hop .dong input[type=checkbox]{width:20px;height:20px;accent-color:var(--xanh)}.hop .loi{color:var(--cam);min-height:18px;font-size:13.5px;font-weight:600}.hop .phep{text-align:center;font-size:28px;font-weight:700}.chon-hinh{flex-wrap:wrap;gap:8px;display:flex}.chon-hinh button{border-radius:14px;flex:none;padding:6px 10px;font-size:32px}.chon-hinh button.chon{border-color:var(--xanh);background:#e8f6ec}.o-so{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.o-so div{background:var(--nen-trang);text-align:center;color:var(--xam);border-radius:12px;padding:10px 6px;font-size:12.5px}.o-so b{color:#2b3138;font-variant-numeric:tabular-nums;font-size:24px;display:block}.o-so .xanh b{color:var(--xanh)}.o-so .cam b{color:var(--cam)}.the-kho{flex-wrap:wrap;gap:6px;display:flex}.the-kho span{color:#7a5a1e;background:#fff4e0;border:1.5px solid #f0d59a;border-radius:10px;padding:4px 10px;font-size:18px;font-weight:700}table.bang{border-collapse:collapse;width:100%;font-size:14px}table.bang td,table.bang th{border-bottom:1px solid var(--vien);text-align:left;padding:7px 6px}table.bang th{color:var(--xam);font-weight:600}@media (width<=600px){.o-so{grid-template-columns:repeat(2,1fr)}}.gv{height:100dvh;padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));-webkit-user-select:none;user-select:none;touch-action:manipulation;flex-direction:column;gap:12px;max-width:1400px;margin:0 auto;display:flex}.gv-tren,.gv-duoi{flex-direction:column;gap:10px;min-width:0;display:flex}.gv-dau{align-items:center;gap:10px;display:flex}.gv-dau h1{color:var(--xam);flex:1;margin:0;font-size:18px}.gv-dem{color:var(--xam);font-variant-numeric:tabular-nums;font-size:14px}.gv-dem b{color:var(--xanh);font-size:17px}.gv-tien{background:var(--vien);border-radius:99px;height:8px;overflow:hidden}.gv-tien i{background:var(--xanh);border-radius:99px;height:100%;transition:width .25s;display:block}.gv-loc{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.gv-loc button{border:1.5px solid var(--vien);color:var(--xam);font:inherit;background:#fff;border-radius:99px;flex:none;min-height:42px;padding:8px 16px;font-size:17px;font-weight:600}.gv-loc button.chon{background:var(--xam);border-color:var(--xam);color:#fff}.gv-the{cursor:pointer;background:var(--nen);border-radius:30px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:6px;min-height:240px;transition:background .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 22px #00000014;container-type:size}.gv-tieng{color:var(--chu);font-size:min(24vw,26vh,220px);font-weight:700;line-height:1}.gv-goi-y{color:var(--chu);opacity:.72;font-size:clamp(16px,4vw,26px);font-weight:600}@supports (container-type:size){.gv-tieng{font-size:min(40cqw,50cqh)}.gv-goi-y{font-size:clamp(16px,4.2cqw,30px)}}.gv-the.dung{animation:.45s gv-nhay}.gv-the.sai{animation:.4s gv-lac}@keyframes gv-nhay{40%{transform:scale(1.04)}}@keyframes gv-lac{20%{transform:translate(-11px)}60%{transform:translate(9px)}}.gv-sao{pointer-events:none;justify-content:center;align-items:center;font-size:130px;animation:.9s forwards gv-bung;display:flex;position:absolute;inset:0}@supports (container-type:size){.gv-sao{font-size:45cqh}}@keyframes gv-bung{0%{opacity:0;transform:scale(.3)}35%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(1.5)}}.gv-dong-ho{color:var(--chu);opacity:.45;font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;position:absolute;top:16px;right:22px}.gv-dong-ho.gap{opacity:1;color:var(--cam);animation:.5s infinite tho}.gv-vach{background:#ffffffa6;border-radius:99px;height:8px;position:absolute;bottom:16px;left:22px;right:22px;overflow:hidden}.gv-vach i{background:var(--chu);opacity:.55;border-radius:99px;height:100%;display:block}.gv-vach.gap i{background:var(--cam);opacity:1}.gv-nghi{z-index:2;cursor:pointer;text-align:center;background:#f4f6f8e6;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex;position:absolute;inset:0}.gv-nghi .nut-phat{color:#fff;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;padding-left:10px;font-size:56px;display:flex}.gv-nghi .lon{color:var(--xam);font-size:28px;font-weight:700}.gv-mic{font-size:30px;animation:1.2s infinite tho;position:absolute;top:16px;left:22px}.gv-nghi button{font:inherit;border:1.5px solid var(--vien);min-width:230px;color:var(--xam);background:#fff;border-radius:18px;padding:16px 34px;font-size:20px;font-weight:700}.gv-nghi button.chinh{background:var(--xanh);border-color:var(--xanh);color:#fff;font-size:24px}.gv-trang-thai{text-align:center;min-height:30px;color:var(--xam);justify-content:center;align-items:center;gap:7px;font-size:17px;display:flex}.gv-trang-thai.tot{color:var(--xanh);font-weight:600}.gv-trang-thai.chua{color:var(--cam);font-weight:600}.cham{background:var(--do);border-radius:50%;width:9px;height:9px;animation:1s infinite tho}.gv-nut{gap:10px;display:flex}.gv-nut button{font:inherit;color:var(--xam);border:1.5px solid var(--vien);background:#fff;border-radius:18px;flex:1;min-height:64px;padding:14px 8px;font-size:18px;font-weight:600}.gv-nut button.xanh{background:var(--xanh);border-color:var(--xanh);color:#fff}.gv-nut button.do{background:var(--do);border-color:var(--do);color:#fff}.gv-nut button.do-trang{border-color:var(--do);color:var(--do);background:#fff}.gv-nut button:disabled{color:#b6bcc2;background:#f6f7f8}@media (width>=900px) and (orientation:landscape){.gv{grid-template:"the tren""the duoi"minmax(0,1fr)/minmax(0,1.45fr) minmax(330px,1fr);gap:14px 22px;display:grid}.gv-the{grid-area:the;min-height:0}.gv-tren{grid-area:tren}.gv-duoi{grid-area:duoi;justify-content:flex-end}}@media (width>=700px){.gv-nut button{min-height:70px;font-size:19px}}