:root{--brand-50:#eef4ff;--brand-100:#d9e6ff;--brand-200:#bcd3ff;--brand-300:#8eb6ff;--brand-400:#598eff;--brand-500:#3366f2;--brand-600:#2148d6;--brand-700:#1b39ac;--brand-800:#1b3288;--ink-50:#f6f7f9;--ink-100:#ebedf1;--ink-200:#d3d8e0;--ink-300:#adb6c4;--ink-400:#808ea3;--ink-500:#617088;--ink-600:#4c5a70;--ink-700:#3f4a5c;--ink-800:#37404e;--ink-900:#1e242e;--ink-950:#141920;--luc-n:#dcfce7;--luc-c:#166534;--cam-n:#ffedd5;--cam-c:#9a3412;--do-n:#fee2e2;--do-c:#991b1b;--day:env(safe-area-inset-bottom,0px);--dinh:env(safe-area-inset-top,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:var(--ink-50);color:var(--ink-900);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font:16px/1.5 -apple-system,Segoe UI,Roboto,Arial,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}#khung{background:var(--ink-50);max-width:430px;min-height:100%;box-shadow:0 0 0 1px var(--ink-200);margin:0 auto;position:relative}@media (min-width:520px){body{background:var(--ink-200)}#khung{min-height:100vh}}.mau-nhan{color:#3d2500;text-align:center;letter-spacing:.4px;background:#f59e0b;max-width:430px;margin:0 auto;padding:5px;font-size:11px;font-weight:800}.dinh{background:var(--ink-950);color:#fff;padding:calc(var(--dinh) + 14px) 16px 26px;border-radius:0 0 22px 22px}.dinh .ng{align-items:center;gap:12px;display:flex}.av{background:var(--brand-500);color:#fff;border-radius:50%;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-weight:700;display:flex}.dinh b{font-size:18px;font-weight:700;display:block}.dinh small{color:var(--ink-400);font-size:13px;display:block}.dinh2{background:var(--ink-50);padding:calc(var(--dinh) + 16px) 14px 4px;align-items:center;gap:10px;display:flex}.dinh2 h1{flex:1;min-width:0;margin:0;font-size:21px;font-weight:700}.dinh2 .lui{border:1px solid var(--ink-200);width:40px;height:40px;color:var(--ink-700);background:#fff;border-radius:12px;flex:0 0 40px;justify-content:center;align-items:center;display:flex}.dinh2 .goc{border:1px solid var(--ink-200);width:40px;height:40px;color:var(--ink-600);background:#fff;border-radius:12px;flex:0 0 40px;justify-content:center;align-items:center;display:flex}.dinh2 svg{font-size:19px}.than{padding:0 14px 100px}.than.duoi-den{margin-top:-14px}.than.thuong{padding-top:10px}.hero{background:linear-gradient(160deg,var(--brand-500),var(--brand-600));color:#fff;border-radius:22px;padding:18px}.hero h2{margin:0;font-size:19px;font-weight:700}.hero .ph{opacity:.75;margin-top:2px;font-size:13px}.hero .lo{background:#ffffff29;border-radius:16px;margin-top:14px;padding:14px;display:flex}.hero .lo>div{text-align:center;flex:1}.hero .lo>div+div{border-left:1px solid #ffffff38}.hero .lo span{opacity:.8;font-size:12px;display:block}.hero .lo b{margin-top:2px;font-size:22px;font-weight:700;display:block}.nutTrang{width:100%;color:var(--brand-600);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:9px;margin-top:14px;padding:15px;font-size:17px;font-weight:700;display:flex}.nutMo{color:#fff;background:#ffffff2e;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:9px;padding:13px;font-size:15px;font-weight:600;display:flex}.nutTrang svg,.nutMo svg{font-size:19px}.hero .goi{opacity:.8;margin-top:12px;font-size:12.5px;line-height:1.45}.so3{grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:12px;display:grid}.hop+.hop{margin-top:9px}.the{border:1px solid var(--ink-100);background:#fff;border-radius:16px;padding:13px}.the .ic{border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:9px;font-size:18px;display:flex}.the b{font-size:25px;font-weight:700;line-height:1.1;display:block}.the span{color:var(--ink-500);font-size:12px}.ic-x{background:var(--brand-50)}.ic-l{background:var(--luc-n)}.ic-c{background:var(--cam-n)}.ic-d{background:var(--do-n)}.ic-x svg{color:var(--brand-600)}.ic-l svg{color:var(--luc-c)}.ic-c svg{color:var(--cam-c)}.ic-d svg{color:var(--do-c)}h3{color:var(--ink-500);text-transform:uppercase;letter-spacing:.4px;margin:22px 0 9px;font-size:13px;font-weight:700}.hop{flex-direction:column;gap:9px;display:flex}.dong{text-align:left;border:1px solid var(--ink-100);background:#fff;border-radius:16px;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.dong .ch{background:var(--brand-50);width:42px;height:42px;color:var(--brand-700);border-radius:13px;flex:0 0 42px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.dong .ch svg{font-size:19px}.dong .n{flex:1;min-width:0}.dong .n b{font-size:15px;font-weight:600;line-height:1.3;display:block}.dong .n span{color:var(--ink-500);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:13px;display:block;overflow:hidden}.mui{color:var(--ink-300);flex:none;font-size:18px}.nhan{white-space:nowrap;border-radius:999px;flex:none;padding:4px 10px;font-size:11.5px;font-weight:700}.n-luc{background:var(--luc-n);color:var(--luc-c)}.n-cam{background:var(--cam-n);color:var(--cam-c)}.n-do{background:var(--do-n);color:var(--do-c)}.n-xam{background:var(--ink-100);color:var(--ink-600)}.n-xanh{background:var(--brand-50);color:var(--brand-700)}.ghi{color:var(--ink-500);margin:11px 2px 0;font-size:13px;line-height:1.55}.ghi b{color:var(--ink-700);font-weight:600}.the-ghi{border:1px solid var(--ink-100);color:var(--ink-600);background:#fff;border-radius:14px;margin-top:12px;padding:13px 14px;font-size:13.5px;line-height:1.55}.the-ghi b{color:var(--ink-900)}.tab{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--ink-100);padding:8px 0 calc(8px + var(--day));z-index:40;background:#fffffff0;display:flex;position:fixed;bottom:0;left:0;right:0}.tab .w{width:100%;max-width:430px;margin:0 auto;display:flex}.tab button{color:var(--ink-400);flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;padding:0 2px;font-size:10.5px;display:flex}.tab button .b{border-radius:999px;justify-content:center;align-items:center;width:46px;height:30px;font-size:19px;display:flex}.otim{border:1px solid var(--ink-200);background:#fff;border-radius:14px;align-items:center;gap:8px;margin-bottom:10px;padding:0 8px 0 12px;display:flex}.otim .ic{color:var(--ink-400);font-size:18px;display:flex}.otim input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:13px 0;font-size:16px}.otim input::placeholder{color:var(--ink-400)}.otim .quet{background:var(--brand-50);width:38px;height:38px;color:var(--brand-600);border-radius:11px;flex:0 0 38px;justify-content:center;align-items:center;font-size:19px;display:flex}.locO{scrollbar-width:none;gap:9px;margin:0 -14px;padding:2px 14px 4px;display:flex;overflow-x:auto}.locO::-webkit-scrollbar{display:none}.locO button{border:1px solid var(--ink-200);text-align:left;background:#fff;border-radius:16px;flex-direction:column;flex:0 0 96px;justify-content:center;gap:2px;min-height:78px;padding:11px 10px;display:flex}.locO button b{color:var(--ink-900);font-size:22px;font-weight:700;line-height:1.1}.locO button span{color:var(--ink-500);font-size:12px;line-height:1.25}.locO button.on{background:var(--brand-500);border-color:var(--brand-500)}.locO button.on b{color:#fff}.locO button.on span{color:#ffffffd9}.loc{scrollbar-width:none;gap:8px;margin:0 -14px;padding:2px 14px;display:flex;overflow-x:auto}.loc::-webkit-scrollbar{display:none}.loc button{border:1px solid var(--ink-200);color:var(--ink-600);white-space:nowrap;background:#fff;border-radius:999px;flex:none;padding:9px 14px;font-size:14px;font-weight:600}.loc button.on{background:var(--brand-500);border-color:var(--brand-500);color:#fff}.tab button.on{color:var(--brand-600);font-weight:700}.tab button.on .b{background:var(--brand-50)}#quet{color:#fff;z-index:60;background:#05070c;flex-direction:column;display:none;position:fixed;inset:0}#quet.mo{display:flex}#quet .top{padding:calc(var(--dinh) + 12px) 14px 12px;align-items:center;gap:12px;display:flex}#quet .top b{font-size:16px}#quet .top small{color:#8fa0bd;font-size:12px;display:block}#quet .dong-x{color:#fff;background:#1d2534;border-radius:12px;width:38px;height:38px;margin-left:auto;font-size:18px}#cam{background:#000;flex:1;position:relative;overflow:hidden}#cam video{object-fit:cover;width:100%;height:100%}#cam .mo-cam{color:#55637d;text-align:center;justify-content:center;align-items:center;padding:30px;font-size:14px;display:flex;position:absolute;inset:0}.ngam{pointer-events:none;border:2px solid #ffffff80;border-radius:14px;position:absolute;inset:14% 7%}.ngam:after{content:"";background:#4ade80;height:2px;animation:1.6s ease-in-out infinite qq;position:absolute;left:0;right:0;box-shadow:0 0 14px #4ade80}@keyframes qq{0%{top:4%}50%{top:94%}to{top:4%}}.bat{background:#4ade802e;border:2px solid #4ade80;border-radius:6px;animation:.5s ease-out nhay;position:absolute}@keyframes nhay{0%{opacity:0;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}#dem{text-align:center;pointer-events:none;position:absolute;top:14px;left:0;right:0}#dem b{background:#05070c9e;border-radius:999px;padding:7px 16px;font-size:15px;font-weight:700}#quet .dayq{padding:12px 14px calc(14px + var(--day));background:#0c1118;border-top:1px solid #1b2330}#quet .dayq .h{gap:9px;margin-bottom:10px;display:flex}#quet .dayq .h>div{text-align:center;background:#141c28;border-radius:13px;flex:1;padding:9px}#quet .dayq .h b{font-size:19px;display:block}#quet .dayq .h span{color:#8fa0bd;font-size:11px}.nutXanh{background:var(--brand-500);color:#fff;border-radius:14px;width:100%;padding:15px;font-size:16px;font-weight:700}.nutPhu{color:#cbd5e1;background:#1a2230;border-radius:13px;width:100%;margin-top:8px;padding:12px;font-size:14px;font-weight:600}#lanQuet{max-height:128px;margin-bottom:10px;overflow:auto}#lanQuet div{color:#cbd5e1;align-items:center;gap:9px;padding:5px 0;font-size:13px;display:flex}#lanQuet i{color:#64748b;font-family:ui-monospace,monospace;font-size:11.5px;font-style:normal}#lanQuet b{color:#4ade80;margin-left:auto}.duoi{border-top:1px solid var(--ink-100);padding:12px 14px calc(12px + var(--day));z-index:35;background:#fff;position:fixed;bottom:0;left:0;right:0}.duoi .w{max-width:430px;margin:0 auto}.nutChinh{background:var(--brand-500);color:#fff;border-radius:14px;width:100%;padding:15px;font-size:16px;font-weight:700}.nutChinh:disabled{background:var(--ink-200);color:var(--ink-400)}.nutPhuSang{width:100%;color:var(--brand-600);border:1px solid var(--ink-200);background:#fff;border-radius:14px;margin-top:9px;padding:15px;font-size:16px;font-weight:700}.viec{border:1px solid var(--ink-200);text-align:left;background:#fff;border-radius:16px;align-items:center;gap:13px;width:100%;margin-top:10px;padding:15px;display:flex}.viec .ic{border-radius:14px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.viec b{font-size:16.5px;font-weight:700;display:block}.viec span{color:var(--ink-500);margin-top:1px;font-size:13px;display:block}.viec .mui{font-size:20px}label.nh{color:var(--ink-500);margin:18px 0 8px;font-size:13px;font-weight:600;display:block}.hangDich{flex-wrap:wrap;align-items:center;gap:7px;margin-top:7px;display:flex}.den{background:var(--ink-50);border:1px solid var(--ink-200);color:var(--ink-700);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;min-height:32px;padding:6px 11px;font-size:12.5px;font-weight:600;display:flex}.den.rieng{background:var(--brand-50);border-color:var(--brand-200);color:var(--brand-700)}.den svg{font-size:14px}.doiNho{color:var(--ink-300);font-size:11.5px}.tomDen{background:var(--ink-950);color:#fff;border-radius:16px;margin-top:12px;padding:13px 14px;font-size:13px;line-height:1.65}.tomDen b{margin-bottom:4px;display:block}.tomDen span{color:var(--ink-300)}.sl{flex:none;align-items:center;display:flex}.sl button{background:var(--ink-100);width:40px;height:40px;color:var(--ink-700);border-radius:11px;font-size:18px;font-weight:700}.sl input{text-align:center;background:0 0;border:0;width:46px;font-size:17px;font-weight:700}.tron{text-align:center;padding:26px 16px}.tron .v{background:var(--luc-n);width:76px;height:76px;color:var(--luc-c);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.tron .v svg{font-size:36px}.bang{border:1px solid var(--ink-100);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:13px 14px;display:flex}.bang .n{flex:1;min-width:0}.bang .n b{font-size:14.5px;font-weight:600;display:block}.bang .n span{color:var(--ink-500);font-size:12.5px}.so-lech{text-align:right;flex:none;min-width:52px;font-size:15px;font-weight:700}.thua{color:var(--luc-c)}.thieu{color:var(--do-c)}.khop{color:var(--ink-400)}.ma-nhom{background:var(--ink-950);color:#fff;text-align:center;border-radius:18px;margin-top:12px;padding:20px 16px}.ma-nhom .m{letter-spacing:7px;margin:6px 0 4px;font-family:ui-monospace,monospace;font-size:34px;font-weight:800}.ma-nhom small{color:var(--ink-400);font-size:12.5px}.nutTrang:disabled,.nutMo:disabled{opacity:.45}.nutTrang:disabled{color:var(--brand-700);background:#ffffff8c}.lop-mo{z-index:80;opacity:0;pointer-events:none;background:#1419208c;justify-content:center;align-items:flex-end;transition:all .18s;display:flex;position:fixed;inset:0}.lop-mo.mo{opacity:1;pointer-events:auto}.hop-thoai{width:100%;max-width:430px;padding:20px 16px calc(16px + var(--day));background:#fff;border-radius:22px 22px 0 0;transition:all .18s;transform:translateY(16px)}.lop-mo.mo .hop-thoai{transform:none}.hop-thoai h2{margin:0 0 6px;font-size:19px;font-weight:700}.hop-thoai .ghi{margin:0 0 14px}.hop-thoai .hop{margin-bottom:14px}.cong{min-height:100%}.congDau{background:var(--ink-950);color:#fff;padding:calc(var(--dinh) + 30px) 20px 26px;text-align:center;border-radius:0 0 24px 24px}.congDau .logo{background:var(--brand-500);color:#fff;border-radius:17px;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 12px;font-size:26px;display:flex}.congDau h1{margin:0;font-size:23px;font-weight:700}.congDau p{color:var(--ink-400);margin:4px 0 0;font-size:13px}.congThan{padding:16px 14px 40px}.o-nhap{border:1px solid var(--ink-200);background:#fff;border-radius:14px;outline:none;width:100%;padding:13px 14px;font-size:16px}.o-nhap:focus{border-color:var(--brand-500)}.o-nhap[readonly]{background:var(--ink-50);color:var(--ink-500)}.vach{color:var(--ink-400);align-items:center;gap:10px;margin:24px 0 12px;font-size:12px;display:flex}.vach:before,.vach:after{content:"";background:var(--ink-200);flex:1;height:1px}.qn{background:var(--ink-50);border:1px solid var(--ink-200);color:var(--ink-600);border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:7px 12px 7px 8px;font-size:12.5px;font-weight:600;display:flex}.qn.on{background:var(--brand-50);border-color:var(--brand-200);color:var(--brand-700)}.qn .o{border:2px solid var(--ink-300);color:#fff;border-radius:6px;flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex}.qn.on .o{background:var(--brand-500);border-color:var(--brand-500)}.tick{border:2px solid var(--ink-300);color:#fff;border-radius:8px;flex:0 0 26px;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex}.tick.on{background:var(--brand-500);border-color:var(--brand-500)}.cong-tac{background:var(--ink-200);border-radius:999px;flex:0 0 46px;width:46px;height:27px;transition:all .15s;position:relative}.cong-tac.on{background:var(--brand-500)}.cong-tac i{background:#fff;border-radius:50%;width:21px;height:21px;transition:all .15s;position:absolute;top:3px;left:3px}.cong-tac.on i{left:22px}.nhac{left:50%;bottom:calc(96px + var(--day));background:var(--ink-900);color:#fff;z-index:70;opacity:0;pointer-events:none;text-align:center;border-radius:12px;max-width:340px;padding:11px 16px;font-size:13.5px;transition:all .2s;position:fixed;transform:translate(-50%)}.nhac.hien{opacity:1}.truong{margin-top:12px}.truong label{color:var(--ink-600);margin-bottom:5px;font-size:13px;font-weight:600;display:block}.truong input,.truong select{border:1px solid var(--ink-200);background:#fff;border-radius:13px;outline:none;width:100%;padding:13px 14px;font-size:16px}.truong input:focus,.truong select:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-50)}.truong .goi{color:var(--ink-500);margin-top:5px;font-size:12.5px;line-height:1.45}.baoLoi{background:var(--do-n);color:var(--do-c);border-radius:13px;margin-top:12px;padding:12px 14px;font-size:14px;line-height:1.45}.baoOk{background:var(--luc-n);color:var(--luc-c);border-radius:13px;margin-top:12px;padding:12px 14px;font-size:14px;line-height:1.45}button[disabled]{opacity:.55}.trong{text-align:center;color:var(--ink-500);padding:26px 10px;font-size:14px;line-height:1.5}.dong .n span.nhieu-dong{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}