@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.capNhat-nen{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:var(--space-4, 16px);background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.capNhat-hop{width:100%;max-width:380px;background:#fff;border-radius:18px;padding:24px 20px 20px;text-align:center;box-shadow:0 18px 45px #0f172a47}.capNhat-bieuTuong{width:54px;height:54px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent, #ccfbf1);color:var(--primary, #0d9488)}.capNhat-tieuDe{margin:0 0 10px;font-size:19px;font-weight:700;color:#0f172a}.capNhat-loi{margin:0 0 14px;font-size:14px;line-height:1.55;color:#475569}.capNhat-phienBan{margin:0 0 18px;font-size:12px;font-weight:600;letter-spacing:.02em;color:#94a3b8}.capNhat-hangNut{display:flex;gap:10px}.capNhat-nut{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:0 16px;border:0;border-radius:12px;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}.capNhat-nut:disabled{opacity:.65;cursor:default}.capNhat-nut-chinh{background:var(--primary, #0d9488);color:#fff}.capNhat-nut-phu{background:#f1f5f9;color:#475569}.capNhat-thanh{position:fixed;left:0;right:0;bottom:0;z-index:8900;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#0f172a;color:#e2e8f0}.capNhat-thanh-chu{font-size:13px;font-weight:600}.capNhat-nut-nho{flex:0 0 auto;min-height:36px;padding:0 14px;font-size:13px;background:var(--primary, #0d9488);color:#fff}.capNhat-quay{animation:capNhatQuay .9s linear infinite}@keyframes capNhatQuay{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.capNhat-quay{animation:none}}.bc-panel{display:grid;gap:12px;padding:12px 12px 90px;color:var(--c3-ink, #f5ede1)}.bc-dau{display:flex;align-items:center;gap:10px}.bc-dau-chu{display:grid;line-height:1.25}.bc-dau-chu b{font-size:16px}.bc-dau-chu small{color:var(--c3-mut, #a9b2c9);font-size:12px}.bc-trong{color:var(--c3-mut, #a9b2c9);font-size:13px;padding:8px 2px}.bc-ds{display:grid;gap:12px}.bc-mau{position:relative;padding:12px 14px;display:grid;gap:8px}.bc-mau.tat{opacity:.62}.bc-mau-dau{display:flex;align-items:center;gap:8px;background:none;border:0;color:inherit;padding:0 34px 0 0;text-align:left;cursor:pointer;font:inherit}.bc-mau-ten{display:grid;flex:1;min-width:0}.bc-mau-ten b{font-size:14.5px}.bc-mau-ten small{color:var(--c3-mut, #a9b2c9);font-size:12px}.bc-co-le{position:absolute;top:10px;right:10px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;border:1px solid rgba(240,198,116,.45);background:#f0c67414;color:var(--c3-gold, #f0c674);cursor:pointer}.bc-co-le:hover{background:#f0c6742e}.bc-co-le.nho{position:static;width:22px;height:22px;border-radius:6px;flex:none}.bc-co-le:focus-visible,.bc-chip.nut:focus-visible,.bc-nut-nho:focus-visible,.bc-them:focus-visible{outline:2px solid var(--c3-gold, #f0c674);outline-offset:2px}.bc-chuc-danh{display:flex;flex-wrap:wrap;gap:5px}.bc-chip{font-size:11.5px;padding:3px 9px;border-radius:999px;background:#1b2540;border:1px solid #2e3b60;color:#b7c1da}.bc-chip.mo{border-style:dashed;color:var(--c3-dim, #8e98b4)}.bc-chip.nut{cursor:pointer;font:inherit;font-size:12px;display:inline-flex;gap:5px;align-items:center}.bc-chip.nut i{font-style:normal;font-size:10.5px;color:var(--c3-dim, #8e98b4)}.bc-chip.on{background:linear-gradient(180deg,#f3bb72,#c47f37);border-color:#f3bb72;color:#2a1706;font-weight:700}.bc-chip.on i{color:#4a2b0c}.bc-xem{display:grid;gap:8px;border-top:1px solid #2a3450;padding-top:10px}.bc-mo-ta{margin:0;font-size:12.5px;color:var(--c3-mut, #a9b2c9)}.bc-the{background:#141c2f;border:1px solid #222c45;border-radius:12px;padding:8px 11px 4px}.bc-the-dau{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--c3-gold, #f0c674);font-weight:700;padding-bottom:3px}.bc-hang{display:flex;align-items:center;gap:8px;padding:6px 1px;border-bottom:1px solid #1b2337;font-size:13px}.bc-hang:last-child{border-bottom:0}.bc-hang>span{flex:1;min-width:0;display:grid}.bc-hang small{color:var(--c3-dim, #8e98b4);font-size:11px;text-align:right}.bc-hang.he>span{color:#8792a8}.bc-hang.an{opacity:.5}.bc-hang code{font-size:10px;color:var(--c3-dim, #8e98b4);display:inline-flex;gap:3px;align-items:center;font-family:ui-monospace,Menlo,monospace}.bc-them{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:12px;border:1px dashed rgba(240,198,116,.55);background:#f0c6740f;color:var(--c3-gold, #f0c674);font:inherit;font-weight:700;font-size:13.5px;cursor:pointer}.bc-them:disabled{opacity:.5;cursor:default}.bc-ghi{margin:0;font-size:12px;color:var(--c3-dim, #8e98b4)}.bc-lop{position:fixed;inset:0;z-index:2300;background:#040710a8;display:grid;align-items:end;justify-items:center}@media(min-width:720px){.bc-lop{align-items:center}}.bc-tam{width:min(560px,100%);max-height:min(88vh,900px);overflow:auto;padding:14px 14px calc(18px + env(safe-area-inset-bottom,0px));display:grid;gap:11px;border-radius:18px 18px 0 0;color:var(--c3-ink, #f5ede1);background:linear-gradient(180deg,#242e4d,#19213b)}@media(min-width:720px){.bc-tam{border-radius:18px}}.bc-tam-dau{display:flex;align-items:center;gap:8px;color:var(--c3-gold, #f0c674)}.bc-tam-dau b{color:var(--c3-ink, #f5ede1);font-size:15px}.bc-x{margin-left:auto;width:30px;height:30px;border-radius:9px;border:1px solid #33406a;background:none;color:#cfd7e8;display:grid;place-items:center;cursor:pointer}.bc-o{display:grid;gap:5px;font-size:12px;color:var(--c3-mut, #a9b2c9)}.bc-o small{color:var(--c3-dim, #8e98b4);font-weight:400}.bc-o input,.bc-o textarea,.bc-hang-nhap input{background:#0e1628;border:1px solid #33406a;border-radius:10px;color:#f2f5fa;font:inherit;font-size:14px;padding:8px 10px;min-width:0}.bc-o input:focus,.bc-o textarea:focus,.bc-hang-nhap input:focus{outline:none;border-color:var(--c3-gold, #f0c674)}.bc-hang-nhap{display:flex;gap:6px}.bc-hang-nhap input{flex:1}.bc-bat{display:flex;align-items:center;gap:8px;font-size:13px}.bc-bat input{width:17px;height:17px;accent-color:#f0c674}.bc-nut-nho{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:32px;padding:0 13px;border-radius:9px;border:0;cursor:pointer;background:linear-gradient(180deg,#f3bb72,#c47f37);color:#2a1706;font:inherit;font-weight:700;font-size:12.5px;box-shadow:0 2px #5a330f}.bc-nut-nho.vien{background:none;border:1px solid #3a476e;color:#c8d0e4;box-shadow:none}.bc-nut-nho:disabled{opacity:.5;cursor:default}.bc-sua-truong{display:grid;gap:8px;padding:10px;margin:4px 0 8px;border-radius:11px;background:#1b1610;border:1px solid #4a3a1c}.bc-hai{display:flex;gap:8px;justify-content:flex-end}.bc-loi{margin:0;color:#ffb0a3;font-size:12.5px}@media(prefers-reduced-motion:reduce){.bc-co-le,.bc-chip{transition:none}}.bc-the-chat{display:grid;gap:6px;padding:12px 13px;min-width:240px;max-width:320px}.bc-tc-dau{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--c3-gold, #f0c674);font-weight:700}.bc-tc-ten{font-size:14.5px}.bc-tc-so{display:flex;gap:6px;flex-wrap:wrap}.bc-tc-so span{font-size:11.5px;padding:2px 9px;border-radius:999px;font-weight:600}.bc-tc-so .ok{background:#12382f;color:#55c9a3}.bc-tc-so .no{background:#3a1d1b;color:#ef8c82}.bc-b3{width:100%;height:46px;border:0;border-radius:14px;cursor:pointer;font:inherit;font-size:15px;font-weight:700;color:#2a1706;background:linear-gradient(180deg,#f3bb72,#c47f37);box-shadow:inset 0 1px #fff6,0 4px #5a330f,0 9px 14px #0006}.bc-b3.nho{height:38px;font-size:13.5px;margin-top:2px}.bc-b3:disabled{opacity:.5;cursor:default}.bc-b3:active{transform:translateY(2px)}.bc-phieu{gap:9px}.bc-dai-he{display:flex;flex-wrap:wrap;gap:4px 12px;background:#121b2e;border:1px dashed #33406a;border-radius:10px;padding:7px 10px;font-size:11.5px;color:#8ea3cc}.bc-dai-he b{color:#cfd7e8;font-variant-numeric:tabular-nums}.bc-doi-chieu{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;border:1px solid #2a3450;border-radius:10px;padding:6px 10px;font-size:11.5px;color:#9aa5bf}.bc-doi-chieu>span:first-child{color:var(--c3-gold, #f0c674);font-weight:700}.bc-doi-chieu .dat{color:#55c9a3}.bc-doi-chieu .truot{color:#ef8c82}.bc-the-dau{display:flex;align-items:center;gap:8px}.bc-the-dau em{margin-left:auto;font-style:normal;font-size:11px;color:var(--c3-dim, #8e98b4);letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;font-weight:600}.bc-nhu-hq{margin-left:auto;display:inline-flex;gap:4px;align-items:center;border:1px solid #3a476e;background:none;color:#b9c3da;border-radius:999px;font:inherit;font-size:10.5px;padding:2px 8px;cursor:pointer;letter-spacing:0;text-transform:none;font-weight:600}.bc-the-dau em+.bc-nhu-hq{margin-left:6px}.bc-q{width:100%;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;padding:8px 1px;border:0;border-bottom:1px solid #1b2337;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.bc-q:last-child{border-bottom:0}.bc-q:disabled{cursor:default}.bc-q .ql{flex:1;min-width:0;font-size:13px;color:#c2cbdd}.bc-q .qv{font-size:15.5px;font-weight:700;color:#f2f5fa;font-variant-numeric:tabular-nums}.bc-q.sys .ql{color:#8792a8}.bc-q.sys .qv{color:#8792a8;font-size:14px;font-weight:600}.bc-q.sys .ql:before{content:"·";color:#4d5a75;margin-right:6px}.bc-q:focus-visible{outline:2px solid var(--c3-gold, #f0c674);outline-offset:1px;border-radius:6px}.bc-giai{display:block;width:100%;font-size:11px;color:var(--c3-dim, #8e98b4)}.bc-qopen{background:#1b1610;border:1px solid #4a3a1c;border-radius:12px;padding:9px 11px;margin:5px -4px;display:grid;gap:8px}.bc-qopen .top{display:flex;align-items:baseline;gap:8px}.bc-qopen .ql{flex:1;font-size:13px;color:#e8c98c}.bc-nguon{font-size:10.5px;color:#8ea3cc;border:1px solid #33406a;border-radius:999px;padding:1px 7px}.bc-qinput{height:40px;border-radius:10px;background:#0b1222;border:1.5px solid #c9a15f;color:#fff;font:inherit;font-size:18px;font-weight:700;padding:0 12px;font-variant-numeric:tabular-nums}.bc-qinput::placeholder{color:#5a6680;font-weight:600}.bc-qinput:focus{outline:none;box-shadow:0 0 0 3px #f0c6742e}.bc-qchu{border-radius:10px;background:#0b1222;border:1.5px solid #c9a15f;color:#fff;font:inherit;font-size:14px;padding:8px 10px;resize:vertical}.bc-qstp{display:flex;gap:8px}.bc-qstp button{flex:1;height:34px;border-radius:9px;background:#26314d;border:1px solid #3c4a70;color:#e2e8f4;display:grid;place-items:center;cursor:pointer}.bc-chip.goi-y{border-color:#3fd0c099;color:#9ff0e6;background:#3fd0c014}.bc-bao{display:grid;gap:8px;padding:9px 11px;border-radius:11px;font-size:13px}.bc-bao.vang{background:#2b2210;border:1px solid #6b5223;color:#f3d9a4}.bc-bao svg{vertical-align:-2px}.bc-da-nop{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap;padding:9px 11px;border-radius:11px;background:#12382f;color:#9ff0e6;font-size:13px}.bc-ghi.giua{text-align:center}.bc-tieu-de{background:none;border:0;border-bottom:2px solid rgba(240,198,116,.5);color:#fff;font:inherit;font-size:19px;font-weight:700;padding:6px 2px}.bc-tieu-de:focus{outline:none;border-bottom-color:var(--c3-gold, #f0c674)}.bc-mo-ta-o{background:none;border:0;border-bottom:1px solid #33406a;color:#cfd7e8;font:inherit;font-size:13px;padding:4px 2px;resize:vertical}.bc-mo-ta-o:focus{outline:none;border-bottom-color:var(--c3-gold, #f0c674)}.bc-ai{display:grid;gap:6px}.bc-ai-nut{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid #3a476e;background:#141c2f;color:inherit;font:inherit;cursor:pointer;text-align:left}.bc-ai-nut span{flex:1;display:grid}.bc-ai-nut b{font-size:13.5px}.bc-ai-nut small{color:var(--c3-mut, #a9b2c9);font-size:12px}.bc-ai-nut svg:first-child{color:var(--c3-gold, #f0c674)}.bc-ai-so{display:grid;gap:4px;max-height:360px;overflow:auto;padding:10px;border-radius:12px;background:#0f1626;border:1px solid #2a3450}.bc-tim{display:flex;align-items:center;gap:7px;padding:0 10px;border-radius:10px;border:1px solid #33406a;background:#0b1222;color:var(--c3-mut, #a9b2c9);position:sticky;top:-10px;z-index:1}.bc-tim input{flex:1;min-width:0;height:38px;background:none;border:0;color:#fff;font:inherit;font-size:14px}.bc-tim input:focus{outline:none}.bc-ai-muc{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--c3-gold, #f0c674);font-weight:700;margin-top:6px}.bc-tich{display:flex;align-items:center;gap:9px;padding:6px 4px;border-radius:8px;cursor:pointer;font-size:13px}.bc-tich:hover{background:#ffffff0a}.bc-tich input{width:17px;height:17px;accent-color:#f0c674;flex:none}.bc-tich span{display:grid}.bc-tich small{font-size:11px;color:var(--c3-dim, #8e98b4)}.bc-the-cu{display:inline-flex;gap:3px;align-items:center;margin-left:auto}.bc-the-cu>button:not(.bc-co-le){width:22px;height:22px;border-radius:6px;border:1px solid #33406a;background:none;color:#b9c3da;display:grid;place-items:center;cursor:pointer}.bc-the-cu>button:disabled{opacity:.3;cursor:default}.bc-them-nho{display:inline-flex;align-items:center;gap:5px;margin:6px 0 4px;border:0;background:none;color:var(--c3-gold, #f0c674);font:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:2px 0}.bc-cau-hoi{background:#0e1628;border:0;border-bottom:2px solid #c9a15f;border-radius:8px 8px 0 0;color:#fff;font:inherit;font-size:15px;font-weight:600;padding:10px 11px}.bc-cau-hoi:focus{outline:none;background:#121c33}.bc-kieu-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}.bc-kieu{display:grid;gap:1px;text-align:left;padding:7px 9px;border-radius:10px;border:1px solid #2e3b60;background:#141c2f;color:#d5dbeb;font:inherit;cursor:pointer}.bc-kieu b{font-size:12.5px}.bc-kieu small{font-size:10.5px;color:var(--c3-dim, #8e98b4)}.bc-kieu.on{border-color:#f3bb72;background:linear-gradient(180deg,#3d2e1c,#261b10)}.bc-kieu.on b{color:#ffd9a0}.bc-kieu:disabled{cursor:default}.bc-ct{display:grid;gap:7px;padding:9px;border-radius:10px;background:#0f1a2a;border:1px solid rgba(63,208,192,.4)}.bc-ct-o{font-family:ui-monospace,Menlo,monospace;font-size:13px;background:#0b1222;border:1px solid #2e5d63;border-radius:9px;color:#9ff0e6;padding:8px 10px}.bc-ct-o:focus{outline:none;border-color:#3fd0c0}.bc-chip.toan{font-family:ui-monospace,Menlo,monospace;color:#9ff0e6;border-color:#2e5d63}.bc-ct-thu{font-size:11.5px;color:#9aa5bf}.bc-ct-thu b{color:#9ff0e6}.bc-hai-cot{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bc-lc-dau{color:var(--c3-dim, #8e98b4);width:16px;text-align:center;align-self:center}.bc-chip.lon{font-size:14px;padding:6px 18px}.bc-sao{display:flex;gap:6px}.bc-sao button{width:38px;height:38px;border-radius:10px;border:1px solid #3a476e;background:#141c2f;color:#4d5a75;font-size:20px;cursor:pointer}.bc-sao button.on{color:#f0c674;border-color:#6b5223;background:#2b2210}input.bc-qchu{height:40px}.bc-hang>span.bc-the-cu,.bc-the-dau>span.bc-the-cu{flex:none;display:inline-flex;flex-direction:row;gap:3px}.bc-hang.sua{flex-wrap:wrap;row-gap:2px}.bc-hang.sua>small{text-align:left}.bc-lich{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:11px;background:#141c2f;border:1px solid #2a3450}.bc-lich.tat{opacity:.6}.bc-lich>svg{color:var(--c3-gold, #f0c674);flex:none}.bc-lich-chu{flex:1;min-width:0;display:grid}.bc-lich-chu b{font-size:13px}.bc-lich-chu small{font-size:11px;color:var(--c3-dim, #8e98b4)}.bc-lich-gio{font-variant-numeric:tabular-nums;font-size:15px;color:#fff}.bc-gio-o,.bc-them-lich input,.bc-them-lich select{background:#0e1628;border:1px solid #33406a;border-radius:9px;color:#f2f5fa;font:inherit;font-size:13px;padding:6px 8px;min-width:0}.bc-them-lich{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bc-them-lich select:first-child{grid-column:1 / -1}.bc-cong-tac{position:relative;width:34px;height:20px;flex:none}.bc-cong-tac input{position:absolute;opacity:0;inset:0;cursor:pointer;z-index:1}.bc-cong-tac span{position:absolute;inset:0;border-radius:99px;background:#2a3450;transition:background .15s}.bc-cong-tac span:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#cfd7e8;transition:transform .15s}.bc-cong-tac input:checked+span{background:#c47f37}.bc-cong-tac input:checked+span:after{transform:translate(14px);background:#fff}.bc-cong-tac input:focus-visible+span{outline:2px solid var(--c3-gold, #f0c674);outline-offset:2px}.bc-tc-gon{width:100%;display:flex;gap:8px;align-items:center;background:none;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer;padding:0}.bc-tc-gon span{flex:1;font-size:12.5px;color:#cfd7e8}.bc-tc-nhac{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border-radius:11px;border:1px solid rgba(240,198,116,.5);background:#f0c67414;color:var(--c3-gold, #f0c674);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.bc-tc-ds{font-size:11.5px;color:#ef8c82}.bc-hom-nay{display:grid;gap:8px;padding:11px 12px}.bc-hn-dong{display:flex;align-items:center;gap:8px}.bc-hn-dong span{flex:1;display:grid}.bc-hn-dong b{font-size:13.5px}.bc-hn-dong small{font-size:11.5px;color:var(--c3-dim, #8e98b4)}.bc-hn-dong .xong{color:#55c9a3;font-size:12px;font-weight:700}@media(prefers-reduced-motion:reduce){.bc-cong-tac span,.bc-cong-tac span:after{transition:none}}.bc-cua-toi{display:grid;gap:10px;padding:12px 13px}.bc-ct-dau{display:flex;align-items:center;gap:12px}.bc-lua{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:6px;color:#ff9f5a}.bc-lua b{font-size:26px;color:#fff;font-variant-numeric:tabular-nums}.bc-lua small{grid-column:1 / -1;font-size:11px;color:var(--c3-mut, #a9b2c9)}.bc-ct-xu{margin-left:auto;display:grid;justify-items:end}.bc-ct-xu b{font-size:20px;color:var(--c3-gold, #f0c674);font-variant-numeric:tabular-nums}.bc-ct-xu small{font-size:11px;color:var(--c3-mut, #a9b2c9)}.bc-thanh{height:8px;border-radius:99px;background:#141c2f;overflow:hidden;border:1px solid #2a3450}.bc-thanh i{display:block;height:100%;background:linear-gradient(90deg,#c47f37,#f0c674)}.bc-ct-so{display:grid;gap:4px;font-size:12.5px;color:#cfd7e8}.bc-ct-so small{color:var(--c3-dim, #8e98b4)}.bc-ct-so b,.bc-quy-tac b{color:#fff;font-variant-numeric:tabular-nums}.bc-cs-o{display:inline-flex;gap:4px;align-items:center;flex-wrap:wrap}.bc-cs-o input{width:110px;background:#0e1628;border:1px solid #c9a15f;border-radius:7px;color:#fff;font:inherit;font-size:12.5px;padding:3px 6px}.bc-cs-o .bc-nut-nho{height:26px;padding:0 9px}.bc-lich-thang{display:grid;gap:6px;padding:9px;border-radius:12px;background:#121a2c;border:1px solid #222c45}.bc-lt-dau{display:flex;align-items:center;justify-content:space-between;font-size:13px}.bc-lt-dau button{width:26px;height:26px;border-radius:7px;border:1px solid #33406a;background:none;color:#cfd7e8;display:grid;place-items:center;cursor:pointer}.bc-lt-luoi{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.bc-lt-luoi .th{font-size:10px;text-align:center;color:var(--c3-dim, #8e98b4)}.bc-lt-luoi .o{aspect-ratio:1;border-radius:8px;display:grid;place-items:center;font-size:11.5px;font-variant-numeric:tabular-nums;background:#1a2238;color:#8792a8}.o.dung_han{background:#12382f!important;color:#7ee0bd!important}.o.tre{background:#3a2e14!important;color:#f0c674!important}.o.ve{background:#2c1c3d!important;color:#c9a3f0!important}.o.thieu{background:#3a1d1b!important;color:#ff9a8f!important}.o.mien{background:#1d2a3a!important;color:#8ec2f0!important}.o.cong{background:#1f2a45!important;color:#cfd7e8!important}.o.hom_nay{outline:2px solid var(--c3-gold, #f0c674);color:#fff!important}.o.sap_toi{opacity:.35}.bc-lt-chu{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:10.5px;color:var(--c3-dim, #8e98b4)}.bc-lt-chu i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}.bc-quy-tac{display:grid;gap:3px;font-size:12px;color:#b9c3da;padding:9px 10px;border-radius:11px;border:1px dashed #3a476e}.bc-quy-tac>b{color:var(--c3-gold, #f0c674);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.bc-vp{display:grid;gap:7px;padding:9px 11px;border-radius:11px;background:#1b1416;border:1px solid #4a2a26;font-size:12.5px}.bc-vp.chay_thu{background:#141c2f;border-color:#33406a}.bc-vp.nhac_nho{background:#1b1a12;border-color:#4a3f1c}.bc-vp>span{display:grid;gap:2px}.bc-vp small{color:var(--c3-dim, #8e98b4);font-size:11px}.bc-bang-do{display:grid;gap:9px;padding:10px}.bc-bd-loc{display:grid;gap:6px;grid-template-columns:1fr 1fr}.bc-bd-loc select{background:#0e1628;border:1px solid #33406a;border-radius:9px;color:#f2f5fa;font:inherit;font-size:13px;padding:7px 8px;min-width:0}.bc-bd-loc .bc-chuc-danh{grid-column:1 / -1}.bc-bd-bang{overflow-x:auto;border:1px solid #2a3450;border-radius:10px}.bc-bd-bang table{border-collapse:collapse;width:100%;font-size:12px;min-width:520px}.bc-bd-bang th,.bc-bd-bang td{padding:6px 8px;border-bottom:1px solid #1f2840;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.bc-bd-bang th:first-child,.bc-bd-bang td:first-child{text-align:left;position:sticky;left:0;background:#151d31}.bc-bd-bang th{color:var(--c3-dim, #8e98b4);font-weight:600;font-size:11px}.bc-bd-bang .ct{color:#9ff0e6}.bc-bd-bang tr.tong td{font-weight:700;color:#fff;background:#1a2238}.bc-bd-bang tr.lech td:first-child{box-shadow:inset 3px 0 #f0c674}.bc-lech{display:block;font-size:10.5px;color:#f0c674}.bc-bd-cot{display:flex;align-items:flex-end;gap:3px;height:70px;padding:4px 2px 0}.bc-bd-cot span{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px}.bc-bd-cot i{display:block;width:100%;min-height:2px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#f0c674,#c47f37)}.bc-bd-cot small{font-size:9px;color:var(--c3-dim, #8e98b4)}.bc-chu-de{display:grid;gap:5px}.bc-cd-dong{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:7px 9px;border-radius:9px;background:#141c2f;font-size:12.5px}.bc-cd-dong em{font-style:normal;color:var(--c3-gold, #f0c674);font-weight:700}.bc-cd-dong small{grid-column:1 / -1;color:#9ff0e6;font-size:11.5px}.bc-doi-chieu-xu{font-size:12px;padding:7px 10px;border-radius:9px;background:#12382f;color:#9ff0e6}.bc-doi-chieu-xu.lech{background:#3a1d1b;color:#ffb0a3}.bc-tom-tat{display:grid;gap:4px;font-size:12px;padding:8px 9px;border-radius:10px;background:#00000040;white-space:pre-wrap}.bc-thua{width:7px;height:7px;border-radius:50%;background:#f0c674;display:inline-block;margin-left:4px}.bc-thua-chu{color:#f0c674}.bc-quy-tac .bc-co-le.nho,.bc-ct-so .bc-co-le.nho,.bc-ct-xu .bc-co-le.nho{display:inline-grid;vertical-align:middle;width:18px;height:18px;margin-left:2px}.bc-bd-bang th:first-child,.bc-bd-bang td:first-child{white-space:normal;min-width:110px;max-width:140px}.bc-lop{z-index:2400;overscroll-behavior:contain}.bc-tam{max-height:min(88dvh,900px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-top:0}.bc-tam>.bc-tam-dau{position:sticky;top:0;z-index:3;margin:0 -14px;padding:13px 14px 11px;background:linear-gradient(180deg,#242e4d,#212a47);border-bottom:1px solid #2f3a5c}.bc-chan{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom,0px));z-index:3;margin:4px -14px calc(-18px - env(safe-area-inset-bottom,0px));padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px));display:grid;gap:6px;background:linear-gradient(180deg,#19213beb,#19213b 30%);border-top:1px solid #2f3a5c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bc-chan .bc-ghi.giua{margin:0}.bc-them-lich{padding:10px;border-radius:12px;border:1px solid #2a3450;background:#141c2f}.bc-them-lich.dang-sua{border-color:#c9a15f;background:#1b1610}.bc-tl-tieu{grid-column:1 / -1;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--c3-gold, #f0c674);font-weight:700}.bc-them-lich select:disabled{opacity:.6}.bc-thu,.bc-ngay-thang,.bc-lich-chon,.bc-tl-nut{grid-column:1 / -1}.bc-thu{display:flex;gap:5px;flex-wrap:wrap}.bc-thu .bc-chip{min-width:38px;justify-content:center}.bc-ngay-thang{display:grid;gap:4px;font-size:12px;color:var(--c3-mut, #a9b2c9)}.bc-lich-chon{display:grid;gap:6px;padding:8px;border-radius:10px;background:#0f1626;border:1px solid #222c45}.bc-lich-chon .bc-lt-dau button:disabled{opacity:.3;cursor:default}.bc-lich-chon .o.ngay{border:0;cursor:pointer;font:inherit;font-size:12.5px}.bc-lich-chon .o.ngay:disabled{opacity:.3;cursor:default}.bc-lich-chon .o.ngay:not(:disabled):hover{background:#26314d;color:#fff}.bc-lich-chon .o.ngay.chon{background:linear-gradient(180deg,#f3bb72,#c47f37)!important;color:#2a1706!important;font-weight:700}.bc-lich.dang-sua{border-color:#c9a15f}.bc-lich-chu small{overflow-wrap:anywhere}.bc-the-dau[role=button]{cursor:pointer}.bc-the.mo{border-color:#c9a15f;box-shadow:0 0 0 1px #f0c67440,0 10px 26px #00000059}.bc-the.co-thieu:not(.mo){border-color:#b4483f}.bc-sao-bb{font-style:normal;color:#f0a35e;margin-left:3px}.bc-chua{color:#6f7a96}.bc-q.thieu .qv{color:#ff8a7a;font-weight:700;font-size:13px}.bc-qopen.thieu{border-color:#e0604f!important;box-shadow:0 0 0 2px #e0604f59;animation:bc-rung .45s ease 1}.bc-thieu-chu{font-size:11px;font-weight:700;color:#ff8a7a;background:#e0604f26;border-radius:999px;padding:1px 8px}.bc-phan-chan{display:flex;justify-content:flex-end;gap:8px;padding-top:8px}.bc-phan-chan .bc-nut-nho{min-height:40px;padding:0 16px}.bc-b3.nhac{animation:bc-nhac 1.1s ease 2}@keyframes bc-nhac{0%,to{box-shadow:0 0 #f0c67400}50%{box-shadow:0 0 0 6px #f0c67473}}@keyframes bc-rung{0%,to{transform:none}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.bc-xong{display:grid;justify-items:center;gap:8px;text-align:center;padding:34px 12px 30px;animation:bc-xong-vao .35s ease}.bc-xong b{font-size:17px;color:#f2f5fa}.bc-xong span:not(.bc-xong-dau){color:var(--c3-gold, #f0c674);font-weight:600}.bc-xong small{color:var(--c3-dim, #8e98b4)}.bc-xong-dau{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#4fc27f,#2b8a55);color:#fff;box-shadow:0 8px 22px #2b8a5573}@keyframes bc-xong-vao{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.bc-qopen.thieu,.bc-b3.nhac,.bc-xong{animation:none}}.bc-tam.xong>:not(.bc-tam-dau):not(.bc-xong){display:none}.bc-so-thanh{display:flex;align-items:center;gap:6px}.bc-so-thanh .bc-qinput{flex:1;min-width:0;height:42px;text-align:center;padding:0 6px}.bc-so-nut{flex:none;width:42px;height:42px;border-radius:11px;background:#26314d;border:1px solid #3c4a70;color:#e2e8f4;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px #161d31}.bc-so-nut:active{transform:translateY(2px);box-shadow:none}.bc-so-nut:focus-visible{outline:2px solid #f0c674;outline-offset:2px}.bc-so-dv{flex:none;font-size:12px;color:var(--c3-dim, #8e98b4);margin-left:-2px}.bc-so-nhanh{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;padding:1px 0 2px;animation:bc-so-hien .18s ease}.bc-so-nhanh::-webkit-scrollbar{display:none}.bc-so-nhanh .bc-chip{flex:none}@keyframes bc-so-hien{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.bc-qopen:has(.bc-so-thanh){gap:6px;padding:8px 10px}.bc-xem-thu .bc-qinput{display:grid;place-items:center;color:#5a6680;font-size:14px;border-color:#3c4a70}.dl-tam{gap:10px}.dl-the{position:sticky;top:44px;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:12px;background:#0c1222;border:1px solid #222c45}.dl-the.mot{grid-template-columns:1fr}.dl-the.hai{grid-template-columns:1fr 1fr}.dl-quyen{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:8px 0;padding:10px 12px;border-radius:12px;background:#141c33;border:1px solid #e7ad62;color:#ece6dc;font-size:13.5px}.dl-quyen b{color:#e7ad62}.dl-quyen label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-weight:600}.dl-quyen label.tat{opacity:.5;cursor:default}.dl-quyen input{width:18px;height:18px;accent-color:#e7ad62}.dl-quyen small{flex-basis:100%;color:#a9b2c9;font-size:12px}.dl-the button{border:0;border-radius:9px;padding:8px 4px;background:transparent;color:#8e98b4;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.dl-the button.on{background:linear-gradient(180deg,#f3bb72,#c47f37);color:#2a1706}.dl-loc{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.dl-loc select{background:#0e1628;border:1px solid #33406a;border-radius:999px;color:#f2f5fa;font:inherit;font-size:12px;padding:4px 10px;max-width:160px}.dl-thang{display:inline-flex;align-items:center;gap:4px;border:1px solid #f0c674;border-radius:999px;padding:2px 4px;color:#f0c674;font-size:12.5px}.dl-thang button{width:24px;height:24px;border-radius:50%;border:0;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer}.dl-thang button:disabled{opacity:.3;cursor:default}.dl-lich .o.ngay.co-so{background:#3a2a14;color:#f3cf96}.dl-than{display:grid;gap:10px}.dl-tom{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}.dl-tom span{color:#8e98b4;font-size:12.5px}.dl-mau{padding:10px 11px;border-radius:13px;display:grid;gap:8px}.dl-mau-dau{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.dl-mau-dau small{color:#8e98b4;font-size:11.5px}.dl-o-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}.dl-o{background:#1a2238;border-radius:10px;padding:7px 9px;display:grid;gap:1px;min-width:0}.dl-o small{color:#8e98b4;font-size:11px;line-height:1.3}.dl-o b{font-size:17px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dl-o.tinh b{color:#7ee2b0}.dl-cot-khung{display:grid;gap:4px}.dl-cot{display:flex;align-items:flex-end;gap:2px;height:54px;border-bottom:1px solid #2a3450}.dl-cot button{flex:1;min-width:0;border:0;padding:0;border-radius:3px 3px 0 0;background:#222c45;cursor:default}.dl-cot button.co{background:linear-gradient(180deg,#f0c674,#a8641f);cursor:pointer}.dl-cot button.co:hover{filter:brightness(1.15)}.dl-dong{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:4px 0;border-bottom:1px solid #1d2539}.dl-dong span{color:#a9b2c9}.dl-dong b{text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.dl-tim{display:flex;align-items:center;gap:6px;border:1px solid #33406a;border-radius:10px;padding:6px 9px;color:#8e98b4}.dl-tim input{flex:1;border:0;background:transparent;color:#f2f5fa;font:inherit;outline:none}.dl-nv{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:1px solid #222c45;border-radius:12px;background:#141c2f;color:inherit;font:inherit;padding:8px 10px;cursor:pointer}.dl-nv i{width:32px;height:32px;border-radius:50%;background:#2c3a63;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;flex:none}.dl-nv span{flex:1;display:grid;min-width:0}.dl-nv small{color:#8e98b4;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dl-nv em{font-style:normal;color:#f0c674;font-size:12px;flex:none}.dl-quay{justify-self:start}.dl-nhom-tong{display:grid;gap:6px}.dl-bang-khung{overflow-x:auto;border-radius:10px;border:1px solid #222c45}.dl-bang{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}.dl-bang th,.dl-bang td{padding:6px 8px;text-align:left;border-bottom:1px solid #1d2539;white-space:nowrap}.dl-bang th{color:#8e98b4;font-weight:600;font-size:11px}.dl-bang tbody tr{cursor:pointer}.dl-bang tbody tr:hover{background:#1a2238}.bc-tich-xanh{color:#4aa8ff;vertical-align:-2px;margin-left:5px;flex:none}.bc-mau-ten b{display:inline-flex;align-items:center}.bc-mau-ten small{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.bc-sao-mau{color:#f0c674;letter-spacing:1px;font-size:11px;margin-right:4px}.bc-sao-mau i{font-style:normal;color:#3a4565}.bc-loc-mau{gap:6px}.bc-mau-nhan{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.bc-sao-chon{display:inline-flex;gap:2px;margin-left:auto}.bc-sao-chon button{width:28px;height:28px;border:0;background:none;color:#3a4565;font-size:19px;cursor:pointer;padding:0}.bc-sao-chon button.on{color:#f0c674}.bc-kieu-luoi.hai{grid-template-columns:1fr 1fr}.bc-kieu b svg{vertical-align:-2px}.dl-the.bon{grid-template-columns:repeat(4,1fr)}.dl-the.bon button{font-size:12px;padding:8px 2px}.cn-phieu .cn-muc,.cn-muc{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#e8c98c}.cn-muc em{margin-left:auto;font-style:normal;font-weight:600;font-size:11px;color:#ef8c82;font-variant-numeric:tabular-nums}.cn-muc em.du{color:#55c9a3}.cn-muc.do{color:#ef8c82}.cn-hoi{display:inline-grid;place-items:center;width:16px;height:16px;margin-left:6px;border-radius:50%;border:1px solid #4d5a80;background:none;color:#a9b2c9;font:700 10px/1 inherit;cursor:help;vertical-align:1px}.cn-chon-cn{display:grid;gap:7px;padding:10px 11px;border-radius:12px;background:#141c2f;border:1px solid #222c45}.cn-chon-cn.can{border-color:#f0c6748c;box-shadow:0 0 0 3px #f0c67414}.cn-chip-ds{display:flex;flex-wrap:wrap;gap:6px}.cn-chip{display:inline-flex;align-items:center;gap:4px;min-height:34px;padding:0 12px;border-radius:10px;border:1px solid #33406a;background:#0e1628;color:#c8d0e4;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.cn-chip.toi{border-color:#6b5223;color:#f3d9a4}.cn-chip.xong{color:#7fe0bf}.cn-chip.xong svg{color:#55c9a3}.cn-chip.on{background:linear-gradient(180deg,#f3bb72,#c47f37);border-color:#f3bb72;color:#2a1706}.cn-chip.on svg{color:#2a1706}.cn-chip:disabled{opacity:.4;cursor:default}.cn-chip:focus-visible{outline:2px solid var(--c3-gold, #f0c674);outline-offset:2px}.cn-nguoi-nop{font-size:12px;color:#a9b2c9}.cn-nguoi-nop b{color:#f2f5fa}.cn-nguoi-nop small{color:#6f7a96}.cn-phan{padding-bottom:8px;display:grid;gap:8px}.cn-o{display:grid;gap:7px;border-radius:10px}.cn-o.thieu{outline:2px solid #ef8c82;outline-offset:4px}.cn-o-hd,.cn-o-anh,.cn-o-vd,.cn-o-so{display:grid;gap:7px}.cn-doi-chieu{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;padding:7px 10px;border-radius:10px;background:#0e1628;border:1px dashed #33406a;font-size:11.5px;color:#8ea3cc}.cn-doi-chieu b{color:#dfe5f2;font-variant-numeric:tabular-nums}.cn-doi-chieu em{margin-left:auto;font-style:normal;font-weight:700;color:#8ea3cc}.cn-doi-chieu.khop{border-color:#1f6b52}.cn-doi-chieu.khop em{color:#55c9a3}.cn-doi-chieu.thieu{border-color:#6b3a35}.cn-doi-chieu.thieu em{color:#ef8c82}.cn-hd{display:grid;grid-template-columns:auto 1fr auto auto;gap:9px;align-items:center;padding:7px 8px;border-radius:10px;background:#0f1729;border:1px solid #222c45}.cn-hd.canh{border-color:#6b5223;background:#1d1810}.cn-hd-ma{display:grid;line-height:1.05;text-align:right;font-variant-numeric:tabular-nums}.cn-hd-ma small{font-size:9.5px;color:#5d6886}.cn-hd-ma b{font-size:14px;color:#f3d9a4;letter-spacing:.02em}.cn-hd-giua{display:grid;min-width:0}.cn-hd-giua b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-hd-giua small{font-size:11px;color:#7f8aa6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-hd-tien{display:grid;justify-items:end;gap:2px}.cn-hd-tien b{font-size:13.5px;font-variant-numeric:tabular-nums}.cn-ht{font-style:normal;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;background:#1b2540;color:#9fb2da;white-space:nowrap}.cn-ht.TM{background:#12382f;color:#7fe0bf}.cn-ht.CK{background:#172a4d;color:#8fc1ff}.cn-ht.KET_HOP{background:#2f2445;color:#c9a8ff}.bc-x.nho{width:26px;height:26px;margin-left:0}.cn-hd-ds,.cn-go{display:grid;gap:5px}.cn-go .bc-tim{position:static}.cn-goi-y{display:grid;gap:4px;max-height:280px;overflow:auto;padding:5px;border-radius:11px;background:#0b1222;border:1px solid #33406a}.cn-goi-y-dong{display:grid;grid-template-columns:1fr auto;gap:1px 10px;text-align:left;padding:7px 9px;border-radius:9px;border:1px solid transparent;background:#141c2f;color:inherit;font:inherit;cursor:pointer}.cn-goi-y-dong:hover,.cn-goi-y-dong:focus-visible{border-color:#6b5223;outline:none}.cn-goi-y-dong b{font-size:13px;color:#f3d9a4;font-variant-numeric:tabular-nums}.cn-goi-y-dong span{grid-column:1;font-size:12px;color:#c8d0e4}.cn-goi-y-dong em{grid-column:2;grid-row:1;font-style:normal;font-size:12.5px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.cn-goi-y-dong small{grid-column:2;grid-row:2;font-size:10.5px;color:#7f8aa6;text-align:right}.cn-goi-y-dong.khac{background:#1d1810}.cn-goi-y-dong.khac small{color:#f0a35e}.cn-hd-nut{display:flex;flex-wrap:wrap;gap:4px 16px}.cn-ds-crm{display:grid;gap:5px;padding:8px;border-radius:11px;background:#0f1626;border:1px solid #2a3450}.cn-tong{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:6px}.cn-tong span{display:grid;padding:7px 9px;border-radius:10px;background:#0e1628;border:1px solid #222c45}.cn-tong small{font-size:10.5px;color:#7f8aa6}.cn-tong b{font-size:14px;font-variant-numeric:tabular-nums}.cn-tong b i{font-style:normal;font-size:11px;color:#7f8aa6;font-weight:600}.cn-ket{font-size:12px;color:#8ea3cc}.cn-ket.khop{color:#55c9a3}.cn-ket.lech{color:#f0a35e}.cn-anh-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px}.cn-anh-boc{position:relative}.cn-anh-o{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:10px;overflow:hidden;border:1px solid #2a3450;background:#0e1628;padding:0;cursor:zoom-in;color:#7f8aa6;font-size:10.5px}.cn-anh-o img{width:100%;height:100%;object-fit:cover;display:block}.cn-anh-o.cho{cursor:default;background:linear-gradient(110deg,#141c2f 30%,#1e2842,#141c2f 70%);background-size:200% 100%;animation:cn-cho 1.2s linear infinite}.cn-anh-o.loi{cursor:default}@keyframes cn-cho{to{background-position:-200% 0}}.cn-drive{position:absolute;left:4px;bottom:4px;display:inline-flex;gap:2px;align-items:center;font-style:normal;font-size:9px;font-weight:700;padding:1px 5px;border-radius:999px;background:#0a3c2dd9;color:#9ff0e6}.cn-anh-x{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;border:0;display:grid;place-items:center;background:#000000a6;color:#fff;cursor:pointer}.cn-anh-them{display:grid;place-items:center;align-content:center;gap:3px;aspect-ratio:1;border-radius:10px;border:1.5px dashed #6b5223;background:#1b1610;color:#f3d9a4;cursor:pointer}.cn-anh-them small{font-size:11px;font-weight:600}.cn-anh-them input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cn-anh-them:focus-within{outline:2px solid var(--c3-gold, #f0c674);outline-offset:2px}.cn-anh-lon{position:fixed;inset:0;z-index:2400;background:#000000e0;display:grid;place-items:center;padding:16px}.cn-anh-lon img{max-width:100%;max-height:100%;border-radius:10px}.cn-anh-lon .bc-x{position:absolute;top:14px;right:14px;background:#00000080}.cn-vd{display:grid;gap:6px}.cn-vd-dau{display:flex;gap:6px;align-items:flex-start}.cn-vd-dau textarea{flex:1;min-width:0;border-radius:10px;background:#0b1222;border:1.5px solid #3a476e;color:#fff;font:inherit;font-size:13.5px;padding:7px 10px;resize:vertical}.cn-vd-dau textarea:focus{outline:none;border-color:var(--c3-gold, #f0c674)}.cn-vd-tt{display:flex;flex-wrap:wrap;gap:6px}.bc-chip.on.xanh{background:linear-gradient(180deg,#4fc27f,#2b8a55);border-color:#4fc27f;color:#06210f}.bc-chip.on.do{background:linear-gradient(180deg,#f39a72,#c4553a);border-color:#f39a72;color:#2a0d06}.cn-cam-ket{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:12px;border:1.5px solid #6b5223;background:#1b1610;font-size:13px;line-height:1.45;color:#f3d9a4;cursor:pointer}.cn-cam-ket input{width:20px;height:20px;margin-top:1px;accent-color:#4fc27f;flex:none}.cn-cam-ket.on{border-color:#2b8a55;background:#10291e;color:#c9f2dd}.cn-xem{display:grid;gap:8px}.cn-xem-dau{display:flex;gap:7px;align-items:center;padding:8px 10px;border-radius:10px;background:#12382f;color:#9ff0e6;font-size:12.5px}.cn-xem-dau.tre{background:#2b2210;color:#f3d9a4}.cn-vd-xem{display:flex;gap:7px;align-items:flex-start;font-size:13px}.cn-vd-xem span{display:grid}.cn-vd-xem small{font-size:11px}.cn-vd-xem.xong svg,.cn-vd-xem.xong small{color:#55c9a3}.cn-vd-xem.mo svg,.cn-vd-xem.mo small{color:#ef8c82}.cn-gt{display:flex;flex-wrap:wrap;gap:6px}.cn-gt span{display:grid;padding:5px 9px;border-radius:9px;background:#0e1628}.cn-gt small{font-size:10.5px;color:#7f8aa6}.cn-cam-ket-xem{font-size:11.5px;color:#8ea3cc;line-height:1.4}.cn-cam-ket-xem small{color:#6f7a96}.cn-the-ds{display:grid;gap:3px}.cn-the-dong{display:grid;grid-template-columns:8px 1fr auto;gap:7px;align-items:center;font-size:12px;padding:3px 0}.cn-the-dong i{width:8px;height:8px;border-radius:50%;background:#4d5a75}.cn-the-dong.xong i{background:#55c9a3}.cn-the-dong.tre i{background:#f0a35e}.cn-the-dong span{color:#dfe5f2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-the-dong.toi span{font-weight:700;color:#f3d9a4}.cn-the-dong small{font-size:11px;color:#8792a8;font-variant-numeric:tabular-nums;white-space:nowrap}.cn-pt-mau{display:grid;gap:6px}.cn-pt{display:grid;gap:6px;padding:10px;border-radius:12px;background:#0f1626;border:1px solid #2a3450}.cn-pt-dong{display:grid;gap:5px;padding:7px 9px;border-radius:10px;background:#141c2f}.cn-pt-dong.an{opacity:.55}.cn-pt-dau{display:flex;align-items:center;gap:7px;font-size:13px;color:#e8c98c}.cn-pt-dau b{color:#f2f5fa}.cn-pt-dau .bc-the-cu{margin-left:auto}.cn-pt-nguoi{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.cn-pt-chip{display:inline-flex;align-items:center;gap:4px;color:#e2e8f4}.cn-pt-chip button{display:grid;place-items:center;width:16px;height:16px;border:0;border-radius:50%;background:#2e3b60;color:#fff;cursor:pointer;padding:0}.cn-pt-nguoi select{background:#0e1628;border:1px solid #c9a15f;border-radius:9px;color:#fff;font:inherit;font-size:12.5px;padding:5px 8px;max-width:100%}.cn-loc{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.cn-loc .cn-che{position:static;width:140px;flex:none}.cn-loc input,.cn-loc select{background:#0e1628;border:1px solid #33406a;border-radius:10px;color:#f2f5fa;font:inherit;font-size:13px;padding:6px 8px;min-width:0;color-scheme:dark}.cn-loc .bc-nut-nho{margin-left:auto}.cn-o-tong{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cn-o-t{display:grid;gap:1px;padding:10px 11px;border-radius:12px;background:linear-gradient(180deg,#1a2440,#141c30);border:1px solid #27324f}.cn-o-t small{font-size:11px;color:#8ea3cc}.cn-o-t b{font-size:20px;font-variant-numeric:tabular-nums;color:#f2f5fa}.cn-o-t em{font-style:normal;font-size:11px;color:#8792a8}.cn-o-t em.xanh{color:#55c9a3}.cn-o-t em.vang{color:#f0a35e}.cn-o-t em.do{color:#ef8c82}.cn-cot{display:flex;align-items:flex-end;gap:3px;height:90px;padding:8px 6px 18px;border-radius:12px;background:#0e1628;border:1px solid #222c45;overflow-x:auto}.cn-cot span{position:relative;flex:1 0 9px;height:100%;display:flex;align-items:flex-end;justify-content:center;gap:1px}.cn-cot i{display:block;width:45%;border-radius:2px 2px 0 0;min-height:1px}.cn-cot i.crm{background:#33406a}.cn-cot i.bc{background:linear-gradient(180deg,#f3bb72,#c47f37)}.cn-cot small{position:absolute;bottom:-15px;font-size:9px;color:#6f7a96}.cn-hang{display:grid;gap:4px;padding:9px 10px;border-radius:12px;background:#141c2f;border:1px solid #222c45}.cn-hang-dong{display:grid;grid-template-columns:22px 1fr auto auto;gap:8px;align-items:center;font-size:12.5px}.cn-hang-dong b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#1b2540;font-size:11px}.cn-hang-dong.h1 b{background:linear-gradient(180deg,#f3d07a,#c49a37);color:#2a1706}.cn-hang-dong.h2 b{background:#c0c8d8;color:#1b2235}.cn-hang-dong.h3 b{background:#c98a5a;color:#2a1706}.cn-hang-dong em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums}.cn-hang-dong small{font-size:10.5px;color:#7f8aa6}.cn-the-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:7px}.cn-the-cn{display:grid;gap:4px;align-content:start;text-align:left;padding:10px 11px;border-radius:12px;border:1px solid #27324f;border-left-width:4px;background:#141c2f;color:inherit;font:inherit;cursor:pointer}.cn-the-cn.xanh{border-left-color:#55c9a3}.cn-the-cn.vang{border-left-color:#f0a35e}.cn-the-cn.do{border-left-color:#ef8c82;background:#1f1416}.cn-the-cn.xam{border-left-color:#4d5a75}.cn-the-cn.mo{border-left-color:#2a3450}.cn-the-cn:focus-visible{outline:2px solid var(--c3-gold, #f0c674);outline-offset:2px}.cn-the-cn-dau{display:flex;gap:6px;align-items:center;font-size:13px;color:#e8c98c}.cn-the-cn-dau b{color:#f2f5fa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-the-cn-so{display:grid}.cn-the-cn-so b{font-size:16px;font-variant-numeric:tabular-nums}.cn-the-cn-so small{font-size:11px;color:#8792a8}.cn-pill{justify-self:start;font-style:normal;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:#1b2540;color:#9fb2da}.cn-pill.xanh{background:#12382f;color:#7fe0bf}.cn-pill.vang{background:#3a2c12;color:#f3c27e}.cn-pill.do{background:#3a1d1b;color:#ef8c82}.cn-canh{display:flex;gap:4px;align-items:center;font-size:10.5px;color:#f0a35e}.cn-ct{display:grid;gap:9px}.cn-ct-dau{display:flex;gap:7px;align-items:center;font-size:15px;color:#e8c98c}.cn-ct-dau b{color:#f2f5fa}.cn-lich .o.ngay{display:grid;align-content:center;gap:0;line-height:1.1}.cn-lich .o.ngay small{font-size:8.5px;opacity:.85}.cn-lich .o.ngay.cn-xanh{background:#12382f;color:#7fe0bf}.cn-lich .o.ngay.cn-vang{background:#3a2c12;color:#f3c27e}.cn-lich .o.ngay.cn-do{background:#3a1d1b;color:#ef8c82}.cn-lich .o.ngay.cn-xam{background:#222b44;color:#b7c1da}.cn-chu-giai{display:flex;flex-wrap:wrap;gap:10px;font-size:10.5px;color:#7f8aa6;margin-top:6px}.cn-chu-giai span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:4px;background:#4d5a75}.cn-chu-giai .xanh:before{background:#55c9a3}.cn-chu-giai .vang:before{background:#f0a35e}.cn-chu-giai .do:before{background:#ef8c82}.cn-ngay{display:grid;gap:8px}@media(prefers-reduced-motion:reduce){.cn-anh-o.cho{animation:none}}.cn-the-cn,.cn-the-cn-dau,.cn-the-cn-dau b{min-width:0}.cn-the-cn-dau svg{flex:none}.cn-chon-khac{background:#0e1628;border:1px solid #33406a;border-radius:10px;color:#f2f5fa;font:inherit;font-size:13px;padding:7px 9px;max-width:100%}.dl-nhom{color:var(--c3-mut, #a9b2c9);font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.dl-tam .bc-tam-dau b{white-space:nowrap}.tq-muc{display:grid;gap:6px;padding:9px 10px;border-radius:13px;background:#121a2e;border:1px solid #222c45}.tq-muc-dau{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#e8c98c}.tq-muc-dau em{margin-left:auto;font-style:normal;font-weight:500;text-transform:none;letter-spacing:0;color:#8e98b4;font-size:11px}.tq-luoi{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px}.tqcn .dl-o.lon{grid-column:1 / -1}.tqcn .dl-o.lon b{font-size:24px;color:#f0c674}.tqcn .dl-o em,.tqcn .dl-o>small:not(:first-child){font-style:normal;font-size:10.5px;color:#8e98b4}.tqcn .dl-o.canh{box-shadow:inset 0 0 0 1px #ef8c82b3}.tqcn .dl-o.canh b{color:#ef8c82}.tq-len{color:#55c9a3!important}.tq-xuong{color:#ef8c82!important}.tq-dem{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}.tq-nhan{display:inline-block;border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:700;background:#24304f;color:#a9b8e6}.tq-nhan.that,.tq-nhan.xanh{background:#163a2b;color:#7ee2b0}.tq-nhan.vang{background:#3a2f14;color:#f0c674}.tq-nhan.do{background:#3d1f1b;color:#ef8c82}.tq-nhan.xam,.tq-nhan.mo{background:#222c45;color:#8e98b4}.tq-giai{display:grid;gap:6px;padding:9px 11px;border-radius:12px;background:#1b2238;border:1px solid #4d5a80;font-size:12.5px;color:#c9d0e3}.tq-giai p{margin:0}.tq-cong-tac{display:flex;align-items:center;gap:8px;font-weight:600;color:#f2f5fa;cursor:pointer}.tq-cong-tac input{width:18px;height:18px;accent-color:#e7ad62}.tq-chu-y{display:grid;gap:5px;padding:9px 10px;border-radius:13px;background:#1e1418;border:1px solid rgba(239,140,130,.45)}.tq-chu-y .tq-muc-dau{color:#ef8c82}.tq-chu-y-dong{display:grid;grid-template-columns:1fr auto;gap:0 8px;text-align:left;border:0;border-radius:9px;padding:6px 8px;background:#2a1c22;color:#f2f5fa;font:inherit;font-size:12.5px;cursor:pointer}.tq-chu-y-dong span{grid-column:1;color:#d8b9b5;font-size:12px}.tq-chu-y-dong small{grid-column:2;grid-row:1 / span 2;align-self:center;color:#8e98b4}.tq-doi{display:grid;grid-template-columns:1fr auto;gap:3px 10px;font-size:13px;font-variant-numeric:tabular-nums}.tq-doi span{color:#a9b2c9}.tq-doi b{text-align:right}.tq-cot{height:70px}.tq-bang td:nth-child(n+2),.tq-bang th:nth-child(n+2){text-align:right}.tq-bang tbody tr{cursor:default}.tq-nguoi{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.tq-nap{opacity:.75}.tq-ngay{display:grid;gap:8px}.dl-nhom-o{display:grid;gap:5px}.dl-tam{grid-template-columns:minmax(0,1fr);overflow-x:hidden}.dl-than,.tq-ngay,.tq-muc,.tq-chu-y{grid-template-columns:minmax(0,1fr)}.dl-tam .bc-tam-dau .dl-nhom{flex:1 1 0}.tq-chu-y-dong{grid-template-columns:minmax(0,1fr) auto}.tq-doi{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) auto}.tq-bang td:first-child,.tq-ngay .dl-bang td:first-child{white-space:normal;min-width:130px}.tq-them{justify-self:start}@media(max-width:600px){.dl-tam{padding-left:8px;padding-right:8px}.dl-tam>.bc-tam-dau{margin:0 -8px;padding-left:12px;padding-right:10px}.tq-muc,.tq-chu-y{padding:8px 7px}.tq-luoi,.dl-o-luoi{gap:5px}}.bc-bao.do{background:#2a1519;border:1px solid #7a2f38;color:#f6c2c2}.bc-bao.do span{display:inline-flex;gap:6px;align-items:center}.tq-canh-crm,.tq-doi-ghi{grid-column:1 / -1}.tq-chu-y-dong.LECH_CRM{background:#2b1418;box-shadow:inset 3px 0 #e0566a}.tq-chu-y-dong.LECH_CRM span{color:#f3b1b9}.tq-4{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tq-4 button{display:grid;gap:1px;text-align:left;border:0;border-radius:11px;padding:8px 10px;font:inherit;cursor:pointer;color:#f2f5fa;background:#1a2238;box-shadow:inset 3px 0 0 var(--m);min-width:0}.tq-4 small{font-size:11px;color:#a9b2c9}.tq-4 b{font-size:17px;font-variant-numeric:tabular-nums;color:var(--m)}.tq-4 em{font-style:normal;font-size:10.5px;color:#8e98b4}.tq-4 .ht{--m: #ff6b7d;background:#2b1418}.tq-4 .nv{--m: #f0a35e}.tq-4 .ma{--m: #f0c674}.tq-4 .khop{--m: #55c9a3}.tq-4 button.on,.tq-4 button:focus-visible{outline:2px solid var(--m);outline-offset:1px}.ss3{display:grid;grid-template-columns:minmax(0,1.05fr) repeat(3,minmax(0,1fr));border-radius:11px;overflow:hidden;border:1px solid #222c45;font-size:12px;font-variant-numeric:tabular-nums;grid-column:1 / -1}.ss3>span>span,.ss3>.th{padding:6px 7px;border-bottom:1px solid #1d2539;background:#0f1729;min-width:0;overflow-wrap:anywhere}.ss3 .th{background:#151e34;color:#8e98b4;font-size:10.5px;font-weight:700;line-height:1.25}.ss3 .th small{display:block;font-weight:500;color:#6f7a98;font-size:9.5px}.ss3 .nv{color:#f3d9a4;font-weight:700}.ss3 .l{color:#a9b2c9}.ss3 .do{color:#ff8a98;font-weight:700}.ss3 .xanh{color:#55c9a3;font-weight:700}.tqcn .dl-o.ket-2{grid-column:1 / -1}.ket-2 .hai{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.ket-2 .hai b{font-size:19px}.ket-2 .hai i{font-style:normal;color:#8e98b4}.tqcn .dl-o.canh.ket-2 .hai b.trung{color:#f2f5fa}.tq-chu-y-dong.HT{background:#2b1418;box-shadow:inset 3px 0 #ff6b7d}.tq-chu-y-dong.HT span{color:#ffb3bd}.tq-chu-y-dong.MA{background:#2a2414;box-shadow:inset 3px 0 #f0c674}.tq-chu-y-dong.MA span{color:#f3d9a4}.tq-chu-y-dong.NV{background:#2a1d14;box-shadow:inset 3px 0 #f0a35e}.tq-chu-y-dong.NV span{color:#f6c79a}.tq-chu-y-dong.CRM{background:#16203a;box-shadow:inset 3px 0 #7aa2ff;width:100%}.tq-chu-y-dong.CRM span{color:#b9cbff}.ban{display:inline-flex;align-items:center;gap:4px;margin-left:auto;border:1px solid #4d5a80;border-radius:999px;padding:2px 8px;font:inherit;font-size:11px;font-weight:700;color:#cfd7e8;background:#1b2238;cursor:pointer;white-space:nowrap}.ban i{font-style:normal;display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;border:1px solid #6b7aa6;font-size:9px}.ban:focus-visible{outline:2px solid var(--c3-gold, #f0c674);outline-offset:2px}.nhan{display:inline-block;border-radius:5px;padding:0 5px;font-size:10px;font-weight:700;font-style:normal;margin-right:4px}.nhan.ngoai{background:#3a2f14;color:#f0c674}.nhan.do{background:#3d1f1b;color:#ff8a98}.nhan.xanh{background:#163a2b;color:#7ee2b0}.nhan.lam{background:#1c2a52;color:#9fb8ff}.ls{display:grid;position:relative;padding-left:16px}.ls:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:#2e3b60}.ls-moc{position:relative;display:grid;gap:4px;padding:8px 10px;margin-bottom:8px;border-radius:12px;background:#121a2e;border:1px solid #222c45}.ls-moc:before{content:"";position:absolute;left:-15px;top:12px;width:10px;height:10px;border-radius:50%;background:var(--m, #8e98b4);box-shadow:0 0 0 3px #19213b}.ls-moc.nop{--m: #f0c674}.ls-moc.crm{--m: #7aa2ff;background:#141d36}.ls-moc.sua{--m: #55c9a3}.ls-moc.dang{border-color:#f0c674}.ls-dau{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;font-size:12.5px}.ls-dau b{font-size:13px}.ls-dau small{color:#8e98b4;font-size:11px}.ls-ct{font-size:12px;color:#c8d0e4;display:grid;gap:2px}.ls-ct em{font-style:normal;color:#8e98b4}.ls-khac{display:flex;flex-wrap:wrap;gap:4px}.ls-khac span{font-size:11px;border-radius:6px;padding:1px 6px;background:#1b2540;color:#cfd7e8;font-variant-numeric:tabular-nums}.ls-khac .cong{background:#163a2b;color:#7ee2b0}.ls-khac .tru{background:#3d1f1b;color:#ff8a98}.ls-nut{justify-self:start;border:1px solid rgba(240,198,116,.45);background:#f0c67414;color:#f0c674;border-radius:8px;font:inherit;font-size:11.5px;font-weight:700;padding:3px 9px;cursor:pointer}.dang-xem{display:flex;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:#1c2a52;color:#cfdcff;font-size:12.5px;border:1px solid #3a4f8f}.dang-xem button{margin-left:auto;border:0;border-radius:8px;background:#f0c674;color:#2a1706;font:inherit;font-weight:800;font-size:11.5px;padding:4px 9px;white-space:nowrap;cursor:pointer}.khai-tay{display:grid;gap:7px;padding:9px 10px;border-radius:11px;background:#1d1810;border:1px dashed #6b5223}.khai-tay>b{font-size:12.5px;color:#f3d9a4}.khai-tay .luoi{display:grid;grid-template-columns:1fr 1fr;gap:6px}.khai-tay label{display:grid;gap:3px;font-size:11px;color:#a9b2c9;min-width:0}.khai-tay input{background:#0b1222;border:1px solid #33406a;border-radius:9px;color:#f2f5fa;font:inherit;font-size:13px;padding:7px 9px;min-width:0}.khai-tay input:focus{outline:none;border-color:var(--c3-gold, #f0c674)}.khai-tay .ht3,.ly-do{display:flex;flex-wrap:wrap;gap:5px}.khai-tay .ht3 button{flex:1;text-align:center;border:1px solid #33406a;border-radius:8px;padding:5px 0;font:inherit;font-size:12px;color:#cfd7e8;background:none;cursor:pointer}.khai-tay .ht3 button.on{background:linear-gradient(180deg,#f3bb72,#c47f37);color:#2a1706;font-weight:800;border-color:#f3bb72}.goi-khai{display:flex;align-items:center;gap:8px;justify-content:space-between;font-size:12px;color:#c8d0e4;padding:4px 4px 4px 6px}.goi-khai button{display:inline-flex;align-items:center;gap:4px;border:1px solid rgba(240,198,116,.55);background:#f0c6741a;color:#f0c674;border-radius:8px;font:inherit;font-weight:700;font-size:12px;padding:5px 9px;white-space:nowrap;cursor:pointer}.ly-do button{border:1px solid #6b5223;border-radius:999px;padding:4px 10px;font:inherit;font-size:12px;color:#f3d9a4;background:none;cursor:pointer}.ly-do button.on{background:#f0c674;color:#2a1706;font-weight:800}.sua-tom{display:grid;gap:6px;padding:9px 10px;border-radius:11px;background:#12382f;color:#bff3e6;font-size:12.5px}.nguoi-bang td:nth-child(n+2),.nguoi-bang th:nth-child(n+2){text-align:center}.ghi-i{display:block;font-size:11.5px;color:#8e98b4}.cn-o-coc{margin-top:12px;padding-top:12px;border-top:1px dashed #222c45}.cn-hd-coc{grid-column:2 / -1;font-size:11px;color:#f2b544;font-variant-numeric:tabular-nums}.cn-coc.hoan .cn-hd-tien b{color:#ff8a8a}.cn-tong-ghi{grid-column:1 / -1;font-size:11px;color:#f2b544}.cn-tong-thu{margin-top:8px}.cn-tong-thu span.lon{grid-column:1 / -1;background:#f2b5441a;border-color:#f2b54466}.cn-tong-thu span.lon b{font-size:17px;color:#f2b544}.support-mode-banner{position:sticky;top:0;left:0;right:0;z-index:9999;background:linear-gradient(135deg,#1e3a2b,#15291e);border-bottom:2px solid #eab308;color:#fff;padding:calc(8px + env(safe-area-inset-top,0px)) 16px 8px;box-shadow:0 4px 20px #0000004d;display:flex;align-items:center;justify-content:space-between;gap:12px;animation:slideDownBanner .3s ease-out}@keyframes slideDownBanner{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.support-banner-info{display:flex;align-items:center;gap:10px;min-width:0}.support-banner-badge{background:#eab308;color:#1c1917;font-size:11px;font-weight:800;letter-spacing:.5px;padding:3px 8px;border-radius:6px;white-space:nowrap;display:flex;align-items:center;gap:4px}.support-banner-text{font-size:13.5px;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-banner-text strong{color:#fef08a;font-weight:700}.support-banner-exit-btn{background:#dc2626;color:#fff;border:1px solid #ef4444;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:all .2s ease;min-height:36px}.support-banner-exit-btn:hover{background:#b91c1c;transform:translateY(-1px)}.support-banner-exit-btn:disabled{opacity:.7;cursor:not-allowed}@media(max-width:640px){.support-mode-banner{padding:calc(6px + env(safe-area-inset-top,0px)) 12px 6px}.support-banner-badge{display:none}.support-banner-text{font-size:12px}.support-banner-exit-btn{padding:5px 10px;font-size:12px;min-height:34px}}.celebration-modal-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172aa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:modalBackdropFade .25s ease-out}@keyframes modalBackdropFade{0%{opacity:0}to{opacity:1}}.celebration-canvas{position:absolute;inset:0;pointer-events:none;z-index:2001}.celebration-modal-card{position:relative;width:100%;max-width:440px;background:var(--bg-surface, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:20px;padding:32px 24px 24px;text-align:center;box-shadow:0 25px 50px -12px #00000040;z-index:2002;animation:modalCardScale .3s cubic-bezier(.16,1,.3,1)}@keyframes modalCardScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.celebration-close-btn{position:absolute;top:14px;right:14px;background:transparent;border:none;cursor:pointer;padding:6px;border-radius:50%;color:var(--text-muted, #64748b);display:inline-flex;align-items:center;justify-content:center;transition:background-color .2s}.celebration-close-btn:hover{background:var(--bg-hover, #f1f5f9)}.celebration-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#fef3c7,#fee2e2);margin-bottom:16px;box-shadow:0 8px 20px #f59e0b33}.celebration-hero-icon.birthday{color:#e11d48}.celebration-hero-icon.anniversary{color:#d97706}.celebration-hero-icon.reward{color:#16a34a}.celebration-title{margin:0 0 10px;font-size:20px;font-weight:800;color:var(--text-color, #0f172a);line-height:1.35}.celebration-message{margin:0 0 20px;font-size:14px;color:var(--text-muted, #475569);line-height:1.6}.celebration-reward-box{display:flex;align-items:center;gap:12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:12px 16px;margin-bottom:24px;text-align:left}.reward-icon{color:#16a34a;flex-shrink:0}.reward-info{display:flex;flex-direction:column;gap:2px}.reward-label{font-size:12px;color:#166534;font-weight:500}.reward-val{font-size:16px;color:#15803d;font-weight:800}.celebration-actions{display:flex;justify-content:center}.celebration-confirm-btn{width:100%;padding:12px 24px;border:none;border-radius:12px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #2563eb59;transition:transform .15s,box-shadow .15s}.celebration-confirm-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #2563eb73}.celebration-confirm-btn:active{transform:translateY(0)}.dai-moi-thong-bao{position:fixed;left:12px;right:12px;bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:60;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#0f172a;color:#e2e8f0;box-shadow:0 8px 24px #0f172a47}.dai-moi-noi-dung{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.3}.dai-moi-noi-dung b{font-size:13px;font-weight:600}.dai-moi-noi-dung small{font-size:11.5px;color:#e2e8f0c7}.dai-moi-nut{flex:0 0 auto;padding:8px 14px;border:0;border-radius:999px;background:#22c55e;color:#05240f;font-size:13px;font-weight:600;cursor:pointer}.dai-moi-nut:disabled{opacity:.6;cursor:default}.dai-moi-dong{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#94a3b833;color:#e2e8f0;cursor:pointer}.xsm{position:fixed;left:12px;right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:2140;max-width:520px;margin:0 auto;background:linear-gradient(180deg,#3a1d0e,#241208);color:#fff3e2;border:1px solid #f0a14a;border-radius:18px;padding:12px 12px 10px;box-shadow:0 14px 34px #00000073,0 0 0 4px #f0a14a26;display:grid;gap:10px;animation:xsm-vao .25s ease-out}.xsm-the{display:flex;align-items:flex-start;gap:10px}.xsm-icon{flex:none;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#f0a14a;color:#2a1406;animation:xsm-lac 1.6s ease-in-out infinite}.xsm-chu{flex:1;display:grid;gap:2px}.xsm-chu b{font-size:15.5px;line-height:1.3}.xsm-chu small{font-size:12.5px;color:#f3d3ae;line-height:1.4}.xsm-x{flex:none;border:0;background:#ffffff14;color:#fff3e2;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;cursor:pointer}.xsm-nut{border:0;border-radius:12px;padding:11px;font:inherit;font-weight:800;font-size:15px;color:#1f1004;background:linear-gradient(180deg,#ffd27a,#f0a14a);box-shadow:0 4px #b06a1e;cursor:pointer}.xsm-nut:active{transform:translateY(3px);box-shadow:0 1px #b06a1e}.xsm-x:focus-visible,.xsm-nut:focus-visible{outline:2px solid #ffd27a;outline-offset:2px}@keyframes xsm-vao{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}@keyframes xsm-lac{0%,to{transform:rotate(0)}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(0)}}@media(prefers-reduced-motion:reduce){.xsm,.xsm-icon{animation:none}}.ch-nen{position:fixed;inset:0;z-index:2000;background:#0b0604;display:flex;align-items:stretch;justify-content:center;padding:env(safe-area-inset-top,0) 0 env(safe-area-inset-bottom,0)}.ch-khung{width:100%;max-width:1180px;height:100dvh;display:flex;flex-direction:column;background:linear-gradient(165deg,#2b1810,#150b06);color:#f3e6cf;font-family:Be Vietnam Pro,system-ui,sans-serif}.ch-khung header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:12px 14px 6px;border-bottom:1px solid #4a3320}.ch-khung h3{margin:0;color:#fde68a;font-size:19px}.ch-khung small{color:#c0ae92}.ch-x{width:40px;height:40px;border-radius:50%;border:1px solid #8a6420;background:#1a0f08;color:#fde68a;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.ch-tab{display:flex;gap:6px;overflow-x:auto;padding:8px 14px;border-bottom:1px solid #3a2616;scrollbar-width:none}.ch-tab::-webkit-scrollbar{display:none}.ch-tab button{white-space:nowrap;border:1px solid #8a6420;background:transparent;color:#f3e6cf;border-radius:999px;padding:6px 14px;cursor:pointer;font-size:14px}.ch-tab button.on{background:#b8892e;color:#2a1a03;font-weight:700}.ch-than{flex:1;min-height:0;display:grid;grid-template-columns:1fr;overflow:hidden}.ch-form{overflow-y:auto;padding:12px 14px 20px;display:flex;flex-direction:column;gap:12px;min-height:0}.ch-form>*{flex-shrink:0}.ch-xem{display:none;overflow-y:auto;padding:12px 14px;border-left:1px solid #4a3320;background:#120a06}.ch-chi-mobile{display:block}@media(min-width:900px){.ch-nen{padding:24px}.ch-khung{height:min(92dvh,860px);border:2px solid #b8892e;border-radius:18px;overflow:hidden}.ch-than{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.ch-xem{display:block}.ch-chi-mobile,.ch-tab .chi-mobile{display:none}}.ch-fl{display:flex;flex-direction:column;gap:4px;font-size:14px;color:#e5d6bb}.ch-fl small{color:#a8977c;font-size:12.5px}.ch-dong-f{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#e5d6bb}.ch-form input:not([type=checkbox]),.ch-form select,.ch-form textarea,.ch-khung footer input{min-height:42px;border-radius:10px;border:1px solid #6b4a1c;background:#1a0f08;color:#fff;padding:8px 10px;min-width:0;font:inherit;font-size:15px;width:100%}.ch-luoi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ch-luoi label{display:flex;flex-direction:column;gap:3px;font-size:13px;color:#c0ae92;min-width:0}.ch-note{font-size:13px;color:#c0ae92;margin:0}.ch-note b{color:#fde68a}.ch-khoa-mo-ta{border:1px dashed #b8892e;border-radius:12px;padding:10px 12px;background:#24150c}.ch-khoa-mo-ta p{margin:4px 0;color:#fff}.ch-khoa-mo-ta small{color:#a8977c}.ch-mau{display:flex;gap:6px;flex-wrap:wrap}.ch-mau button{border:1px dashed #e7c36a;background:#3a2616;color:#fde68a;border-radius:10px;padding:6px 12px;cursor:pointer;font-size:13px}.ch-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.ch-chips span{background:#3a2616;border:1px solid #8a6420;border-radius:999px;padding:3px 10px;font-size:13px}.ch-chips button{background:none;border:0;color:#fca5a5;cursor:pointer}.ch-ds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.ch-ds li{border:1px solid #4a3320;border-radius:10px;padding:8px 10px;font-size:13px}.ch-ds li.tat{opacity:.5}.ch-ds li span{display:flex;gap:6px;margin-top:6px}.ch-ds li button,.ch-btn{min-height:34px;border-radius:9px;border:1px solid #8a6420;background:#3a2616;color:#fde68a;padding:0 12px;cursor:pointer}.ch-btn:disabled,.ch-ds li button:disabled{opacity:.4;cursor:not-allowed}.ch-btn.do{background:#7f1d1d;border-color:#ef4444;color:#fff}.ch-hop{border:1px solid #4a3320;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:8px}.ch-hang{display:flex;gap:8px}.ch-hang input{flex:1}.ch-khung footer{display:flex;gap:8px;padding:10px 14px;border-top:1px solid #4a3320;background:#1a0f08}.ch-luu{flex:none;min-width:140px;min-height:44px;border-radius:12px;border:1px solid #fff3c4;background:linear-gradient(145deg,#f5c451,#c58a14);color:#2a1a03;font-weight:700;font-size:16px;cursor:pointer}.ch-luu:disabled{opacity:.45;cursor:not-allowed}.ch-xt-nhan{font-size:12px;letter-spacing:.8px;color:#e7c36a;margin-bottom:8px}.ch-xt-the{background:linear-gradient(165deg,#3a2216,#1b0f09);border:1px solid #8a6420;border-top-color:#e7c36a;border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px}.ch-xt-dau{display:flex;gap:10px;align-items:center}.ch-xt-dau h4{margin:0;color:#fde68a;font-size:17px}.ch-xt-ic{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:28px;border:2px solid #8a6420;border-radius:10px;background:radial-gradient(circle at 50% 35%,#4b2a63,#23102f 75%);overflow:hidden}.ch-xt-the p{margin:0;font-size:14px}.ch-xt-gt{color:#fde68a;font-style:italic}.ch-xt-vd{background:#0f3d2a;border:1px solid #2fbf7a;border-radius:8px;padding:6px 8px}.ch-xt-gc{background:#2a1f10;border-left:3px solid #e7c36a;padding:6px 8px}.ch-xt-gia{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;color:#fde68a}.ch-xt-gia b{font-size:20px}.ch-xt-gia s{opacity:.55}.ch-xt-gia em{font-style:normal;background:#7c2d12;color:#fed7aa;border-radius:6px;padding:1px 6px;font-size:12px}.ch-canh-bao{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:5px;font-size:13px;color:#fcd34d}.ch-cho{font-style:normal;font-size:11px;background:#7c2d12;color:#fed7aa;border-radius:6px;padding:1px 6px}.ch-dich{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto;font-size:13px}.ch-dich label{display:flex;gap:6px;align-items:center}.dh-lop{position:fixed;inset:0;z-index:2300;background:#0b0804f2;display:flex;align-items:stretch;justify-content:center;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#f4ecdf}.dh-khung{display:flex;flex-direction:column;width:min(100%,1100px);height:100%;background:#15110c;box-shadow:0 0 0 2px #c9953a inset}.dh-dau{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid #c9953a55}.dh-dau h1{font-size:16px;margin:0;color:#f1cf86;letter-spacing:.5px}.dh-dau small{display:block;color:#c9b79a;font-size:12px}.dh-x{margin-left:auto;width:36px;height:36px;border-radius:50%;border:1px solid #c9953a;background:#24190f;color:#f1cf86;display:grid;place-items:center;cursor:pointer;flex:0 0 auto}.dh-tag{display:inline-block;padding:2px 9px;border-radius:99px;font-size:11px;white-space:nowrap}.dh-tag.chay{background:#2b6b3a;color:#dfffe6}.dh-tag.hen{background:#6b4a16;color:#ffe9b0}.dh-tag.het,.dh-tag.huy,.dh-tag.xam{background:#3a3028;color:#d9c7a6}.dh-tabs{display:flex;gap:4px;padding:8px 16px 0;border-bottom:1px solid #c9953a33;overflow-x:auto}.dh-tabs button{padding:8px 14px;font-size:13px;border:0;border-radius:8px 8px 0 0;background:#24190f;color:#d9c7a6;cursor:pointer;white-space:nowrap}.dh-tabs button.on{background:#c9953a;color:#2c1c05;font-weight:700}.dh-than{flex:1;min-height:0;overflow-y:auto;padding:12px 16px}.dh-doan{background:#1f1710;border:1px solid #c9953a44;border-radius:10px;padding:10px 12px;margin-bottom:10px}.dh-doan.tat{opacity:.55}.dh-doan-dau{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.dh-doan-dau b{font-size:13px;color:#f1cf86}.dh-sw{display:flex;align-items:center;gap:6px;font-size:12px;color:#d9c7a6}.dh-ban{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:640px){.dh-ban{grid-template-columns:1fr}}.dh-chon{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid #c9953a44;border-radius:8px;background:#15110c;cursor:pointer;position:relative}.dh-chon.on{border-color:#f1cf86;box-shadow:inset 0 0 0 1px #f1cf86}.dh-chon input{position:absolute;left:8px;top:10px}.dh-chon-ten{font-size:12px;color:#f1cf86;font-weight:600;padding-left:20px}.dh-chon-text{font-size:12px;line-height:1.5;color:#e8dcc8;max-height:5.3em;overflow:hidden}.dh-nghe{align-self:flex-start;border:1px solid #c9953a66;background:#2a1c0c;color:#f1cf86;border-radius:99px;padding:3px 10px;font-size:11px;cursor:pointer}.dh-lich .dh-hang{display:flex;gap:12px;flex-wrap:wrap}.dh-lich label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#d9c7a6}.dh-lich input,.dh-lich select{background:#0e0a06;border:1px solid #c9953a66;border-radius:6px;padding:6px 8px;color:#f4ecdf;font:13px system-ui,sans-serif;min-width:160px}.dh-lich h3{font-size:13px;color:#f1cf86;margin:14px 0 6px}.dh-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:7px 10px;margin-bottom:6px;background:#1f1710;border:1px solid #c9953a33;border-radius:8px;font-size:12.5px}.dh-row.huy,.dh-row.het{opacity:.55}.dh-row button{margin-left:auto;border:1px solid #c9953a66;background:#2a1c0c;color:#f1cf86;border-radius:99px;padding:4px 10px;font-size:11px;cursor:pointer}.dh-mono{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:#f1cf86}.dh-mut{color:#b9a98a;font-size:12px}.dh-ghi{font-size:12px;color:#b9a98a;margin:6px 0}.dh-chan{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 16px;border-top:1px solid #c9953a55}.dh-tin{font-size:12.5px;color:#dfffe6;background:#2b6b3a;border-radius:8px;padding:4px 10px}.dh-luu{margin-left:auto;border:0;border-radius:8px;padding:9px 16px;font:700 13px system-ui,sans-serif;background:linear-gradient(#f6dd95,#c9953a);color:#2c1c05;cursor:pointer}.dh-luu:disabled{opacity:.5;cursor:default}.dh-chon.mo{opacity:.55}.dh-tin-nho{display:inline-block;margin:0 0 8px}.dh-cong-tac{border:1px solid #c9953a66;background:#3a3028;color:#d9c7a6;border-radius:99px;padding:4px 12px;font-size:12px;cursor:pointer}.dh-cong-tac.on{background:#2b6b3a;color:#dfffe6;border-color:#2b6b3a}.dh-so{display:inline-flex;gap:6px;align-items:center}.dh-so input{width:120px;background:#0e0a06;border:1px solid #c9953a66;border-radius:6px;padding:5px 8px;color:#f4ecdf;font:13px system-ui,sans-serif}.dh-so input:disabled{opacity:.5}.dh-so button,.dh-row select{border:1px solid #c9953a66;background:#2a1c0c;color:#f1cf86;border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer}.dh-btns{display:flex;gap:8px;margin-top:8px}.dh-btns .dh-luu{margin-left:0}.dh-ok{color:#5ad38f}.dh-tong{border:1px solid #f1cf86;background:#24190f}.dh-ic{font-size:18px}.dh-lich select[multiple]{min-height:84px}.dh-tab-bo{display:none}.dh-hoc-so{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:10px}.dh-hoc-so div{background:#15110c;border:1px solid #c9953a44;border-radius:8px;padding:8px;text-align:center}.dh-hoc-so b{display:block;font-size:18px;color:#f1cf86}.dh-hoc-so span{font-size:11px;color:#b9a98a}.dh-h3{font-size:13px;color:#f1cf86;margin:12px 0 6px}.my-lop{position:fixed;inset:0;z-index:2100;background:#04060edb;display:flex;align-items:center;justify-content:center}.my-lop.my-rot{inset:0 auto auto 100%;transform-origin:top left;transform:rotate(90deg)}.my-khung{position:relative;display:flex;width:min(100% - 16px,1040px);height:min(100% - 16px,560px);overflow:hidden;border-radius:6px;container-type:size;background:#0a1233;color:#eef2ff;font-family:Be Vietnam Pro,system-ui,-apple-system,Segoe UI,sans-serif}.my-deco{position:absolute;inset:0;pointer-events:none;z-index:0}.my-deco svg{width:100%;height:100%;display:block}.my-deco svg *{vector-effect:non-scaling-stroke}.my-nv{position:relative;z-index:1;flex:0 0 33%;min-width:0}.my-nv canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.my-head{position:absolute;left:50%;top:0;transform:translate(-50%);z-index:3;padding:6px 40px 11px;text-align:center;white-space:nowrap;max-width:60%;overflow:hidden;text-overflow:ellipsis;font-size:clamp(15px,5cqh,26px);line-height:1.15}.my-bang{position:relative;z-index:2;flex:1;min-width:0;display:flex;flex-direction:column;gap:clamp(4px,1.2cqh,8px);padding:clamp(44px,14cqh,70px) clamp(12px,3.2cqw,40px) clamp(22px,10cqh,44px) clamp(14px,6.2cqw,70px)}.my-steps{display:flex;gap:6px;list-style:none;flex:0 0 auto;height:26px;margin:0;padding:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.my-steps::-webkit-scrollbar{display:none}.my-lop .my-khung .my-steps li{display:flex;align-items:center;gap:5px;flex:0 0 auto;height:24px;padding:0 9px;font-size:11px;letter-spacing:.3px;line-height:1;opacity:.5;white-space:nowrap;box-sizing:border-box}.my-steps li.ok{opacity:.85}.my-steps li.on{opacity:1}.my-lop .my-khung .my-steps li b{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;font-size:10px;flex:0 0 auto}.my-chu{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;padding:clamp(8px,2.2cqh,16px) clamp(10px,2cqw,22px);font-size:clamp(11px,3.1cqh,13.5px);line-height:1.6;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.my-chu p{margin:0 0 .6em}.my-rd{opacity:.4;font-size:.84em}.my-con{display:inline-block;width:2px;height:1.05em;background:currentColor;vertical-align:text-bottom;margin-left:2px;animation:myCon 1s steps(2) infinite}@keyframes myCon{50%{opacity:0}}.my-lop .my-khung .my-bar{position:relative;height:5px;max-height:5px;border-radius:5px;flex:0 0 auto}.my-bar i{display:block;height:100%;border-radius:inherit;transition:width .2s linear}.my-nut{display:flex;gap:6px;flex-wrap:nowrap;align-items:center;flex:0 0 auto;height:32px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}.my-nut::-webkit-scrollbar{display:none}.my-lop .my-khung .my-nut button{cursor:pointer;flex:0 0 auto;height:30px;min-height:0;padding:0 11px;font-size:11.5px;letter-spacing:.2px;line-height:1;background:transparent;color:inherit;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;box-sizing:border-box}.my-lop .my-khung .my-nut button svg{width:13px;height:13px}.my-x{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:22px;line-height:1;cursor:pointer;z-index:8;padding:0}.my-banh{position:absolute;top:10px;right:56px;width:34px;height:34px;border-radius:50%;border:1px solid #ffffff44;background:#0007;color:#dfe6ff;cursor:pointer;z-index:5;font-size:16px;opacity:.75;display:grid;place-items:center;padding:0}.my-banh:hover{opacity:1}.my-co-le{right:98px;outline:2px solid #ffe45e77}.my-ch{position:absolute;right:0;top:56px;bottom:0;width:min(600px,94%);background:#0e1636;border-left:1px solid #ffffff33;padding:12px 14px;overflow-y:auto;z-index:6;display:grid;grid-template-columns:1fr 1fr;align-content:start;gap:10px 14px;font-size:13px;color:#eef2ff;font-family:system-ui,sans-serif}.my-ch>b,.my-ch>.my-nut,.my-ch>small{grid-column:1/-1}.my-ch label{display:flex;flex-direction:column;gap:4px}.my-ch label.hang,.my-ch .hang{flex-direction:row;display:flex;gap:8px;align-items:center}.my-ch select,.my-ch input[type=text],.my-ch input[type=number]{background:#0b1230;color:#fff;border:1px solid #ffffff44;border-radius:8px;padding:6px 8px;font:inherit}.my-ch .my-nut button{border:1px solid #ffffff44;border-radius:99px;color:#eef2ff}.my-ch .my-nut button.nhan{background:linear-gradient(#f9d56e,#e0a43a);color:#2a1d05;border-color:#f5c451}.my-ch small{color:#aab6e8}.my-loi{color:#ffd1d1;font-size:13px;position:absolute;top:44px;left:10px;z-index:4}@media(prefers-reduced-motion:reduce){.my-con{animation:none}}.my-giong-khung{position:relative;display:inline-flex}.my-lop .my-khung .my-giong-khung>button{padding:0 9px;min-width:34px;justify-content:center}.my-giong-nen{position:absolute;inset:0;z-index:6}.my-giong-menu{position:absolute;right:12px;bottom:56px;max-height:calc(100% - 70px);overflow-y:auto;min-width:220px;margin:0;padding:6px;list-style:none;background:#0e1636;border:1px solid #ffffff44;border-radius:12px;box-shadow:0 14px 34px #000c;z-index:7;color:#eef2ff;font-family:system-ui,sans-serif}.my-giong-menu li{display:flex;flex-direction:column;gap:1px;padding:8px 12px;border-radius:8px;cursor:pointer}.my-giong-menu li:hover{background:#ffffff14}.my-giong-menu li.on{background:#f5c45122;outline:1px solid #f5c45188}.my-giong-menu li b{font-size:13px}.my-giong-menu li small{font-size:11px;color:#aab6e8}.my-cau-hoi{opacity:.75;font-size:.8em;margin:0 0 .5em;font-style:italic}.my-kt{margin-top:.8em;padding:.7em .9em;border-radius:10px;background:#0008;border:1px solid #ffffff33;font-size:.92em}.my-kt>b{display:block;margin-bottom:.5em}.my-kt-lc{display:flex;flex-direction:column;gap:5px}.my-lop .my-khung .my-kt-lc button{text-align:left;height:auto;min-height:28px;padding:5px 10px;border:1px solid #ffffff44;border-radius:8px;background:#ffffff10;color:inherit;font-size:.95em;cursor:pointer;white-space:normal}.my-lop .my-khung .my-kt-lc button.dung{background:#1d8a52;border-color:#1d8a52;color:#fff}.my-lop .my-khung .my-kt-lc button.sai{background:#8a2a2a;border-color:#8a2a2a;color:#fff}.my-kt-kq{margin:.5em 0 0;font-size:.95em}.my-kt-kq.dat{color:#8ff0b8}.my-kt-kq.chua{color:#ffd0a0}.my-dg{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:.5em;font-size:.9em}.my-lop .my-khung .my-dg button{height:26px;padding:0 10px;border:1px solid #ffffff44;border-radius:99px;background:#ffffff14;color:inherit;font-size:.9em;cursor:pointer}.my-giong-che-do{display:flex;flex-direction:column;gap:5px;border-top:1px solid #ffffff22;margin-top:4px;padding-top:8px;cursor:default}.my-giong-che-do:hover{background:none}.my-che-do-hang{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.my-che-do-hang button{border:1px solid #ffffff44;background:#ffffff14;color:#eef2ff;border-radius:99px;padding:3px 10px;font-size:11.5px;cursor:pointer}.my-che-do-hang button.on{background:#f5c451;color:#2a1d05;border-color:#f5c451;font-weight:700}.my-khung.my-chi-nghe .my-nv{flex-basis:55%}.my-khung.my-chi-nghe .my-chu p:not(.my-cu):not(.my-cau-hoi){display:none}.my-khung.my-chi-nghe .my-chu{font-size:clamp(14px,4.2cqh,20px)}.my-khung.my-chu-to .my-chu{font-size:clamp(15px,4.6cqh,22px);line-height:1.55}.my-khung[data-th="1"]{background:radial-gradient(900px 500px at 25% 60%,#1d2f63,#0a1233 70%),#0a1233;color:#e9e3d0;font-family:Be Vietnam Pro}.my-khung[data-th="1"] .my-nv{background:radial-gradient(circle at 50% 40%,#3a54a8aa,transparent 65%)}.my-khung[data-th="1"] .my-ten{border:1px solid #d9b45a;color:#f1d98c;border-radius:2px;background:#0a1233cc}.my-khung[data-th="1"] .my-head{font-weight:800;font-family:Playfair Display;font-size:clamp(15px,5cqh,28px);letter-spacing:1px;color:#f6dc92;background:linear-gradient(#0a1233,#0a1233);border:1.4px solid #d9b45a;border-top:0;clip-path:polygon(0 0,100% 0,94% 100%,6% 100%);padding:12px 70px 20px;text-shadow:0 0 18px #d9b45a66}.my-khung[data-th="1"] .my-steps li{border-bottom:1.4px solid #d9b45a66}.my-khung[data-th="1"] .my-steps li b{background:#d9b45a;color:#0a1233}.my-khung[data-th="1"] .my-chu{background:linear-gradient(135deg,#0d1a45e8,#08102ee8);border:1.4px solid #d9b45a;box-shadow:0 0 0 5px #0a1233,0 0 0 6px #d9b45a55;line-height:1.75}.my-khung[data-th="1"] .my-rd{color:#e9e3d055;font-size:.82em}.my-khung[data-th="1"] .my-sp{color:#f6dc92}.my-khung[data-th="1"] mark{background:linear-gradient(transparent 62%,#d9b45a99 0);color:#fff;font-family:Playfair Display;font-style:italic;font-weight:600;font-size:1.15em}.my-khung[data-th="1"] .my-un{color:#e9e3d0}.my-khung[data-th="1"] .my-nx{color:#e9e3d033;font-size:.82em}.my-khung[data-th="1"] .my-bar{background:#d9b45a33}.my-khung[data-th="1"] .my-bar i{background:linear-gradient(90deg,#9b7a2c,#f6dc92)}.my-khung[data-th="1"] .my-nut button{border:1.4px solid #d9b45a;color:#f1d98c;border-radius:2px}.my-khung[data-th="1"] .my-nut .nhan{background:linear-gradient(#f6dc92,#c99a3a);color:#1a1202;font-weight:600}.my-khung[data-th="1"] .my-x{border:1.4px solid #d9b45a;color:#f1d98c;background:#0a1233}.my-khung[data-th="3"]{background:radial-gradient(800px 500px at 20% 55%,#4b2a1a,#1a0f0a 70%);color:#f4e4d2;font-family:Be Vietnam Pro}.my-khung[data-th="3"] .my-ten{font-family:Oswald;border:1px solid #e0a066;color:#f1c296;border-radius:99px}.my-khung[data-th="3"] .my-head{font-weight:700;font-family:Cormorant Garamond;font-size:clamp(15px,5cqh,28px);letter-spacing:6px;text-transform:uppercase;color:#f7d4aa;border-bottom:2px solid #e0a066;padding:14px 50px 12px}.my-khung[data-th="3"] .my-head:after{content:"· HIỆU LỰC · THỜI GIAN ·";display:block;font-weight:400;font-family:Oswald;font-size:clamp(15px,5cqh,10px);letter-spacing:5px;color:#e0a066aa;margin-top:2px}.my-khung[data-th="3"] .my-steps li{font-family:Oswald;letter-spacing:2px;text-transform:uppercase;border:1px solid #e0a06677;border-radius:2px}.my-khung[data-th="3"] .my-steps li b{background:#e0a066;color:#1a0f0a;font-family:Cormorant Garamond;font-weight:700}.my-khung[data-th="3"] .my-chu{background:linear-gradient(#2a1710cc,#1a0f0acc);border-left:3px solid #e0a066;line-height:1.8}.my-khung[data-th="3"] .my-rd{opacity:.35;font-size:.82em}.my-khung[data-th="3"] .my-sp{color:#f7d4aa}.my-khung[data-th="3"] mark{background:none;color:#fff;border-bottom:2px solid #e0a066;font-family:Cormorant Garamond;font-weight:700;font-size:1.15em}.my-khung[data-th="3"] .my-nx{opacity:.3;font-size:.82em}.my-khung[data-th="3"] .my-bar{background:repeating-linear-gradient(90deg,#e0a06644 0 2px,transparent 2px 10px);height:10px}.my-khung[data-th="3"] .my-bar i{background:repeating-linear-gradient(90deg,#e0a066 0 2px,transparent 2px 10px)}.my-khung[data-th="3"] .my-nut button{font-family:Oswald;letter-spacing:2px;text-transform:uppercase;border:1px solid #e0a066;color:#f1c296}.my-khung[data-th="3"] .my-nut .nhan{background:#e0a066;color:#1a0f0a}.my-khung[data-th="3"] .my-x{border:1px solid #e0a066;color:#f1c296}.my-khung[data-th="7"]{background:radial-gradient(900px 600px at 22% 55%,#0e5a4b,#052c27 72%);color:#f4efe0;font-family:Be Vietnam Pro}.my-khung[data-th="7"] .my-ten{background:#e2bf6a;color:#052c27;font-weight:600;border-radius:99px}.my-khung[data-th="7"] .my-head{font-weight:800;font-family:"Noto Serif Display";font-size:clamp(15px,5cqh,28px);color:#052c27;background:linear-gradient(#f3dc94,#cfa43f);padding:10px 60px 16px;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);letter-spacing:1px}.my-khung[data-th="7"] .my-steps li{border:1px solid #e2bf6a88;border-radius:99px;background:#052c27}.my-khung[data-th="7"] .my-steps li b{background:#e2bf6a;color:#052c27}.my-khung[data-th="7"] .my-chu{background:#052c27dd;border:1px solid #e2bf6a;line-height:1.8;padding-top:36px}.my-khung[data-th="7"] .my-rd{opacity:.4;font-size:.82em}.my-khung[data-th="7"] .my-sp{color:#f3dc94}.my-khung[data-th="7"] mark{background:none;color:#fff;font-weight:800;font-family:"Noto Serif Display";font-size:1.15em;text-decoration:underline;text-decoration-color:#e2bf6a;text-underline-offset:6px;text-decoration-thickness:3px}.my-khung[data-th="7"] .my-nx{opacity:.3;font-size:.82em}.my-khung[data-th="7"] .my-bar{background:#e2bf6a33}.my-khung[data-th="7"] .my-bar i{background:repeating-linear-gradient(90deg,#e2bf6a 0 14px,#b88c2a 14px 18px)}.my-khung[data-th="7"] .my-nut button{border:1px solid #e2bf6a;color:#f3dc94;border-radius:99px}.my-khung[data-th="7"] .my-nut .nhan{background:linear-gradient(#f3dc94,#cfa43f);color:#052c27;font-weight:600}.my-khung[data-th="7"] .my-x{border:1px solid #e2bf6a;color:#f3dc94;background:#052c27}.my-khung[data-th="8"]{background:radial-gradient(900px 600px at 20% 55%,#08334a,#030c14 75%);color:#d9f6ff;font-family:Be Vietnam Pro}.my-khung[data-th="8"] .my-ten{font-weight:600;font-family:Rajdhani;font-size:13px;letter-spacing:3px;border:1px solid #35e0ff;color:#35e0ff;background:#35e0ff12}.my-khung[data-th="8"] .my-head{font-weight:700;font-family:Rajdhani;font-size:clamp(15px,5cqh,28px);letter-spacing:8px;color:#35e0ff;text-transform:uppercase;border:1px solid #35e0ff;border-top:0;background:#35e0ff12;text-shadow:0 0 14px #35e0ffaa;clip-path:polygon(0 0,100% 0,96% 100%,4% 100%)}.my-khung[data-th="8"] .my-steps li{font-weight:600;font-family:Rajdhani;font-size:13px;letter-spacing:3px;border:1px solid #35e0ff66;color:#35e0ff}.my-khung[data-th="8"] .my-steps li b{background:#35e0ff;color:#030c14;border-radius:0}.my-khung[data-th="8"] .my-steps li.on{background:#35e0ff22;color:#fff}.my-khung[data-th="8"] .my-chu{background:#04202cd9;border:1px solid #35e0ff66;line-height:1.8;font-weight:300}.my-khung[data-th="8"] .my-chu:before{content:"// ĐANG ĐỌC · 58%";position:absolute;right:16px;top:8px;font-weight:600;font-family:Rajdhani;font-size:11px;letter-spacing:3px;color:#ffb020}.my-khung[data-th="8"] .my-rd{opacity:.35;font-size:.82em}.my-khung[data-th="8"] .my-sp{color:#35e0ff;font-weight:400}.my-khung[data-th="8"] mark{background:#ffb020;color:#030c14;font-weight:700;font-family:Rajdhani;font-size:1.14em;padding:0 8px;letter-spacing:1px}.my-khung[data-th="8"] .my-nx{opacity:.28;font-size:.82em}.my-khung[data-th="8"] .my-bar{background:#35e0ff22;height:8px}.my-khung[data-th="8"] .my-bar i{background:repeating-linear-gradient(90deg,#35e0ff 0 6px,transparent 6px 9px)}.my-khung[data-th="8"] .my-nut button{font-weight:600;font-family:Rajdhani;font-size:14px;letter-spacing:3px;text-transform:uppercase;border:1px solid #35e0ff;color:#35e0ff}.my-khung[data-th="8"] .my-nut .nhan{background:#35e0ff;color:#030c14}.my-khung[data-th="8"] .my-x{border:1px solid #35e0ff;color:#35e0ff;border-radius:0}.my-khung[data-th="16"]{background:radial-gradient(900px 600px at 20% 62%,#4a2f18,#150c05 76%);color:#fdf1d6;font-family:Be Vietnam Pro}.my-khung[data-th="16"] .my-nv{background:radial-gradient(circle at 50% 42%,#ffd98a55,transparent 62%)}.my-khung[data-th="16"] .my-nv:after{content:"";position:absolute;left:50%;bottom:4px;width:80%;height:30px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#f1cf86,#7a5516 52%,transparent 74%);box-shadow:0 12px 20px #000a;opacity:.92}.my-khung[data-th="16"] .my-ten{background:linear-gradient(#f1cf86,#7a5516);color:#2c1c05;border-radius:5px;font-weight:700;box-shadow:inset 0 1px 1px #fff2cf,inset 0 -2px 2px #5a3d0c,0 3px #3a2606,0 7px 10px #0009;text-shadow:0 1px 0 #fff2cf}.my-khung[data-th="16"] .my-head{font-weight:700;font-family:Cormorant Garamond;font-size:clamp(15px,5cqh,28px);letter-spacing:3px;color:#2c1c05;background:linear-gradient(#fff2cf,#f1cf86 35%,#c9953a 72%,#7a5516);padding:8px 64px 16px;border-radius:0 0 70px 70px;box-shadow:inset 0 2px 2px #fff8,inset 0 -5px 6px #5a3d0c,0 5px #3a2606,0 13px 22px #000b;text-shadow:0 1px 0 #fff7,0 -1px 0 #7a551688}.my-khung[data-th="16"] .my-steps li{background:linear-gradient(145deg,#4a3720,#2a1c0c);border-radius:8px;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 4px #000b,0 3px #000c,0 6px 8px #0007;color:#fdf1d6}.my-khung[data-th="16"] .my-steps li b{background:linear-gradient(#f1cf86,#7a5516);color:#2c1c05;box-shadow:inset 0 1px 1px #fff2cf,0 2px #3a2606;font-weight:700}.my-khung[data-th="16"] .my-chu{background:linear-gradient(#0000009a,#0000004a),#1d120a;border-radius:10px;box-shadow:inset 0 8px 18px #000e,inset 0 -2px #ffffff1c,0 0 0 3px #c9953a,0 0 0 5px #7a5516,0 0 0 6px #fff2cf,0 12px 24px #000d;line-height:1.8}.my-khung[data-th="16"] .my-rd{opacity:.4;font-size:.82em}.my-khung[data-th="16"] .my-sp{color:#f3d58e}.my-khung[data-th="16"] mark{background:linear-gradient(#fff2cf,#f1cf86 40%,#c9953a);color:#2c1c05;padding:0 12px 0 22px;border-radius:4px 99px 99px 4px;font-weight:700;box-shadow:inset 0 1px 1px #fffa,0 3px #7a5516,0 6px 10px #000a;position:relative}.my-khung[data-th="16"] .my-nx{opacity:.3;font-size:.82em}.my-khung[data-th="16"] .my-bar{height:11px;border-radius:11px;background:#000a;box-shadow:inset 0 3px 5px #000,0 1px #fff2}.my-khung[data-th="16"] .my-bar i{background:linear-gradient(#fff2cf,#f1cf86 45%,#7a5516);box-shadow:inset 0 1px 1px #fff9,0 0 12px #ffd98a55}.my-khung[data-th="16"] .my-nut button{background:linear-gradient(145deg,#4a3720,#2a1c0c);color:#fdf1d6;border-radius:8px;font-weight:600;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 3px #000a,0 4px #000d,0 9px 12px #0009}.my-khung[data-th="16"] .my-nut .nhan{background:linear-gradient(#fff2cf,#f1cf86 45%,#7a5516);color:#2c1c05;box-shadow:inset 0 1px 1px #fffa,inset 0 -3px 3px #5a3d0c,0 4px #3a2606,0 9px 12px #000a;text-shadow:0 1px 0 #fff2cf}.my-khung[data-th="16"] .my-x{background:linear-gradient(#f1cf86,#7a5516);color:#2c1c05;box-shadow:inset 0 1px 1px #fff2cf,inset 0 -2px 2px #5a3d0c,0 3px #3a2606,0 7px 10px #000a;font-weight:700}.my-khung[data-th="17"]{background:radial-gradient(900px 600px at 20% 62%,#4e2a1c,#170a05 76%);color:#fbeaf0;font-family:Be Vietnam Pro}.my-khung[data-th="17"] .my-nv{background:radial-gradient(circle at 50% 42%,#ffb08a44,transparent 62%)}.my-khung[data-th="17"] .my-nv:after{content:"";position:absolute;left:50%;bottom:4px;width:80%;height:30px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#f6d3b8,#82462a 52%,transparent 74%);box-shadow:0 12px 20px #000a;opacity:.92}.my-khung[data-th="17"] .my-ten{background:linear-gradient(#f6d3b8,#82462a);color:#2a1208;border-radius:5px;font-weight:700;box-shadow:inset 0 1px 1px #fff1e6,inset 0 -2px 2px #5a2c14,0 3px #3a1a0a,0 7px 10px #0009;text-shadow:0 1px 0 #fff1e6}.my-khung[data-th="17"] .my-head{font-weight:800;font-family:Playfair Display;font-size:clamp(15px,5cqh,28px);letter-spacing:1px;color:#2a0612;background:linear-gradient(#fff6d8,#f4dc8f 35%,#d2a741 72%,#8a661a);padding:8px 70px 16px;clip-path:polygon(0 0,100% 0,100% 58%,92% 100%,8% 100%,0 58%);box-shadow:inset 0 3px 3px #fff8,inset 0 -6px 6px #5c4208;text-shadow:0 1px 0 #fff7}.my-khung[data-th="17"] .my-steps li{background:linear-gradient(145deg,#5a3322,#2e170c);border-radius:8px;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 4px #000b,0 3px #000c,0 6px 8px #0007;color:#fbeaf0}.my-khung[data-th="17"] .my-steps li b{background:linear-gradient(#f6d3b8,#82462a);color:#2a1208;box-shadow:inset 0 1px 1px #fff1e6,0 2px #3a1a0a;font-weight:700}.my-khung[data-th="17"] .my-chu{background:linear-gradient(#0000009a,#0000004a),#1f0f08;border-radius:4px;box-shadow:inset 0 8px 18px #000e,inset 0 -2px #ffffff1c,0 0 0 3px #d79a74,0 0 0 5px #82462a,0 0 0 6px #fff1e6,0 12px 24px #000d;line-height:1.8}.my-khung[data-th="17"] .my-rd{opacity:.4;font-size:.82em}.my-khung[data-th="17"] .my-sp{color:#f6d3b8}.my-khung[data-th="17"] mark{background:linear-gradient(135deg,#fff6d8,#f4dc8f 45%,#b98a2a);color:#2a0612;padding:0 14px;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);font-weight:800;text-shadow:0 1px 0 #fff8}.my-khung[data-th="17"] .my-nx{opacity:.3;font-size:.82em}.my-khung[data-th="17"] .my-bar{height:11px;border-radius:11px;background:#000a;box-shadow:inset 0 3px 5px #000,0 1px #fff2}.my-khung[data-th="17"] .my-bar i{background:linear-gradient(#fff1e6,#f6d3b8 45%,#82462a);box-shadow:inset 0 1px 1px #fff9,0 0 12px #ffb08a44}.my-khung[data-th="17"] .my-nut button{background:linear-gradient(145deg,#5a3322,#2e170c);color:#fbeaf0;border-radius:8px;font-weight:600;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 3px #000a,0 4px #000d,0 9px 12px #0009}.my-khung[data-th="17"] .my-nut .nhan{background:linear-gradient(#fff1e6,#f6d3b8 45%,#82462a);color:#2a1208;box-shadow:inset 0 1px 1px #fffa,inset 0 -3px 3px #5a2c14,0 4px #3a1a0a,0 9px 12px #000a;text-shadow:0 1px 0 #fff1e6}.my-khung[data-th="17"] .my-x{background:linear-gradient(#f6d3b8,#82462a);color:#2a1208;box-shadow:inset 0 1px 1px #fff1e6,inset 0 -2px 2px #5a2c14,0 3px #3a1a0a,0 7px 10px #000a;font-weight:700}.my-khung[data-th="18"]{background:radial-gradient(900px 600px at 20% 62%,#3d2810,#120a03 76%);color:#fff6d6;font-family:Be Vietnam Pro}.my-khung[data-th="18"] .my-nv{background:radial-gradient(circle at 50% 42%,#ffd34a44,transparent 62%)}.my-khung[data-th="18"] .my-nv:after{content:"";position:absolute;left:50%;bottom:4px;width:80%;height:30px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#ffe07a,#8a5f0a 52%,transparent 74%);box-shadow:0 12px 20px #000a;opacity:.92}.my-khung[data-th="18"] .my-ten{background:linear-gradient(#ffe07a,#8a5f0a);color:#2a1d00;border-radius:5px;font-weight:700;box-shadow:inset 0 1px 1px #fff7c8,inset 0 -2px 2px #5a3d00,0 3px #3a2800,0 7px 10px #0009;text-shadow:0 1px 0 #fff7c8}.my-khung[data-th="18"] .my-head{font-weight:700;font-family:Oswald;font-size:clamp(15px,5cqh,28px);letter-spacing:6px;text-transform:uppercase;color:#2a1d00;background:linear-gradient(#fff7c8,#ffe07a 30%,#e4b232 66%,#8a5f0a);padding:6px 80px 14px;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%);box-shadow:inset 0 3px 3px #fffa,inset 0 -5px 6px #5a3d00;text-shadow:0 1px 0 #fff8}.my-khung[data-th="18"] .my-steps li{background:linear-gradient(145deg,#3b2e0e,#201806);border-radius:8px;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 4px #000b,0 3px #000c,0 6px 8px #0007;color:#fff6d6}.my-khung[data-th="18"] .my-steps li b{background:linear-gradient(#ffe07a,#8a5f0a);color:#2a1d00;box-shadow:inset 0 1px 1px #fff7c8,0 2px #3a2800;font-weight:700}.my-khung[data-th="18"] .my-chu{background:linear-gradient(#0000009a,#0000004a),#1c1207;border-radius:10px;box-shadow:inset 0 8px 18px #000e,inset 0 -2px #ffffff1c,0 0 0 3px #e4b232,0 0 0 5px #8a5f0a,0 0 0 6px #fff7c8,0 12px 24px #000d;line-height:1.8}.my-khung[data-th="18"] .my-rd{opacity:.4;font-size:.82em}.my-khung[data-th="18"] .my-sp{color:#ffe07a}.my-khung[data-th="18"] mark{background:linear-gradient(#fff7c8,#ffe07a 40%,#c4901c);color:#2a1d00;padding:0 12px;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);font-weight:600;font-family:Oswald;font-size:1.1em;letter-spacing:1px;box-shadow:inset 0 2px 2px #fff}.my-khung[data-th="18"] .my-nx{opacity:.3;font-size:.82em}.my-khung[data-th="18"] .my-bar{height:11px;border-radius:11px;background:#000a;box-shadow:inset 0 3px 5px #000,0 1px #fff2}.my-khung[data-th="18"] .my-bar i{background:linear-gradient(#fff7c8,#ffe07a 45%,#8a5f0a);box-shadow:inset 0 1px 1px #fff9,0 0 12px #ffd34a44}.my-khung[data-th="18"] .my-nut button{background:linear-gradient(145deg,#3b2e0e,#201806);color:#fff6d6;border-radius:8px;font-weight:600;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 3px #000a,0 4px #000d,0 9px 12px #0009}.my-khung[data-th="18"] .my-nut .nhan{background:linear-gradient(#fff7c8,#ffe07a 45%,#8a5f0a);color:#2a1d00;box-shadow:inset 0 1px 1px #fffa,inset 0 -3px 3px #5a3d00,0 4px #3a2800,0 9px 12px #000a;text-shadow:0 1px 0 #fff7c8}.my-khung[data-th="18"] .my-x{background:linear-gradient(#ffe07a,#8a5f0a);color:#2a1d00;box-shadow:inset 0 1px 1px #fff7c8,inset 0 -2px 2px #5a3d00,0 3px #3a2800,0 7px 10px #000a;font-weight:700}.my-khung[data-th="19"]{background:radial-gradient(900px 600px at 20% 62%,#40281a,#130a05 76%);color:#eafff6;font-family:Be Vietnam Pro}.my-khung[data-th="19"] .my-nv{background:radial-gradient(circle at 50% 42%,#ffc77a44,transparent 62%)}.my-khung[data-th="19"] .my-nv:after{content:"";position:absolute;left:50%;bottom:4px;width:80%;height:30px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#f1d8a0,#7a5420 52%,transparent 74%);box-shadow:0 12px 20px #000a;opacity:.92}.my-khung[data-th="19"] .my-ten{background:linear-gradient(#f1d8a0,#7a5420);color:#2a1a08;border-radius:5px;font-weight:700;box-shadow:inset 0 1px 1px #fff6dc,inset 0 -2px 2px #5a3c10,0 3px #3a2606,0 7px 10px #0009;text-shadow:0 1px 0 #fff6dc}.my-khung[data-th="19"] .my-head{font-weight:700;font-family:Lora;font-size:clamp(15px,5cqh,28px);font-style:italic;color:#032017;background:linear-gradient(#fff6dc,#f1d8a0 32%,#c99a4a 70%,#7a5420);padding:8px 70px 15px;clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);box-shadow:inset 0 3px 3px #fffc,inset 0 -5px 6px #5a3c10;text-shadow:0 1px 0 #fff9}.my-khung[data-th="19"] .my-steps li{background:linear-gradient(145deg,#4e3322,#2a170c);border-radius:8px;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 4px #000b,0 3px #000c,0 6px 8px #0007;color:#eafff6}.my-khung[data-th="19"] .my-steps li b{background:linear-gradient(#f1d8a0,#7a5420);color:#2a1a08;box-shadow:inset 0 1px 1px #fff6dc,0 2px #3a2606;font-weight:700}.my-khung[data-th="19"] .my-chu{background:linear-gradient(#0000009a,#0000004a),#1d110a;border-radius:10px;box-shadow:inset 0 8px 18px #000e,inset 0 -2px #ffffff1c,0 0 0 3px #c99a4a,0 0 0 5px #7a5420,0 0 0 6px #fff6dc,0 12px 24px #000d;line-height:1.8}.my-khung[data-th="19"] .my-rd{opacity:.4;font-size:.82em}.my-khung[data-th="19"] .my-sp{color:#f1d8a0}.my-khung[data-th="19"] mark{background:linear-gradient(135deg,#e8fff6,#5ce0b0 40%,#0b6b4d);color:#032017;padding:0 12px 6px;clip-path:polygon(10% 0,90% 0,100% 40%,50% 100%,0 40%);font-weight:700;text-shadow:0 1px 0 #fff9}.my-khung[data-th="19"] .my-nx{opacity:.3;font-size:.82em}.my-khung[data-th="19"] .my-bar{height:11px;border-radius:11px;background:#000a;box-shadow:inset 0 3px 5px #000,0 1px #fff2}.my-khung[data-th="19"] .my-bar i{background:linear-gradient(#fff6dc,#f1d8a0 45%,#7a5420);box-shadow:inset 0 1px 1px #fff9,0 0 12px #ffc77a44}.my-khung[data-th="19"] .my-nut button{background:linear-gradient(145deg,#4e3322,#2a170c);color:#eafff6;border-radius:8px;font-weight:600;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 3px #000a,0 4px #000d,0 9px 12px #0009}.my-khung[data-th="19"] .my-nut .nhan{background:linear-gradient(#fff6dc,#f1d8a0 45%,#7a5420);color:#2a1a08;box-shadow:inset 0 1px 1px #fffa,inset 0 -3px 3px #5a3c10,0 4px #3a2606,0 9px 12px #000a;text-shadow:0 1px 0 #fff6dc}.my-khung[data-th="19"] .my-x{background:linear-gradient(#f1d8a0,#7a5420);color:#2a1a08;box-shadow:inset 0 1px 1px #fff6dc,inset 0 -2px 2px #5a3c10,0 3px #3a2606,0 7px 10px #000a;font-weight:700}.my-khung[data-th="20"]{background:radial-gradient(900px 600px at 20% 62%,#3c1f10,#0f0603 76%);color:#ffeede;font-family:Be Vietnam Pro}.my-khung[data-th="20"] .my-nv{background:radial-gradient(circle at 50% 42%,#ff7a1a44,transparent 62%)}.my-khung[data-th="20"] .my-nv:after{content:"";position:absolute;left:50%;bottom:4px;width:80%;height:30px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#ffd0a0,#a8330a 52%,transparent 74%);box-shadow:0 12px 20px #000a;opacity:.92}.my-khung[data-th="20"] .my-ten{background:linear-gradient(#ffd0a0,#a8330a);color:#2a0e04;border-radius:5px;font-weight:700;box-shadow:inset 0 1px 1px #fff0dc,inset 0 -2px 2px #5c1a04,0 3px #3a0f02,0 7px 10px #0009;text-shadow:0 1px 0 #fff0dc}.my-khung[data-th="20"] .my-head{font-weight:700;font-family:Barlow Condensed;font-size:clamp(15px,5cqh,28px);letter-spacing:6px;text-transform:uppercase;color:#2a0e04;background:linear-gradient(#fff0dc,#ffc27a 28%,#ff7a1a 64%,#a8330a);padding:6px 72px 14px;clip-path:polygon(0 0,100% 0,95% 100%,5% 100%);box-shadow:inset 0 3px 3px #fffa,inset 0 -5px 6px #5c1a04;text-shadow:0 1px 0 #fff9}.my-khung[data-th="20"] .my-steps li{background:linear-gradient(145deg,#34261f,#1a1210);border-radius:8px;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 4px #000b,0 3px #000c,0 6px 8px #0007;color:#ffeede}.my-khung[data-th="20"] .my-steps li b{background:linear-gradient(#ffd0a0,#a8330a);color:#2a0e04;box-shadow:inset 0 1px 1px #fff0dc,0 2px #3a0f02;font-weight:700}.my-khung[data-th="20"] .my-chu{background:linear-gradient(#0000009a,#0000004a),#1a0e08;border-radius:4px;box-shadow:inset 0 8px 18px #000e,inset 0 -2px #ffffff1c,0 0 0 3px #ff7a1a,0 0 0 5px #a8330a,0 0 0 6px #fff0dc,0 12px 24px #000d;line-height:1.8}.my-khung[data-th="20"] .my-rd{opacity:.4;font-size:.82em}.my-khung[data-th="20"] .my-sp{color:#ffb070}.my-khung[data-th="20"] mark{background:linear-gradient(#fff0dc,#ffb070 30%,#ff7a1a 70%,#a8330a);color:#2a0e04;padding:0 10px;font-weight:700;font-family:Barlow Condensed;font-size:1.15em;box-shadow:0 0 18px #ff7a1a,inset 0 2px 2px #fff9}.my-khung[data-th="20"] .my-nx{opacity:.3;font-size:.82em}.my-khung[data-th="20"] .my-bar{height:11px;border-radius:11px;background:#000a;box-shadow:inset 0 3px 5px #000,0 1px #fff2}.my-khung[data-th="20"] .my-bar i{background:linear-gradient(#fff0dc,#ffd0a0 45%,#a8330a);box-shadow:inset 0 1px 1px #fff9,0 0 12px #ff7a1a44}.my-khung[data-th="20"] .my-nut button{background:linear-gradient(145deg,#34261f,#1a1210);color:#ffeede;border-radius:8px;font-weight:600;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 3px #000a,0 4px #000d,0 9px 12px #0009}.my-khung[data-th="20"] .my-nut .nhan{background:linear-gradient(#fff0dc,#ffd0a0 45%,#a8330a);color:#2a0e04;box-shadow:inset 0 1px 1px #fffa,inset 0 -3px 3px #5c1a04,0 4px #3a0f02,0 9px 12px #000a;text-shadow:0 1px 0 #fff0dc}.my-khung[data-th="20"] .my-x{background:linear-gradient(#ffd0a0,#a8330a);color:#2a0e04;box-shadow:inset 0 1px 1px #fff0dc,inset 0 -2px 2px #5c1a04,0 3px #3a0f02,0 7px 10px #000a;font-weight:700}.my-khung[data-th="21"]{background:radial-gradient(900px 600px at 20% 62%,#3a2a22,#0f0a08 76%);color:#f6eadf;font-family:Be Vietnam Pro}.my-khung[data-th="21"] .my-nv{background:radial-gradient(circle at 50% 42%,#ffc09a33,transparent 62%)}.my-khung[data-th="21"] .my-nv:after{content:"";position:absolute;left:50%;bottom:4px;width:80%;height:30px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#f2d2b8,#6e402a 52%,transparent 74%);box-shadow:0 12px 20px #000a;opacity:.92}.my-khung[data-th="21"] .my-ten{background:linear-gradient(#f2d2b8,#6e402a);color:#241008;border-radius:5px;font-weight:700;box-shadow:inset 0 1px 1px #fff4ea,inset 0 -2px 2px #4a2a18,0 3px #2a160b,0 7px 10px #0009;text-shadow:0 1px 0 #fff4ea}.my-khung[data-th="21"] .my-head{font-weight:700;font-family:Saira Condensed;font-size:clamp(15px,5cqh,28px);letter-spacing:6px;text-transform:uppercase;color:#0a121c;background:linear-gradient(#fff4ea,#f2d2b8 28%,#c98a62 66%,#6e402a);padding:6px 72px 14px;border-radius:0 0 14px 14px;box-shadow:inset 0 3px 3px #fff,inset 0 -5px 6px #4a2a18,0 5px #2a160b,0 12px 20px #000b;text-shadow:0 1px 0 #fff}.my-khung[data-th="21"] .my-steps li{background:linear-gradient(145deg,#4a362c,#271a14);border-radius:8px;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 4px #000b,0 3px #000c,0 6px 8px #0007;color:#f6eadf}.my-khung[data-th="21"] .my-steps li b{background:linear-gradient(#f2d2b8,#6e402a);color:#241008;box-shadow:inset 0 1px 1px #fff4ea,0 2px #2a160b;font-weight:700}.my-khung[data-th="21"] .my-chu{background:linear-gradient(#0000009a,#0000004a),#1b120d;border-radius:6px;box-shadow:inset 0 8px 18px #000e,inset 0 -2px #ffffff1c,0 0 0 3px #c98a62,0 0 0 5px #6e402a,0 0 0 6px #fff4ea,0 12px 24px #000d;line-height:1.8}.my-khung[data-th="21"] .my-rd{opacity:.4;font-size:.82em}.my-khung[data-th="21"] .my-sp{color:#f2d2b8}.my-khung[data-th="21"] mark{background:#06120d;color:#4dff9d;border:1px solid #4dff9d;padding:0 10px;font-weight:700;font-family:Saira Condensed;font-size:1.14em;letter-spacing:1px;box-shadow:0 0 14px #4dff9d88,inset 0 0 8px #4dff9d44;text-shadow:0 0 8px #4dff9d}.my-khung[data-th="21"] .my-nx{opacity:.3;font-size:.82em}.my-khung[data-th="21"] .my-bar{height:11px;border-radius:11px;background:#000a;box-shadow:inset 0 3px 5px #000,0 1px #fff2}.my-khung[data-th="21"] .my-bar i{background:linear-gradient(#fff4ea,#f2d2b8 45%,#6e402a);box-shadow:inset 0 1px 1px #fff9,0 0 12px #ffc09a33}.my-khung[data-th="21"] .my-nut button{background:linear-gradient(145deg,#4a362c,#271a14);color:#f6eadf;border-radius:8px;font-weight:600;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 3px #000a,0 4px #000d,0 9px 12px #0009}.my-khung[data-th="21"] .my-nut .nhan{background:linear-gradient(#fff4ea,#f2d2b8 45%,#6e402a);color:#241008;box-shadow:inset 0 1px 1px #fffa,inset 0 -3px 3px #4a2a18,0 4px #2a160b,0 9px 12px #000a;text-shadow:0 1px 0 #fff4ea}.my-khung[data-th="21"] .my-x{background:linear-gradient(#f2d2b8,#6e402a);color:#241008;box-shadow:inset 0 1px 1px #fff4ea,inset 0 -2px 2px #4a2a18,0 3px #2a160b,0 7px 10px #000a;font-weight:700}.my-khung[data-th="22"]{background:radial-gradient(900px 600px at 20% 62%,#4a2a14,#120904 76%);color:#fff3dc;font-family:Be Vietnam Pro}.my-khung[data-th="22"] .my-nv{background:radial-gradient(circle at 50% 42%,#ffd05a33,transparent 62%)}.my-khung[data-th="22"] .my-nv:after{content:"";position:absolute;left:50%;bottom:4px;width:80%;height:30px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#ffeaa8,#7a540a 52%,transparent 74%);box-shadow:0 12px 20px #000a;opacity:.92}.my-khung[data-th="22"] .my-ten{background:linear-gradient(#ffeaa8,#7a540a);color:#2a1802;border-radius:5px;font-weight:700;box-shadow:inset 0 1px 1px #fffbe0,inset 0 -2px 2px #5a3d06,0 3px #3a2802,0 7px 10px #0009;text-shadow:0 1px 0 #fffbe0}.my-khung[data-th="22"] .my-head{font-weight:900;font-family:Playfair Display;font-size:clamp(15px,5cqh,28px);color:#2a1802;background:linear-gradient(#fffbe0,#ffeaa8 28%,#e0b440 66%,#7a540a);padding:8px 74px 18px;clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%);box-shadow:inset 0 3px 3px #fffc,inset 0 -6px 6px #5a3d06;text-shadow:0 1px 0 #fff9}.my-khung[data-th="22"] .my-steps li{background:linear-gradient(145deg,#3e1624,#240a12);border-radius:8px;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 4px #000b,0 3px #000c,0 6px 8px #0007;color:#fff3dc}.my-khung[data-th="22"] .my-steps li b{background:linear-gradient(#ffeaa8,#7a540a);color:#2a1802;box-shadow:inset 0 1px 1px #fffbe0,0 2px #3a2802;font-weight:700}.my-khung[data-th="22"] .my-chu{background:linear-gradient(#0000009a,#0000004a),#1e1208;border-radius:10px;box-shadow:inset 0 8px 18px #000e,inset 0 -2px #ffffff1c,0 0 0 3px #e0b440,0 0 0 5px #7a540a,0 0 0 6px #fffbe0,0 12px 24px #000d;line-height:1.8}.my-khung[data-th="22"] .my-rd{opacity:.4;font-size:.82em}.my-khung[data-th="22"] .my-sp{color:#ffeaa8}.my-khung[data-th="22"] mark{background:radial-gradient(circle at 35% 30%,#fffbe0,#ffeaa8 30%,#e0b440 65%,#7a540a);color:#2a1802;padding:0 14px;border-radius:99px;font-weight:800;font-family:Playfair Display;font-size:1.1em;box-shadow:inset 0 -3px 4px #5a3d06,0 3px #5a3d06,0 6px 9px #000a;text-shadow:0 1px 0 #fff8}.my-khung[data-th="22"] .my-nx{opacity:.3;font-size:.82em}.my-khung[data-th="22"] .my-bar{height:11px;border-radius:11px;background:#000a;box-shadow:inset 0 3px 5px #000,0 1px #fff2}.my-khung[data-th="22"] .my-bar i{background:linear-gradient(#fffbe0,#ffeaa8 45%,#7a540a);box-shadow:inset 0 1px 1px #fff9,0 0 12px #ffd05a33}.my-khung[data-th="22"] .my-nut button{background:linear-gradient(145deg,#3e1624,#240a12);color:#fff3dc;border-radius:8px;font-weight:600;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 3px #000a,0 4px #000d,0 9px 12px #0009}.my-khung[data-th="22"] .my-nut .nhan{background:linear-gradient(#fffbe0,#ffeaa8 45%,#7a540a);color:#2a1802;box-shadow:inset 0 1px 1px #fffa,inset 0 -3px 3px #5a3d06,0 4px #3a2802,0 9px 12px #000a;text-shadow:0 1px 0 #fffbe0}.my-khung[data-th="22"] .my-x{background:linear-gradient(#ffeaa8,#7a540a);color:#2a1802;box-shadow:inset 0 1px 1px #fffbe0,inset 0 -2px 2px #5a3d06,0 3px #3a2802,0 7px 10px #000a;font-weight:700}.my-khung[data-th="23"]{background:radial-gradient(900px 600px at 20% 62%,#4a2c18,#150c06 76%);color:#fbefdc;font-family:Be Vietnam Pro}.my-khung[data-th="23"] .my-nv{background:radial-gradient(circle at 50% 42%,#ffc77a33,transparent 62%)}.my-khung[data-th="23"] .my-nv:after{content:"";position:absolute;left:50%;bottom:4px;width:80%;height:30px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#f5dfa8,#8a6420 52%,transparent 74%);box-shadow:0 12px 20px #000a;opacity:.92}.my-khung[data-th="23"] .my-ten{background:linear-gradient(#f5dfa8,#8a6420);color:#2a1a08;border-radius:5px;font-weight:700;box-shadow:inset 0 1px 1px #fff4d6,inset 0 -2px 2px #5a3c0e,0 3px #3a2606,0 7px 10px #0009;text-shadow:0 1px 0 #fff4d6}.my-khung[data-th="23"] .my-head{font-weight:700;font-family:Lora;font-size:clamp(15px,5cqh,28px);letter-spacing:1px;color:#2a1a08;background:linear-gradient(#fff4d6,#f5dfa8 32%,#d9b36a 70%,#8a6420);padding:8px 64px 15px;border-radius:0 0 12px 12px;box-shadow:inset 0 3px 3px #fffc,inset 0 -5px 6px #5a3c0e,0 5px #3a2606,0 12px 20px #000b;text-shadow:0 1px 0 #fff9}.my-khung[data-th="23"] .my-steps li{background:linear-gradient(145deg,#5a3a22,#34200f);border-radius:8px;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 4px #000b,0 3px #000c,0 6px 8px #0007;color:#fbefdc}.my-khung[data-th="23"] .my-steps li b{background:linear-gradient(#f5dfa8,#8a6420);color:#2a1a08;box-shadow:inset 0 1px 1px #fff4d6,0 2px #3a2606;font-weight:700}.my-khung[data-th="23"] .my-chu{background:linear-gradient(#0000009a,#0000004a),#f2e8d0;border-radius:6px;box-shadow:inset 0 8px 18px #000e,inset 0 -2px #ffffff1c,0 0 0 3px #d9b36a,0 0 0 5px #8a6420,0 0 0 6px #fff4d6,0 12px 24px #000d;line-height:1.8}.my-khung[data-th="23"] .my-rd{opacity:.4;font-size:.82em}.my-khung[data-th="23"] .my-sp{color:#f5dfa8}.my-khung[data-th="23"] mark{background:none;color:#4a2c10;font-weight:700;border-bottom:4px double #b8860b;padding:0 4px}.my-khung[data-th="23"] .my-nx{opacity:.3;font-size:.82em}.my-khung[data-th="23"] .my-bar{height:11px;border-radius:11px;background:#000a;box-shadow:inset 0 3px 5px #000,0 1px #fff2}.my-khung[data-th="23"] .my-bar i{background:linear-gradient(#fff4d6,#f5dfa8 45%,#8a6420);box-shadow:inset 0 1px 1px #fff9,0 0 12px #ffc77a33}.my-khung[data-th="23"] .my-nut button{background:linear-gradient(145deg,#5a3a22,#34200f);color:#fbefdc;border-radius:8px;font-weight:600;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 3px #000a,0 4px #000d,0 9px 12px #0009}.my-khung[data-th="23"] .my-nut .nhan{background:linear-gradient(#fff4d6,#f5dfa8 45%,#8a6420);color:#2a1a08;box-shadow:inset 0 1px 1px #fffa,inset 0 -3px 3px #5a3c0e,0 4px #3a2606,0 9px 12px #000a;text-shadow:0 1px 0 #fff4d6}.my-khung[data-th="23"] .my-x{background:linear-gradient(#f5dfa8,#8a6420);color:#2a1a08;box-shadow:inset 0 1px 1px #fff4d6,inset 0 -2px 2px #5a3c0e,0 3px #3a2606,0 7px 10px #000a;font-weight:700}.my-khung[data-th="23"] .my-chu{color:#2a1a08;font-weight:500;font-family:IBM Plex Mono;line-height:1.85;background:linear-gradient(#fffaf0,#f2e8d0)}.my-khung[data-th="23"] .my-rd{color:#2a1a0855;opacity:1}.my-khung[data-th="23"] .my-sp{color:#7a5a1a}.my-khung[data-th="23"] .my-nx{color:#2a1a0840;opacity:1}.my-khung[data-th="24"]{background:radial-gradient(900px 600px at 20% 62%,#4a2a14,#130a04 76%);color:#fbeedd;font-family:Be Vietnam Pro}.my-khung[data-th="24"] .my-nv{background:radial-gradient(circle at 50% 42%,#ffb26a33,transparent 62%)}.my-khung[data-th="24"] .my-nv:after{content:"";position:absolute;left:50%;bottom:4px;width:80%;height:30px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#f6d2a6,#7a4412 52%,transparent 74%);box-shadow:0 12px 20px #000a;opacity:.92}.my-khung[data-th="24"] .my-ten{background:linear-gradient(#f6d2a6,#7a4412);color:#2a1406;border-radius:5px;font-weight:700;box-shadow:inset 0 1px 1px #fff0dc,inset 0 -2px 2px #5a300a,0 3px #3a1e04,0 7px 10px #0009;text-shadow:0 1px 0 #fff0dc}.my-khung[data-th="24"] .my-head{font-weight:700;font-family:Cormorant Garamond;font-size:clamp(15px,5cqh,28px);letter-spacing:5px;text-transform:uppercase;color:#2a1406;background:linear-gradient(#fff0dc,#f6d2a6 30%,#d98f4a 68%,#7a4412);padding:6px 66px 14px;border-radius:0 0 8px 8px;box-shadow:inset 0 3px 3px #fffc,inset 0 -5px 6px #5a300a,0 5px #3a1e04,0 12px 20px #000b;text-shadow:0 1px 0 #fff9}.my-khung[data-th="24"] .my-steps li{background:linear-gradient(145deg,#4a2e18,#2a190c);border-radius:8px;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 4px #000b,0 3px #000c,0 6px 8px #0007;color:#fbeedd}.my-khung[data-th="24"] .my-steps li b{background:linear-gradient(#f6d2a6,#7a4412);color:#2a1406;box-shadow:inset 0 1px 1px #fff0dc,0 2px #3a1e04;font-weight:700}.my-khung[data-th="24"] .my-chu{background:linear-gradient(#0000009a,#0000004a),#1b110a;border-radius:10px;box-shadow:inset 0 8px 18px #000e,inset 0 -2px #ffffff1c,0 0 0 3px #d98f4a,0 0 0 5px #7a4412,0 0 0 6px #fff0dc,0 12px 24px #000d;line-height:1.8}.my-khung[data-th="24"] .my-rd{opacity:.4;font-size:.82em}.my-khung[data-th="24"] .my-sp{color:#f6d2a6}.my-khung[data-th="24"] mark{background:radial-gradient(circle at 30% 25%,#fff0dc,#e8a868 38%,#7a4412);color:#2a1406;padding:0 14px;border-radius:99px 99px 99px 4px;font-weight:700;font-family:Cormorant Garamond;font-size:1.15em;box-shadow:inset 0 -3px 4px #5a300a,0 3px #5a300a,0 6px 9px #000a;text-shadow:0 1px 0 #fff8}.my-khung[data-th="24"] .my-nx{opacity:.3;font-size:.82em}.my-khung[data-th="24"] .my-bar{height:11px;border-radius:11px;background:#000a;box-shadow:inset 0 3px 5px #000,0 1px #fff2}.my-khung[data-th="24"] .my-bar i{background:linear-gradient(#fff0dc,#f6d2a6 45%,#7a4412);box-shadow:inset 0 1px 1px #fff9,0 0 12px #ffb26a33}.my-khung[data-th="24"] .my-nut button{background:linear-gradient(145deg,#4a2e18,#2a190c);color:#fbeedd;border-radius:8px;font-weight:600;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 3px #000a,0 4px #000d,0 9px 12px #0009}.my-khung[data-th="24"] .my-nut .nhan{background:linear-gradient(#fff0dc,#f6d2a6 45%,#7a4412);color:#2a1406;box-shadow:inset 0 1px 1px #fffa,inset 0 -3px 3px #5a300a,0 4px #3a1e04,0 9px 12px #000a;text-shadow:0 1px 0 #fff0dc}.my-khung[data-th="24"] .my-x{background:linear-gradient(#f6d2a6,#7a4412);color:#2a1406;box-shadow:inset 0 1px 1px #fff0dc,inset 0 -2px 2px #5a300a,0 3px #3a1e04,0 7px 10px #000a;font-weight:700}.my-khung[data-th="25"]{background:radial-gradient(900px 600px at 20% 62%,#45291a,#140a05 76%);color:#f8efdc;font-family:Be Vietnam Pro}.my-khung[data-th="25"] .my-nv{background:radial-gradient(circle at 50% 42%,#ffd98a44,transparent 62%)}.my-khung[data-th="25"] .my-nv:after{content:"";position:absolute;left:50%;bottom:4px;width:80%;height:30px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#f6df9a,#7e5a14 52%,transparent 74%);box-shadow:0 12px 20px #000a;opacity:.92}.my-khung[data-th="25"] .my-ten{background:linear-gradient(#f6df9a,#7e5a14);color:#2a1c06;border-radius:5px;font-weight:700;box-shadow:inset 0 1px 1px #fff8d8,inset 0 -2px 2px #5a420a,0 3px #3a2a04,0 7px 10px #0009;text-shadow:0 1px 0 #fff8d8}.my-khung[data-th="25"] .my-head{font-weight:800;font-family:"Noto Serif Display";font-size:clamp(15px,5cqh,28px);color:#04241a;background:linear-gradient(#fff6c8,#f6dc7a 30%,#c59a30 68%,#7a5a10);padding:8px 66px 16px;border-radius:0 0 40px 40px;box-shadow:inset 0 3px 3px #fffc,inset 0 -5px 6px #5a4208,0 5px #3a2a04,0 12px 20px #000b;text-shadow:0 1px 0 #fff9}.my-khung[data-th="25"] .my-steps li{background:linear-gradient(145deg,#4e3622,#2a180c);border-radius:8px;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 4px #000b,0 3px #000c,0 6px 8px #0007;color:#f8efdc}.my-khung[data-th="25"] .my-steps li b{background:linear-gradient(#f6df9a,#7e5a14);color:#2a1c06;box-shadow:inset 0 1px 1px #fff8d8,0 2px #3a2a04;font-weight:700}.my-khung[data-th="25"] .my-chu{background:linear-gradient(#0000009a,#0000004a),#1d110a;border-radius:10px;box-shadow:inset 0 8px 18px #000e,inset 0 -2px #ffffff1c,0 0 0 3px #d1a23e,0 0 0 5px #7e5a14,0 0 0 6px #fff8d8,0 12px 24px #000d;line-height:1.8}.my-khung[data-th="25"] .my-rd{opacity:.4;font-size:.82em}.my-khung[data-th="25"] .my-sp{color:#f6df9a}.my-khung[data-th="25"] mark{background:linear-gradient(135deg,#5cf0b8,#12906a 60%,#0a4a38);color:#031a12;padding:0 10px;border-radius:99px;font-weight:800;box-shadow:inset 0 2px 2px #d8fff0,inset 0 -3px 3px #043a28,0 3px #043a28,0 6px 9px #000a;text-shadow:0 1px 0 #d8fff0}.my-khung[data-th="25"] .my-nx{opacity:.3;font-size:.82em}.my-khung[data-th="25"] .my-bar{height:11px;border-radius:11px;background:#000a;box-shadow:inset 0 3px 5px #000,0 1px #fff2}.my-khung[data-th="25"] .my-bar i{background:linear-gradient(#fff8d8,#f6df9a 45%,#7e5a14);box-shadow:inset 0 1px 1px #fff9,0 0 12px #ffd98a44}.my-khung[data-th="25"] .my-nut button{background:linear-gradient(145deg,#4e3622,#2a180c);color:#f8efdc;border-radius:8px;font-weight:600;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 3px #000a,0 4px #000d,0 9px 12px #0009}.my-khung[data-th="25"] .my-nut .nhan{background:linear-gradient(#fff8d8,#f6df9a 45%,#7e5a14);color:#2a1c06;box-shadow:inset 0 1px 1px #fffa,inset 0 -3px 3px #5a420a,0 4px #3a2a04,0 9px 12px #000a;text-shadow:0 1px 0 #fff8d8}.my-khung[data-th="25"] .my-x{background:linear-gradient(#f6df9a,#7e5a14);color:#2a1c06;box-shadow:inset 0 1px 1px #fff8d8,inset 0 -2px 2px #5a420a,0 3px #3a2a04,0 7px 10px #000a;font-weight:700}.my-khung[data-th="26"]{background:radial-gradient(900px 600px at 20% 62%,#3e2a1c,#110a06 76%);color:#f6ece0;font-family:Be Vietnam Pro}.my-khung[data-th="26"] .my-nv{background:radial-gradient(circle at 50% 42%,#7fd8ff2a,transparent 62%)}.my-khung[data-th="26"] .my-nv:after{content:"";position:absolute;left:50%;bottom:4px;width:80%;height:30px;transform:translate(-50%);border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#f0d6b4,#6a4426 52%,transparent 74%);box-shadow:0 12px 20px #000a;opacity:.92}.my-khung[data-th="26"] .my-ten{background:linear-gradient(#f0d6b4,#6a4426);color:#241208;border-radius:5px;font-weight:700;box-shadow:inset 0 1px 1px #fff3e2,inset 0 -2px 2px #4a2c14,0 3px #2a170a,0 7px 10px #0009;text-shadow:0 1px 0 #fff3e2}.my-khung[data-th="26"] .my-head{font-weight:700;font-family:Rajdhani;font-size:clamp(15px,5cqh,28px);letter-spacing:7px;text-transform:uppercase;color:#07131c;background:linear-gradient(#fff3e2,#f0d6b4 28%,#c2956a 66%,#6a4426);padding:6px 72px 14px;clip-path:polygon(3% 0,97% 0,100% 100%,0 100%);box-shadow:inset 0 3px 3px #fff,inset 0 -5px 6px #4a2c14;text-shadow:0 1px 0 #fff}.my-khung[data-th="26"] .my-steps li{background:linear-gradient(145deg,#4a362a,#271a12);border-radius:8px;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 4px #000b,0 3px #000c,0 6px 8px #0007;color:#f6ece0}.my-khung[data-th="26"] .my-steps li b{background:linear-gradient(#f0d6b4,#6a4426);color:#241208;box-shadow:inset 0 1px 1px #fff3e2,0 2px #2a170a;font-weight:700}.my-khung[data-th="26"] .my-chu{background:linear-gradient(#0000009a,#0000004a),#1a110c;border-radius:6px;box-shadow:inset 0 8px 18px #000e,inset 0 -2px #ffffff1c,0 0 0 3px #c2956a,0 0 0 5px #6a4426,0 0 0 6px #fff3e2,0 12px 24px #000d;line-height:1.8}.my-khung[data-th="26"] .my-rd{opacity:.4;font-size:.82em}.my-khung[data-th="26"] .my-sp{color:#a8e4ff}.my-khung[data-th="26"] mark{background:#06121c;color:#7fd8ff;border:1px solid #7fd8ff;padding:0 10px;font-weight:700;font-family:Rajdhani;font-size:1.14em;letter-spacing:1px;box-shadow:0 0 14px #7fd8ffaa,inset 0 0 8px #7fd8ff55;text-shadow:0 0 8px #7fd8ff}.my-khung[data-th="26"] .my-nx{opacity:.3;font-size:.82em}.my-khung[data-th="26"] .my-bar{height:11px;border-radius:11px;background:#000a;box-shadow:inset 0 3px 5px #000,0 1px #fff2}.my-khung[data-th="26"] .my-bar i{background:linear-gradient(#fff3e2,#f0d6b4 45%,#6a4426);box-shadow:inset 0 1px 1px #fff9,0 0 12px #7fd8ff2a}.my-khung[data-th="26"] .my-nut button{background:linear-gradient(145deg,#4a362a,#271a12);color:#f6ece0;border-radius:8px;font-weight:600;box-shadow:inset 0 1px 1px #fff3,inset 0 -3px 3px #000a,0 4px #000d,0 9px 12px #0009}.my-khung[data-th="26"] .my-nut .nhan{background:linear-gradient(#fff3e2,#f0d6b4 45%,#6a4426);color:#241208;box-shadow:inset 0 1px 1px #fffa,inset 0 -3px 3px #4a2c14,0 4px #2a170a,0 9px 12px #000a;text-shadow:0 1px 0 #fff3e2}.my-khung[data-th="26"] .my-x{background:linear-gradient(#f0d6b4,#6a4426);color:#241208;box-shadow:inset 0 1px 1px #fff3e2,inset 0 -2px 2px #4a2c14,0 3px #2a170a,0 7px 10px #000a;font-weight:700}.my-khung[data-th="3"] .my-head:after{display:none}.my-khung .my-head{line-height:1.1}.my-khung[data-th="8"] .my-chu:before{display:none}.ct-lop{position:fixed;inset:0;z-index:2050;pointer-events:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.ct-mat{position:fixed;background:#03050c9e;pointer-events:auto}.ct-vien{position:fixed;border:3px solid #ffe45e;border-radius:14px;box-shadow:0 0 0 4px #ffe45e33,0 0 28px #ffe45e;pointer-events:none;animation:ctNhip 1.4s ease-in-out infinite}@keyframes ctNhip{50%{box-shadow:0 0 0 8px #ffe45e22,0 0 36px #ffe45e}}.ct-loi{position:fixed;max-width:min(320px,calc(100vw - 24px));background:#ffe45e;color:#2a1d05;border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.45;box-shadow:0 12px 30px #000a;pointer-events:auto;display:flex;flex-direction:column;gap:6px}.ct-loi b{font-size:12px;letter-spacing:.3px;text-transform:uppercase;opacity:.75}.ct-loi:before{content:"";position:absolute;left:22px;top:-8px;border:8px solid transparent;border-bottom-color:#ffe45e;border-top:0}.ct-loi.tren:before{top:auto;bottom:-8px;border-bottom:0;border-top:8px solid #ffe45e}.ct-nut{display:flex;gap:6px;flex-wrap:wrap}.ct-nut button{border:1px solid #2a1d0533;background:#fff8d6;color:#2a1d05;border-radius:99px;padding:5px 11px;font-size:12px;cursor:pointer}.ct-nut button.pri{background:#2a1d05;color:#ffe45e;border-color:#2a1d05;font-weight:700}@media(prefers-reduced-motion:reduce){.ct-vien{animation:none}}.my-noi{position:fixed;right:14px;bottom:calc(var(--bottom-nav-height,64px) + 14px + env(safe-area-inset-bottom,0px));z-index:1500;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none;max-width:calc(100vw - 28px)}.my-noi>*{pointer-events:auto}.my-noi-nut{width:64px;height:64px;border-radius:50%;padding:0;border:0;cursor:pointer;position:relative;overflow:visible;background:radial-gradient(circle at 50% 35%,#6f86d6,#1b2447);box-shadow:0 0 0 3px #f5c451,0 0 0 6px #0a1233,0 10px 26px #000a;transition:transform .15s}.my-noi-nut:active{transform:scale(.94)}.my-noi-nut img{width:64px;height:64px;border-radius:50%;display:block;object-fit:cover}.my-noi-den{position:absolute;right:2px;top:2px;width:14px;height:14px;border-radius:50%;background:#3dffa0;border:2px solid #0a1233;animation:myDen 2.4s ease-in-out infinite}@keyframes myDen{50%{box-shadow:0 0 10px #3dffa0}}.my-noi-bong{position:relative;max-width:min(320px,calc(100vw - 28px));background:#fff;color:#1a1a2a;border-radius:16px 16px 4px;padding:10px 30px 10px 14px;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;box-shadow:0 12px 30px #0009;animation:myBong .25s ease-out}@keyframes myBong{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.my-noi-x{position:absolute;right:6px;top:6px;width:22px;height:22px;border:0;border-radius:50%;background:#eef;color:#445;cursor:pointer;display:grid;place-items:center;padding:0}@media(prefers-reduced-motion:reduce){.my-noi-den,.my-noi-bong{animation:none}}.my-noi-khung{width:min(340px,calc(100vw - 28px));max-height:calc(100dvh - var(--bottom-nav-height,64px) - 170px);overflow-y:auto;background:#fff;color:#1a1a2a;border-radius:16px;padding:10px 12px 12px;box-shadow:0 14px 36px #000a;display:flex;flex-direction:column;gap:8px;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;animation:myBong .2s ease-out}.my-noi-dau{display:flex;align-items:center;justify-content:space-between}.my-noi-dau b{font-size:14px;color:#2a2a4a}.my-noi-dau .my-noi-x{position:static}.my-noi-chinh{border:0;border-radius:10px;padding:10px 12px;font:600 13.5px system-ui,sans-serif;background:linear-gradient(#f9d56e,#e0a43a);color:#2a1d05;cursor:pointer;text-align:left}.my-noi-hoi{display:flex;gap:6px;align-items:center}.my-noi-hoi input{flex:1;min-width:0;border:1px solid #d9d9e6;border-radius:10px;padding:8px 10px;font:14px system-ui,sans-serif;color:#1a1a2a;background:#fff}.my-noi-hoi input:focus{outline:2px solid #e0a43a;border-color:transparent}.my-noi-mic,.my-noi-gui{width:34px;height:34px;border-radius:50%;border:1px solid #d9d9e6;background:#f3f4fa;color:#2a2a4a;display:grid;place-items:center;cursor:pointer;flex:0 0 auto;padding:0}.my-noi-mic.on{background:#ff5f5f;color:#fff;border-color:#ff5f5f;animation:myMic 1s ease-in-out infinite}@keyframes myMic{50%{box-shadow:0 0 0 6px #ff5f5f44}}.my-noi-gui{background:#2a2a4a;color:#fff;border-color:#2a2a4a}.my-noi-loi{margin:0;font-size:12.5px;color:#7a3a1a;background:#fff3e6;border-radius:8px;padding:6px 8px}.my-noi-goi-y{display:flex;gap:6px;flex-wrap:wrap}.my-noi-goi-y button{border:0;background:#eef1ff;color:#1b2a66;font-size:12px;padding:6px 10px;border-radius:99px;cursor:pointer}@media(prefers-reduced-motion:reduce){.my-noi-khung,.my-noi-mic.on{animation:none}}.my-noi-nhac{cursor:pointer;border:2px solid #ffe45e}.my-noi-tuan{display:flex;flex-direction:column;gap:5px;background:#f6f3ff;border-radius:10px;padding:8px 10px}.my-noi-tuan small{color:#4a4a6a;font-weight:600}.my-noi-tuan-thanh{display:block;height:6px;border-radius:6px;background:#e1ddf3;overflow:hidden}.my-noi-tuan-thanh b{display:block;height:100%;background:linear-gradient(90deg,#f9d56e,#e0a43a)}.my-noi-tan-binh{background:#e8fff1;color:#1d6a3a}.my-noi.o-dau{top:calc(var(--home-header-height, calc(76px + env(safe-area-inset-top,0px)) ) + 6px);bottom:auto;right:12px;flex-direction:column;align-items:flex-end}.my-noi.o-dau .my-noi-bong{border-radius:16px 4px 16px 16px}.my-noi.o-dau .my-noi-khung{max-height:calc(100dvh - var(--home-header-height,76px) - var(--bottom-nav-height,64px) - 40px)}.my-ld{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--bottom-nav-height,64px) + 16px + env(safe-area-inset-bottom,0px));z-index:2060;width:min(420px,calc(100vw - 24px));display:flex;gap:10px;align-items:flex-start;background:#fff;color:#1a1a2a;border-radius:16px;padding:12px;box-shadow:0 14px 36px #000a,0 0 0 2px #f5c451;font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif;animation:myBong .25s ease-out}.my-ld img{width:48px;height:48px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 2px #f5c451}.my-ld-than{display:flex;flex-direction:column;gap:6px;min-width:0}.my-ld-than span{color:#4a4a60;font-size:13px}.my-ld-nut{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}.my-ld-nut button{border:1px solid #d9d9e6;background:#f3f4fa;color:#2a2a4a;border-radius:99px;padding:7px 14px;font:600 13px system-ui,sans-serif;cursor:pointer}.my-ld-nut button.pri{background:linear-gradient(#f9d56e,#e0a43a);border-color:#e0a43a;color:#2a1d05}.my-thu-nhay{outline:3px solid #ffe45e!important;outline-offset:3px;border-radius:12px;animation:myThu 1s ease-in-out 4}@keyframes myThu{50%{outline-color:#ffe45e33}}.mc-thanh{position:sticky;bottom:calc(64px + env(safe-area-inset-bottom,0px));z-index:2110;display:grid;gap:6px;padding:8px 0 6px;background:linear-gradient(180deg,transparent,#0e1426 30%)}.mc-thanh.mo{position:fixed;left:12px;right:12px;bottom:calc(66px + env(safe-area-inset-bottom,0px));z-index:2120;background:none;padding:0}.mc-thanh.mo .mc-nhac:not(.lam-het),.mc-thanh.mo .mc-loi{display:none}@media(min-width:900px){.mc-thanh.mo{left:auto;right:24px;width:420px;bottom:24px}}.mc-o{display:grid;grid-template-columns:1fr auto auto auto;gap:5px;align-items:center;padding:5px 5px 5px 12px;border-radius:17px;background:#0a0f1e;border:1px solid rgba(63,208,192,.55);box-shadow:0 6px 20px #00000059}.mc-o input{min-width:0;background:none;border:0;color:#eef0f6;font:inherit;font-size:14px;padding:8px 2px}.mc-o input:focus{outline:none}.mc-tron{width:32px;height:32px;border-radius:50%;border:0;background:#2a3352;color:#eef0f6;display:grid;place-items:center;cursor:pointer}.mc-tron.gui{background:linear-gradient(180deg,#5fe0cf,#2aa89a);color:#06201d;font-weight:800}.mc-tron.nghe{background:#ff6b57;animation:mcNghe 1s infinite alternate}.mc-tron:disabled{opacity:.45;cursor:default}@keyframes mcNghe{to{box-shadow:0 0 0 6px #ff6b5740}}.mc-nhac{text-align:left;border:1px solid rgba(63,208,192,.5);background:#10203a;color:#9ff0e6;border-radius:12px;padding:7px 11px;font:600 12.5px inherit;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-nhac.mo{color:#c9cfdf;border-color:#2a3352}.mc-loi{font-size:12.5px;color:#ffb3a5;background:#ff6b571f;border-radius:10px;padding:7px 10px}.mc-lop{position:fixed;inset:0;z-index:2100}.mc-mo-trang{position:absolute;inset:0;background:#0e1426c7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.mc-cua-so{position:absolute;border-radius:14px;border:2px solid #3fd0c0;box-shadow:0 0 0 9999px #0e1426c7;pointer-events:none;transition:left .3s,top .3s,width .3s,height .3s}.mc-cua-so span{position:absolute;left:8px;top:-11px;font:700 10.5px inherit;color:#06201d;background:#9ff0e6;border-radius:999px;padding:1px 8px;white-space:nowrap}.mc-khung{position:absolute;left:0;right:0;bottom:calc(122px + env(safe-area-inset-bottom,0px));max-height:60%;display:grid;grid-template-rows:auto auto 1fr;padding:0 12px}@media(min-width:900px){.mc-khung{left:auto;right:24px;width:420px;bottom:80px;max-height:70%}}.mc-dau{display:flex;align-items:center;gap:6px;padding:6px 4px}.mc-ten{display:inline-flex;align-items:center;gap:5px;font-weight:800;font-size:13px;color:#9ff0e6}.mc-ten small{color:#97a0bb;font-weight:500;font-size:11px;margin-left:4px}.mc-nho{margin-left:auto;display:inline-flex;align-items:center;gap:4px;border:1px solid #2a3352;background:#161d33;color:#d5dbeb;border-radius:999px;padding:4px 9px;font:600 11.5px inherit;cursor:pointer}.mc-nho+.mc-nho{margin-left:0}.mc-nhat-ky{display:grid;gap:4px;max-height:32vh;overflow-y:auto;background:#121a30;border:1px solid #2a3352;border-radius:12px;padding:8px;margin-bottom:6px}.mc-nk-dong{display:flex;gap:6px;align-items:flex-start}.mc-nk-so{width:20px;height:20px;border-radius:50%;background:#232b45;display:grid;place-items:center;font:800 10px ui-monospace,monospace;color:#c8cfe2;flex:none}.mc-nk-bam{display:grid;gap:1px;width:100%;text-align:left;background:#0f1529;border:1px solid #232b45;border-radius:8px;padding:5px 8px;color:#eef0f6;font:600 12px inherit;cursor:pointer;margin-bottom:3px}.mc-nk-bam small{color:#97a0bb;font-weight:500;font-size:11px}.mc-tin{overflow-y:auto;display:grid;gap:7px;align-content:end;padding:2px 2px 6px}.mc-my{justify-self:start;max-width:94%;background:#10203a;border:1px solid rgba(63,208,192,.4);border-radius:13px 13px 13px 4px;padding:8px 10px;display:grid;gap:6px;color:#eef0f6;font-size:13px;line-height:1.45}.mc-my.mo{opacity:.55}.mc-toi{justify-self:end;max-width:86%;background:#2a3352;color:#eef0f6;border-radius:13px 13px 4px;padding:7px 10px;font-size:13px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.mc-chu{white-space:pre-wrap;overflow-wrap:anywhere}.mc-hoi-lai{color:#f2c46d;font-size:12.5px}.mc-de{background:#0a0f1e;border:1px dashed rgba(240,198,116,.55);border-radius:10px;padding:7px 9px;display:grid;gap:6px}.mc-de-the{display:grid;gap:2px;font-size:12.5px}.mc-de-the b{color:#f2c46d;font-size:12.5px}.mc-de-the span{color:#d6dcef;white-space:pre-wrap;overflow-wrap:anywhere}.mc-de-the i{font-style:normal;color:#97a0bb;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.mc-hai{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mc-nut{border:0;border-radius:10px;padding:8px;font:700 12.5px inherit;color:#2a1706;background:linear-gradient(#f2c27c,#c98238);box-shadow:0 2px #8a5420;cursor:pointer}.mc-nut.vien{background:transparent;color:#eef0f6;border:1px solid #2f3858;box-shadow:none}.mc-nut:disabled{opacity:.5;cursor:default}.mc-tt{font-size:11.5px;color:#97a0bb}.mc-tt.dat{color:#6fe0b8}.mc-dien{display:grid;gap:3px}.mc-lien{justify-self:start;background:none;border:0;color:#f2c46d;font:700 12px inherit;padding:2px 0;cursor:pointer;display:inline-flex;gap:4px;align-items:center}.mc-chon{display:flex;flex-wrap:wrap;gap:5px}.mc-chip{padding:6px 10px;border-radius:999px;background:#1d2540;border:1px solid #2f3858;color:#d5dbeb;font:600 12px inherit;cursor:pointer}.mc-chip.ai{border-color:#3fd0c099;color:#9ff0e6;background:#3fd0c01a}.mc-chip:disabled{opacity:.5}.mc-dang{color:#97a0bb;font-size:12px;display:inline-flex;align-items:center;gap:3px}.mc-dang i{width:5px;height:5px;border-radius:50%;background:#3fd0c0;animation:mcNhay 1s infinite}.mc-dang i:nth-child(2){animation-delay:.2s}.mc-dang i:nth-child(3){animation-delay:.4s}@keyframes mcNhay{50%{opacity:.2}}.the-dich{border-color:#3fd0c0!important;box-shadow:0 0 0 2px #3fd0c059,0 0 26px #3fd0c038!important;background:#10263a!important}.mc-go{display:grid;gap:5px;padding:6px 2px 2px;font-size:13px}.mc-go b{display:block;font-size:10.5px;color:#97a0bb;text-transform:uppercase;letter-spacing:.05em}.mc-go-chu{background:#3fd0c029;border-radius:4px;padding:0 3px;color:#eef0f6;white-space:pre-wrap;overflow-wrap:anywhere}.mc-con-tro{display:inline-block;width:2px;height:13px;background:#3fd0c0;vertical-align:-2px;animation:mcNhay .7s steps(1) infinite}@media(prefers-reduced-motion:reduce){.mc-con-tro,.mc-dang i,.mc-tron.nghe{animation:none}}.mc-my.gon{opacity:.75}.mc-my.gon .mc-chu{font-size:12.5px}.mc-nho.ban,.mc-nhac.ban{border-color:#f2c46d99;color:#f2c46d;display:inline-flex;align-items:center;gap:5px}.mc-ban-nen{position:fixed;inset:0;z-index:2300;background:#05081099;display:grid;place-items:end center}.mc-ban{width:min(560px,100%);max-height:86vh;background:#121a30;border:1px solid rgba(242,196,109,.5);border-radius:18px 18px 0 0;display:grid;grid-template-rows:auto 1fr}@media(min-width:900px){.mc-ban-nen{place-items:center}.mc-ban{border-radius:18px}}.mc-ban-dau{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #2a3352}.mc-ban-dau b{display:inline-flex;align-items:center;gap:6px;color:#f2c46d;font-size:14px}.mc-ban-dau small{color:#97a0bb;flex:1;font-size:11.5px}.mc-ban-than{overflow-y:auto;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px));white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6;color:#e8ebf3}.mc-nhac.lam-het{color:#f2c46d;border-color:#f2c46d99;background:#1b1a2e}.bc-so{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:6px}.bc-so>div{background:#0f1529;border:1px solid #2a3352;border-radius:10px;padding:7px 9px;display:grid;gap:1px}.bc-so b{font-size:18px;color:#f2c46d;font-variant-numeric:tabular-nums}.bc-so small{font-size:11px;color:#97a0bb}.bc-so .tre b{color:#ff8a72}.bc-buoi{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;padding:6px 8px;border-radius:8px;background:#0f1529}.bc-buoi small{color:#97a0bb;white-space:nowrap}.mc-nho.on{border-color:#3fd0c099;color:#9ff0e6}.mcb{position:fixed;z-index:2130;width:56px;height:56px;touch-action:none}.mcb-nut{position:relative;width:56px;height:56px;border-radius:50%;border:0;padding:0;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;background:radial-gradient(circle at 35% 30%,#6fe7d7,#1f8f83 72%);color:#06201d;box-shadow:0 10px 24px #00000073,0 0 0 3px #3fd0c038;display:grid;place-items:center;animation:mcbVao .35s ease-out}.mcb-nut:active{cursor:grabbing;transform:scale(.96)}.mcb-nut:focus-visible{outline:3px solid #f2c46d;outline-offset:3px}.mcb-chu{font:800 16px/1 inherit;letter-spacing:.02em}.mcb-dem{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ff6b57;color:#fff;font:800 11px/20px ui-monospace,monospace;border:2px solid #0e1426}.mcb-xong{position:absolute;bottom:-4px;right:-8px;padding:0 6px;border-radius:999px;background:#6fe0b8;color:#06201d;font:800 10.5px/18px inherit;border:2px solid #0e1426;white-space:nowrap}.mcb-loi{position:absolute;bottom:64px;right:0;width:min(260px,80vw);font-size:12.5px;color:#ffb3a5;background:#2a1712;border:1px solid rgba(255,107,87,.5);border-radius:10px;padding:7px 10px}@keyframes mcbVao{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.mcw{position:fixed;z-index:2140;left:8px;right:8px;top:calc(56px + env(safe-area-inset-top,0px));bottom:calc(8px + env(safe-area-inset-bottom,0px));display:grid;grid-template-rows:auto auto 1fr auto auto auto;background:#171c2b;border:1px solid #2c3346;border-radius:18px;box-shadow:0 18px 50px #0000008c;overflow:hidden;animation:mcwVao .22s ease-out}@media(min-width:900px){.mcw{inset:72px 16px 16px auto;width:410px}}@keyframes mcwVao{0%{transform:translateY(14px);opacity:0}to{transform:none;opacity:1}}.mcw-dau{display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid #2c3346;background:#1a2031}.mcw-av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:800 13px/1 inherit;color:#06201d;background:radial-gradient(circle at 35% 30%,#6fe7d7,#1f8f83 72%);flex:none}.mcw-ten{display:grid;line-height:1.2;min-width:0}.mcw-ten b{font-size:14px;color:#eef0f6}.mcw-ten small{font-size:11px;color:#97a0bb}.mcw-cong-cu{margin-left:auto;display:flex;gap:4px;align-items:center}.mcw-ic{position:relative;height:30px;min-width:30px;padding:0 8px;border-radius:9px;border:1px solid #2f3858;background:transparent;color:#d5dbeb;display:inline-flex;align-items:center;justify-content:center;gap:5px;font:600 12px inherit;cursor:pointer}.mcw-ic:hover{background:#232a40}.mcw-ic.on{border-color:#3fd0c099;color:#9ff0e6;background:#3fd0c01a}.mcw-ic.nghe{background:#ff6b57;color:#fff;border-color:#ff6b57;animation:mcNghe 1s infinite alternate}.mcw-ic.thu{width:30px;padding:0}.mcw-nhan{font-size:11.5px;white-space:nowrap}@media(max-width:380px){.mcw-nhan{display:none}}@media(max-width:520px){.mcw-dau:has(.mcw-ic:nth-of-type(5)) .mcw-nhan{display:none}}.mcw-ten small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcw-so{font:700 11px ui-monospace,monospace}.mcw-nk-dau{font-size:11.5px;color:#97a0bb}.mcw .mc-nhat-ky{margin:8px 10px 0;max-height:30vh}.mcw .mc-tin{padding:14px 14px 10px;gap:14px;align-content:start;overflow-y:auto}.mcw .mc-my{justify-self:stretch;max-width:100%;background:none;border:0;border-radius:0;padding:0;font-size:14px;line-height:1.6;color:#e6e9f2}.mcw .mc-my.gon{opacity:.8}.mcw .mc-my.gon .mc-chu{font-size:13.5px}.mcw .mc-toi{background:#2b3247;border-radius:16px;padding:8px 12px;font-size:14px;max-width:85%}.mcw .mc-dang{font-size:13px}.mcw .mc-de{background:#1f2537;border:1px solid #3a4566;border-radius:14px;padding:10px 12px;gap:8px}.mcw .mc-de-the b{color:#f2c46d;font-size:13px}.mcw .mc-de-the span{font-size:13px}.mcw .mc-nut{color:#2a1706;background:linear-gradient(180deg,#f3d08a,#c98238);box-shadow:0 2px #8a5420;font-size:13px;padding:9px}.mcw .mc-nut.vien{color:#eef0f6;background:transparent;border:1px solid #3a4566;box-shadow:none}.mcw .mc-chip{font-size:12.5px;padding:6px 11px}.mcw .mc-loi,.mcw .mc-nhac.lam-het{margin:0 10px 6px}.mcw-o{margin:0 10px 10px;display:grid;gap:6px;border:1px solid #3a4566;border-radius:18px;padding:10px 10px 8px 14px;background:#20263a}.mcw-o:focus-within{border-color:#3fd0c099}.mcw-o>input:not([type=file]){min-width:0;background:none;border:0;color:#eef0f6;font:inherit;font-size:15px;padding:2px 0}.mcw-o>input:focus{outline:none}.mcw-o-hang{display:flex;gap:6px;align-items:center}.mcw-gui{margin-left:auto;width:32px;height:32px;border-radius:10px;border:0;background:linear-gradient(180deg,#5fe0cf,#2aa89a);color:#06201d;font:800 16px/1 inherit;cursor:pointer}.mcw-gui:disabled{opacity:.4;cursor:default}.the-cho-my{box-shadow:0 0 0 2px #f2c46db3,0 0 22px #f2c46d40!important}@media(prefers-reduced-motion:reduce){.mcb-nut,.mcw{animation:none}}.mcb.troi{transition:left .42s cubic-bezier(.2,1.25,.35,1),top .42s cubic-bezier(.2,1.25,.35,1)}.mcb[data-goc^=t] .mcb-loi{bottom:auto;top:64px}.mcb[data-goc$=t] .mcb-loi{right:auto;left:0}@media(prefers-reduced-motion:reduce){.mcb.troi{transition:none}}.mcb-xong{bottom:auto;top:-8px;right:-10px;font-size:10px;line-height:16px;padding:0 5px}@media(min-width:900px){body:has(.mcw) .kh-trang{padding-right:440px;transition:padding-right .2s}}.mcw-ic.tele-on{border-color:#2aabeeb3;color:#7cd0ff;background:#2aabee1f}.mcw-tele{margin:8px 10px 0;display:grid;gap:6px;padding:10px 12px;border-radius:12px;background:#13243a;border:1px solid rgba(42,171,238,.45);font-size:12.5px;color:#d5dbeb}.mcw-tele b{color:#7cd0ff;font-size:13px}.mcw-tele small{color:#97a0bb;font-family:ui-monospace,monospace}.mcw-tele-nut{justify-self:start;display:inline-flex;padding:8px 14px;border-radius:10px;border:0;background:#2aabee;color:#fff;font:700 13px inherit;text-decoration:none;cursor:pointer}.mcw-tele-nut:disabled{opacity:.6}.mcw{display:flex;flex-direction:column}.mcw>.mc-tin{flex:1 1 auto;min-height:0}.mcw>.mcw-dau,.mcw>.mcw-o,.mcw>.mcw-tele,.mcw>.mc-nhat-ky,.mcw>.mc-loi,.mcw>.mc-nhac{flex:none}.mc-toi.cho{opacity:.75}.mc-dang-tra{display:flex;align-items:center;gap:8px;color:#97a0bb;font-size:13px}.mc-cham{display:inline-flex;gap:3px}.mc-cham i{width:6px;height:6px;border-radius:50%;background:#3fd0c0;animation:mcCham 1s infinite ease-in-out}.mc-cham i:nth-child(2){animation-delay:.15s}.mc-cham i:nth-child(3){animation-delay:.3s}@keyframes mcCham{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.mc-cham i{animation:none;opacity:.7}}.mc-tt-kq{font-size:13px;color:#9ff0e6;font-weight:600}.my-chung-o{grid-template-columns:minmax(0,1fr) auto;align-items:end}.my-chung-o textarea{min-width:0;resize:none;background:none;border:0;color:#eef0f6;font:inherit;font-size:15px;line-height:1.45;padding:4px 0;max-height:120px}.my-chung-o textarea:focus{outline:none}.mcw,.mcb{--m-nen: #0c1117;--m-khung1: #151d27;--m-khung2: #10161e;--m-vien: rgba(201,122,58,.45);--m-chu: #e9edf2;--m-mo: #8d99a8;--m-dong: #e09050;--m-dong-sang: #f0a55e;--m-dong-toi: #7a4114;--m-bang1: #bfe9ff;--m-bang2: #7cc4ea;--m-bang-chu: #06202f;--m-bang-toi: #3c7da0;--m-o: #0d131a;--m-o-sau: #05080b;--m-tieu: "Chakra Petch", "Be Vietnam Pro", system-ui, sans-serif;--m-than: "Be Vietnam Pro", system-ui, sans-serif}.mcw{font-family:var(--m-than);color:var(--m-chu);border:1px solid var(--m-vien)!important;border-radius:22px!important;background:repeating-linear-gradient(90deg,transparent 0 38px,rgba(201,122,58,.06) 38px 39px),repeating-linear-gradient(0deg,transparent 0 38px,rgba(201,122,58,.045) 38px 39px),linear-gradient(180deg,var(--m-khung1),var(--m-khung2))!important;box-shadow:0 0 0 1px var(--m-o-sau),0 1px #ffbe8226 inset,0 22px 48px #0009,0 0 34px #c97a3a1f!important}.mcw-dau{background:linear-gradient(180deg,#1b2530,#141b24)!important;border-bottom:1px solid var(--m-vien)!important}.mcw-ten b{font-family:var(--m-tieu);font-weight:700;letter-spacing:.02em;color:var(--m-chu)}.mcw-ten small{color:var(--m-mo)}.mcw-av{width:32px;height:32px;border-radius:11px;font-family:var(--m-tieu);color:#1a0c03;background:linear-gradient(145deg,#e7a466,#a35a22);box-shadow:0 0 0 2px var(--m-nen),0 0 0 3px #e0905099,0 6px 14px #00000080}.mcw-ic{background:#18212c;border-color:#c97a3a47;color:#e6dccf;box-shadow:0 2px #0a0e13,0 1px #ffffff0d inset;font-family:var(--m-tieu)}.mcw-ic:hover{background:#1f2a37}.mcw-ic.on{border-color:var(--m-dong);color:var(--m-dong-sang);background:#e090501a}.mcw .mc-my{color:var(--m-chu);font-family:var(--m-than)}.mcw .mc-toi{background:linear-gradient(180deg,var(--m-bang1),var(--m-bang2));color:var(--m-bang-chu);font-weight:500;box-shadow:0 3px 0 var(--m-bang-toi);border-radius:16px 16px 5px}.mcw .mc-chip{background:#121a22;border:1px solid rgba(124,196,234,.45);color:var(--m-bang1);box-shadow:0 2px #0a0e13;font-family:var(--m-than)}.mcw .mc-chip.ai{border-color:var(--m-dong);color:var(--m-dong-sang);background:#e0905014}.mcw .mc-chip:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px #0a0e13}.mcw .mc-de{background:#1a1712;border:1px solid rgba(224,144,80,.55);border-radius:14px;box-shadow:0 3px #0a0e13}.mcw .mc-de-the b{color:var(--m-dong);font-family:var(--m-tieu);letter-spacing:.04em}.mcw .mc-nut{font-family:var(--m-tieu);letter-spacing:.03em;color:#1c0d02;background:linear-gradient(180deg,var(--m-dong-sang),#c06f2c);box-shadow:0 3px 0 var(--m-dong-toi),0 1px #ffffff59 inset}.mcw .mc-nut:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--m-dong-toi)}.mcw .mc-nut.vien{color:var(--m-chu);background:#121a22;border:1px solid rgba(201,122,58,.35);box-shadow:0 2px #0a0e13}.mcw-o{background:var(--m-o)!important;border:1px solid var(--m-vien)!important;box-shadow:0 2px 0 var(--m-o-sau) inset}.mcw-o:focus-within{border-color:var(--m-dong-sang)!important;box-shadow:0 2px 0 var(--m-o-sau) inset,0 0 0 3px #e0905026}.mcw-o input,.mcw-o textarea{font-family:var(--m-than);color:var(--m-chu)!important}.mcw-gui{background:linear-gradient(180deg,var(--m-dong-sang),#c06f2c)!important;color:#1c0d02!important;box-shadow:0 3px 0 var(--m-dong-toi),0 1px #ffffff59 inset}.mcw-tele{background:#121a22!important;border-color:#7cc4ea73!important}.mcw-tele b{color:var(--m-bang1)!important;font-family:var(--m-tieu)}.mc-tt-kq{color:var(--m-bang1)}.mc-cham i{background:var(--m-dong)}.mcw .mc-nhac.lam-het{border-color:#e0905099;color:var(--m-dong-sang);font-family:var(--m-tieu)}.mcb-nut{background:radial-gradient(circle at 35% 30%,#f3b678,#c07030 55%,#7a4114)!important;color:#1a0c03!important;box-shadow:0 0 0 3px var(--m-nen),0 0 0 4px #e09050b3,0 4px #5a2f0e,0 10px 22px #00000073,0 0 22px #e0905059!important}.mcb-chu{font-family:var(--m-tieu);font-weight:700;letter-spacing:.03em}.mcw.to{inset:0!important;width:auto!important;border-radius:0!important;z-index:2200;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.mcw.to .mc-tin{padding-inline:max(14px,calc((100% - 820px)/2))}.mcw.to .my-chung-o{width:calc(100% - 28px);max-width:820px;margin-inline:auto}.my-chung-o{grid-template-columns:auto minmax(0,1fr) auto;padding-left:8px}.mc-cong{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(224,144,80,.45);background:#1a1f2b;color:var(--m-dong-sang, #e09050);cursor:pointer;transition:transform .15s}.mc-cong.on{transform:rotate(45deg);background:#e0905029}.mc-cong:focus-visible,.mc-dinh-menu button:focus-visible{outline:2px solid var(--m-bang1, #8fd3f4);outline-offset:2px}.mcw>.mc-dinh-menu,.mcw>.mc-dinh-kem{flex:none}.mc-dinh-menu{margin:0 10px 8px;display:flex;gap:6px;padding:10px;border-radius:16px;background:#141925;border:1px solid rgba(224,144,80,.35);box-shadow:0 10px 24px #00000059;animation:mcMenuLen .16s ease-out}.mcw.to .mc-dinh-menu,.mcw.to .mc-dinh-kem{width:calc(100% - 28px);max-width:820px;margin-inline:auto}.mc-dinh-menu button{flex:1;display:grid;justify-items:center;gap:6px;padding:6px 2px;border:0;border-radius:12px;background:none;color:#d5dbeb;font:600 12px var(--m-than, inherit);cursor:pointer}.mc-dinh-menu button:hover{background:#ffffff0d}.mc-dm-ic{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:0 3px #00000059,inset 0 1px #ffffff4d}.mc-dm-ic.anh{background:linear-gradient(180deg,#5aa9f0,#2f74c4)}.mc-dm-ic.chup{background:linear-gradient(180deg,#f0a35a,#c06f2c)}.mc-dm-ic.tep{background:linear-gradient(180deg,#59cfa0,#2a8f6a)}@keyframes mcMenuLen{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.mc-dinh-menu{animation:none}.mc-cong{transition:none}}.mc-dinh-kem{margin:0 10px 8px;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#141925;border:1px dashed rgba(143,211,244,.45);color:#eef0f6;font-size:13px}.mc-dinh-kem img{width:44px;height:44px;object-fit:cover;border-radius:8px;flex:none}.mc-dk-ic{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;background:#23314a;color:var(--m-bang1, #8fd3f4);flex:none}.mc-dk-ten{display:grid;min-width:0;overflow-wrap:anywhere}.mc-dk-ten small{color:#97a0bb;font-size:11.5px}.mc-dinh-kem .mcw-ic{margin-left:auto}.mc-dk-loi{color:#f2b38a}.mc-toi-anh{display:block;max-width:220px;max-height:220px;border-radius:10px;margin-bottom:6px;object-fit:cover}.mc-cham-diem{display:flex;gap:4px;justify-content:flex-end;margin-top:4px}.mc-cham-diem button{width:26px;height:24px;display:grid;place-items:center;border-radius:7px;border:1px solid transparent;background:none;color:#6f7894;cursor:pointer}.mc-cham-diem button:hover{color:#d5dbeb}.mc-cham-diem button.on{color:var(--m-dong-sang, #e09050);border-color:#e0905073}.mcw-ic{position:relative}.mcw-cham{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;border-radius:999px;background:#f0c674;color:#2a1706;font-style:normal;font-size:9.5px;font-weight:800;display:grid;place-items:center;padding:0 3px}.mc-nhac-phien{display:grid;gap:2px;margin:0 0 8px;padding:8px 10px;border-radius:12px;background:#20190f;border:1px solid #6b4a24;font-size:13px;line-height:1.45}.mc-nhac-phien small{color:#e0a35c;font-weight:700;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}.mls{flex:1;min-height:0;overflow-y:auto;display:grid;align-content:start;gap:7px;padding:10px 12px 14px}.mls-dau{display:flex;align-items:center;gap:8px}.mls-dau b{flex:1;font-size:14px}.mls-dau small{color:#8a90a2;font-size:11px}.mls-tim{display:flex;align-items:center;gap:6px;border:1px solid #333a4b;border-radius:10px;padding:6px 9px;color:#7d8496}.mls-tim input{flex:1;min-width:0;border:0;background:transparent;color:inherit;font:inherit;outline:none}.mls-hang{display:flex;gap:6px}.mls-nut{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:10px;padding:8px;font:inherit;font-size:12.5px;font-weight:700;border:1px solid #6b4a24;color:#f0c674;background:transparent;cursor:pointer}.mls-nut.dac{background:linear-gradient(180deg,#e39a4f,#a8641f);color:#2a1706;border:0;box-shadow:0 3px #5c3510}.mls-nhom{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8a90a2;font-weight:700;margin-top:4px}.mls-khoi{display:grid;gap:4px}.mls-da{display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;border-radius:12px;background:#1b2130;border:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.mls-da.hoc{background:#1a1d2e;border:1px dashed #3b3a66}.mls-da-ic{width:28px;height:28px;border-radius:9px;background:#2a2416;display:grid;place-items:center;flex:none;color:#f0c674}.mls-ph{position:relative;display:flex;align-items:stretch;border-radius:11px}.mls-ph.dang{background:#20190f;outline:1px solid #6b4a24}.mls-ph-mo{flex:1;min-width:0;display:flex;align-items:flex-start;gap:8px;padding:7px 4px 7px 8px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:11px}.mls-ph-mo:hover{background:#1b2130}.mls-ph-mo i{font-style:normal;font-size:10.5px;color:#8a90a2;flex:none;padding-top:2px}.mls-ph-chu{flex:1;min-width:0;display:grid;line-height:1.3}.mls-ph-chu b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mls-ph-chu small{color:#8a90a2;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mls-cham{width:8px;height:8px;border-radius:50%;background:#f0c674;flex:none;margin-top:5px}.mls-cham.rong{background:transparent}.mls-tele{font-style:normal;font-size:9.5px;color:#6fd0ea;border:1px solid #2c5866;border-radius:5px;padding:0 4px;margin-left:5px;font-weight:600}.mls-ph-menu{width:28px;border:0;background:transparent;color:#8a90a2;cursor:pointer;border-radius:8px;flex:none}.mls-menu{position:absolute;right:4px;top:100%;z-index:5;display:grid;gap:2px;min-width:190px;padding:6px;border-radius:12px;background:#1f2636;border:1px solid #333a4b;box-shadow:0 10px 26px #00000073}.mls-menu button,.mls-menu select{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:inherit;font:inherit;font-size:12.5px;padding:7px 8px;border-radius:8px;text-align:left;cursor:pointer}.mls-menu select{background:#161b26;border:1px solid #333a4b}.mls-menu button:hover{background:#2a3245}.mls-menu .do{color:#ff9a8a}.mls-ghi{color:#8a90a2;font-size:12px;margin:0}.mls-loi{color:#ff9a8a;font-size:12px;margin:0}.mls-ghi-nho{display:grid;gap:5px;padding:9px 10px;border-radius:12px;background:#1b2130}.mls-ghi-nho small{color:#e0a35c;font-weight:700;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.mls-ghi-nho-chu{border:0;background:transparent;color:inherit;font:inherit;font-size:13px;text-align:left;padding:0;cursor:pointer;white-space:pre-wrap;line-height:1.45}.mls-ghi-nho textarea{width:100%;border-radius:9px;border:1px solid #3a3326;background:#121620;color:inherit;font:inherit;font-size:13px;padding:7px;resize:vertical}.mls-hoc{display:flex;align-items:flex-start;gap:7px;padding:7px 8px;border-radius:10px;background:#1b2130;font-size:13px;line-height:1.45;color:#e7e9ef}.mls-hoc>svg{color:#c9bff5;flex:none;margin-top:3px}.mls-hoc span{flex:1}.mls-ph-mo:focus-visible,.mls-nut:focus-visible,.mls-da:focus-visible,.mls-menu button:focus-visible{outline:2px solid #f0c674;outline-offset:1px}.mls-hb-dong{font-size:13px;line-height:1.45}.mhn{display:grid;grid-template-rows:auto 1fr;min-height:0;flex:1;overflow:hidden}.mhn-tab{display:flex;gap:6px;padding:10px 12px 8px;border-bottom:1px solid rgba(201,122,58,.25)}.mhn-tab button{border:1px solid rgba(201,122,58,.3);background:#141b24;color:#c9cfd8;border-radius:999px;padding:5px 12px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer}.mhn-tab button.on{border-color:#e09050;color:#f0a55e;background:#e090501f}.mhn-tab .mhn-dong{margin-left:auto;background:transparent}.mhn-than{overflow-y:auto;padding:10px 12px 14px;display:grid;gap:8px;align-content:start}.mhn-than h4{margin:6px 0 0;font-family:Chakra Petch,Be Vietnam Pro,sans-serif;font-size:13px;letter-spacing:.04em;color:#f0a55e;display:flex;gap:6px;align-items:baseline}.mhn-than h4 small{color:#8d99a8;font-weight:600}.mhn-chao{font-size:13.5px;color:#e9edf2;font-weight:600}.mhn-trong{font-size:13px;color:#8d99a8;padding:10px 12px}.mhn-dong-tin{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:12px;background:#161e28;border:1px solid rgba(201,122,58,.18);font-size:13px;line-height:1.45}.mhn-dong-tin.loai-du_bao,.mhn-dong-tin.loai-du_bao_cn,.mhn-dong-tin.loai-sap_mat{border-color:#f0785a73}.mhn-nut{flex:none;border-radius:9px;padding:6px 10px;font:inherit;font-size:12px;font-weight:700;border:1px solid #6b4a24;color:#f0c674;background:transparent;cursor:pointer}.mhn-nut.dac{background:linear-gradient(180deg,#e39a4f,#a8641f);color:#2a1706;border:0;box-shadow:0 2px #5c3510}.mhn-nut.nhat{border-color:transparent;color:#8d99a8}.mhn-nut:disabled{opacity:.6;cursor:default}.mhn-nut:focus-visible,.mhn-tab button:focus-visible{outline:2px solid #f0c674;outline-offset:1px}.mhn-chan{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-top:4px}.mhn-bat{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:#8d99a8}.mhn-khach{display:grid;gap:6px;padding:9px 10px;border-radius:12px;background:#161e28;border:1px solid rgba(124,196,234,.25);font-size:13px}.mhn-khach small{color:#8d99a8}.mhn-khach.muc-3,.mhn-khach.muc-2{border-color:#f0785a73}.mhn-khach textarea{width:100%;box-sizing:border-box;border-radius:10px;border:1px solid rgba(201,122,58,.35);background:#0d131a;color:#e9edf2;font:inherit;font-size:13px;padding:8px;resize:vertical}.mhn-hang{display:flex;flex-wrap:wrap;gap:6px}.mhn-du-bao{display:grid;gap:3px;padding:9px 10px;border-radius:12px;background:#161e28;border:1px solid rgba(201,122,58,.18);font-size:13px;font-variant-numeric:tabular-nums}.mhn-du-bao.canh-bao{border-color:#f0785a80}.mhn-du-bao small{color:#f0927a}.mhn-ghi{color:#8d99a8;font-size:11.5px}.mhn-the{display:grid;gap:6px;margin:2px 0 8px;padding:10px 12px;border-radius:14px;border:1px solid rgba(224,144,80,.5);background:linear-gradient(180deg,#e090501f,#e090500a);font-size:13px}.mhn-the-dau{display:flex;justify-content:space-between;align-items:center}.mhn-the-dau b{font-family:Chakra Petch,Be Vietnam Pro,sans-serif;color:#f0a55e;letter-spacing:.03em}.mhn-the-dau button{border:0;background:transparent;color:#8d99a8;font:inherit;font-size:12px;cursor:pointer}.mhn-the ul{margin:0;padding-left:18px;display:grid;gap:3px}.mhn-the small{color:#8d99a8}.mc-tin[hidden]{display:none!important}.chotso-nen{position:fixed;inset:0;z-index:1400;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172ab8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.chotso-hop{width:100%;max-width:420px;max-height:calc(100vh - 32px);overflow-y:auto;background:#fff;border-radius:18px;box-shadow:0 24px 60px #02061773}.chotso-dau{padding:20px 20px 18px;border-radius:18px 18px 0 0;color:#fff}.chotso-dau.cong{background:linear-gradient(135deg,#047857,#059669)}.chotso-dau.tru{background:linear-gradient(135deg,#b45309,#d97706)}.chotso-nhan{display:block;font-size:11px;letter-spacing:.8px;text-transform:uppercase;opacity:.85}.chotso-dau h2{margin:6px 0 10px;font-size:17px;font-weight:700;line-height:1.35}.chotso-tien{display:block;font-size:30px;font-weight:800;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.chotso-than{padding:18px 20px 20px}.chotso-canh-cu{margin:0 0 14px;padding:12px 14px;background:#f8fafc;border-left:3px solid #94a3b8;border-radius:6px;font-size:13.5px;line-height:1.65;color:#1e293b}.chotso-con-lai{margin:0 0 12px;font-size:12.5px;color:#64748b}.chotso-loi{margin:0 0 12px;padding:10px 12px;background:#fef2f2;border-radius:6px;color:#b91c1c;font-size:13px}.chotso-nut-hang{display:flex;flex-wrap:wrap;gap:8px}.chotso-nut{flex:1 1 auto;min-width:104px;min-height:46px;padding:11px 14px;border:1px solid transparent;border-radius:10px;font-size:14.5px;font-weight:700;cursor:pointer}.chotso-nut:disabled{opacity:.55;cursor:not-allowed}.chotso-nut.dong-y{background:#047857;color:#fff}.chotso-nut.khong-dong-y{background:#fff;color:#b91c1c;border-color:#fecaca}.chotso-nut.huy{background:#f1f5f9;color:#475569;border-color:#e2e8f0}.chotso-nut.quay-lai{background:#f1f5f9;color:#334155;border-color:#e2e8f0}.chotso-ghi-chu{margin:14px 0 0;font-size:12px;line-height:1.6;color:#64748b}.chotso-canh-bao,.chotso-khong-dong-y{padding:20px}.chotso-canh-bao-dau{display:flex;align-items:center;gap:10px;margin-bottom:12px}.chotso-canh-bao-dau span{font-size:26px}.chotso-canh-bao-dau h2{margin:0;font-size:17px;font-weight:700}.chotso-canh-bao p{margin:0 0 10px;font-size:13.5px;line-height:1.7;color:#1e293b}.chotso-so-tien-nhac{margin:12px 0 16px;padding:10px 12px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:13.5px;color:#92400e}.chotso-khong-dong-y h2{margin:0 0 6px;font-size:17px;font-weight:700}.chotso-mo-ta-ngan{margin:0 0 14px;font-size:13px;color:#64748b}.chotso-khong-dong-y label{display:block;margin-bottom:6px;font-size:12.5px;font-weight:600;color:#334155}.chotso-khong-dong-y textarea{width:100%;box-sizing:border-box;margin-bottom:14px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:14px;line-height:1.55;resize:vertical}@media(max-width:420px){.chotso-nut{min-width:92px;font-size:14px}.chotso-tien{font-size:26px}}.recognition-page-v2{--ink:#f8fafc;--muted:#94a3b8;--panel:#111e40;min-height:100dvh;background:radial-gradient(circle at 50% -10%,#193366 0,#0d1836 32%,#080f23 76%);color:var(--ink);padding-bottom:calc(80px + env(safe-area-inset-bottom));overflow-x:hidden}.recog-body{width:min(100%,720px);margin:auto;padding:14px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.recog-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.recog-metric{min-width:0;min-height:112px;border:1px solid #263657;border-radius:19px;background:#f8fafc;color:#111827;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative;padding:12px 5px;font:inherit}.recog-metric.primary{color:#fff;background:linear-gradient(155deg,#263875,#101938);border-color:#4a63aa;box-shadow:0 14px 32px #02061766}.recog-metric svg{width:22px;color:#3b82f6}.recog-metric.primary svg{color:#c084fc}.recog-metric>strong{font-size:20px}.recog-metric>span{font-size:12px;color:#64748b}.recog-metric.primary>span{color:#cbd5e1}.recog-metric>.lucide-chevron-right{position:absolute;right:6px;top:8px;width:14px}.recog-panel,.next-card,.ledger-total,.ledger-list article,.roadmap-list>button,.detail-panel,.missing-alert{background:linear-gradient(155deg,#142348,#0e1937);border:1px solid #26385f;border-radius:20px;box-shadow:0 12px 30px #02061755}.recog-panel{padding:16px}.recog-panel header,.next-section>header,.detail-panel>header{display:flex;align-items:center;justify-content:space-between}.recog-panel h2,.next-section h2,.detail-panel h2{font-size:14px;margin:0}.recog-panel header button{background:none;border:0;color:#60a5fa;display:flex;align-items:center;font:600 12px inherit}.recog-panel header svg{width:14px}.earned-row{display:flex;gap:8px;overflow-x:auto;padding:14px 0 2px}.earned-row button{border:0;background:none;color:#fff;min-width:90px;display:flex;flex-direction:column;align-items:center;gap:5px;font:600 11px inherit}.earned-row span{max-width:90px}.recog-empty{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;color:var(--muted);font-size:12px}.recog-empty svg{color:#fbbf24}.recog-empty strong{color:#e2e8f0}.next-section>header{padding:0 3px 7px}.next-section>header span{font-size:11px;color:#fbbf24}.next-card{width:100%;color:#fff;padding:16px;text-align:left;display:flex;gap:14px;font:inherit;position:relative;overflow:hidden}.next-card:after{content:"";position:absolute;width:130px;height:130px;right:-50px;bottom:-70px;background:#3b82f633;filter:blur(20px);border-radius:50%}.next-copy{flex:1;min-width:0;z-index:1}.next-copy>div:first-child{display:flex;justify-content:space-between;align-items:center}.next-copy h3{margin:0;font-size:16px}.next-copy>div:first-child span{background:#253454;padding:3px 8px;border-radius:999px;font-size:11px}.next-copy i{display:block;width:34px;height:4px;background:#fbbf24;border-radius:9px;margin:7px 0}.next-copy p{font-size:11px;color:#cbd5e1;line-height:1.4}.progress,.requirement-progress{height:8px;background:#26334d;border-radius:99px;overflow:hidden}.progress b,.requirement-progress b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#10b981,#5eead4)}.next-copy small{display:block;text-align:right;color:#cbd5e1;margin:5px 0 12px}.next-copy>strong{border-top:1px solid #293a5e;padding-top:10px;color:#60a5fa;font-size:11px;display:flex;align-items:center}.next-copy>strong svg{width:14px}.recog-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.recog-actions button,.detail-actions button,.recog-error button{border:1px solid #33476d;border-radius:13px;background:#172442;color:#e2e8f0;padding:12px 8px;display:flex;align-items:center;justify-content:center;gap:6px;font:700 12px inherit}.recog-actions svg,.detail-actions svg{width:17px;color:#60a5fa}.recog-footnote{text-align:center;font-size:10px;color:#64748b;display:flex;justify-content:center;align-items:center;gap:4px}.recog-footnote svg{width:13px}.ledger-total{padding:16px;display:flex;gap:8px;align-items:center}.ledger-total strong{margin-left:auto;color:#fbbf24}.ledger-list{display:flex;flex-direction:column;gap:9px}.ledger-list article{padding:14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.ledger-list article div{display:flex;flex-direction:column;gap:4px}.ledger-list article strong{font-size:12px}.ledger-list article span{font-size:10px;color:#94a3b8}.ledger-list article>b{color:#34d399;font-size:12px;white-space:nowrap}.ledger-list article>b.minus{color:#fb7185}.roadmap-list>button{color:#fff;border-color:#28395e;padding:14px;display:flex;align-items:center;gap:12px;text-align:left;font:inherit}.roadmap-list>button.achieved{border-color:#d5a52c88}.roadmap-list>button>div:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.roadmap-list strong{font-size:14px}.roadmap-list span{font-size:11px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roadmap-list small{color:#fbbf24}.roadmap-list>button>svg{width:18px;color:#64748b}.badge-detail{width:min(100%,600px);margin:auto;min-height:100dvh;padding:0 14px 30px;box-sizing:border-box}.badge-detail-nav{height:58px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:var(--recog-topbar-h,62px);z-index:5;background:#0a132bdd;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.badge-detail-nav button{width:42px;height:42px;border:0;border-radius:50%;background:#192541;color:#e2e8f0}.badge-detail-nav svg{width:18px}.badge-detail-nav span{text-transform:uppercase;font-size:11px;letter-spacing:1px;color:#94a3b8}.badge-detail-hero{text-align:center;padding:15px 22px 18px;position:relative}.badge-detail-hero h1{font-size:24px;margin:6px 0 2px}.badge-detail-hero>strong{color:#fbbf24;font-size:13px}.badge-detail-hero p{font-size:12px;color:#cbd5e1;line-height:1.55}.badge-detail-hero small{display:block;margin-top:7px;color:#94a3b8}.badge-state{display:inline-flex;align-items:center;gap:5px;border:1px solid #475569;background:#1e293b;padding:6px 12px;border-radius:99px;font-size:11px}.badge-state svg{width:14px}.badge-state.achieved{border-color:#34d39966;color:#6ee7b7;background:#10b98122}.badge-state.blocked{border-color:#fb718566;color:#fda4af}.missing-alert{margin:3px 0 14px;padding:13px;display:flex;gap:10px;background:#17254a;color:#bfdbfe}.missing-alert>svg{width:18px;flex:none}.missing-alert strong{font-size:12px}.missing-alert p{font-size:11px;margin:3px 0 0;line-height:1.5}.missing-alert.blocked{background:#451a2a;color:#fecdd3;border-color:#be123c}.missing-alert.complete{background:#073b32;color:#a7f3d0;border-color:#059669}.detail-panel{padding:16px;margin-bottom:14px}.detail-panel>header{margin-bottom:12px}.detail-panel header span{font-size:10px;color:#64748b}.requirements article{padding:10px 0;border-top:1px solid #243552}.requirements article:first-of-type{border-top:0}.requirements article>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px}.requirements article>div:first-child span{display:flex;align-items:center;gap:5px;color:#e2e8f0}.requirements article svg{width:14px;color:#fbbf24}.requirements article.passed svg{color:#34d399}.requirements article.blocking svg{color:#fb7185}.requirements article>div:first-child strong{font-size:10px}.requirement-progress{height:6px;margin:7px 0 4px}.requirements article:not(.passed) .requirement-progress b{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.requirements article.blocking .requirement-progress b{background:#f43f5e}.requirements article small{color:#64748b;font-size:9px}.rule-unavailable{color:#fbbf24;font-size:12px}.perks>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.perks>div span{min-width:0;padding:10px 5px;border:1px solid #634f29;border-radius:13px;background:#f59e0b12;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;font-size:9px}.perks svg{color:#fbbf24;width:20px}.perks p{font-size:9px;color:#64748b;text-align:center;margin:12px 0 0}.detail-actions{display:flex;flex-direction:column;gap:8px}.detail-actions button:first-child{background:linear-gradient(90deg,#2563eb,#4f46e5);border:0}.recog-loading{padding:80px 14px;display:grid;gap:14px}.recog-loading div{height:100px;border-radius:18px;background:linear-gradient(90deg,#14203a,#243555,#14203a);background-size:200%;animation:recog-shimmer 1.3s infinite}.recog-loading.compact{padding-top:20px}.recog-error{display:flex;min-height:100dvh;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;box-sizing:border-box}.recog-error>svg{width:50px;height:50px;color:#fbbf24}.recog-error p{color:#94a3b8;max-width:340px}.recog-error button{min-width:150px;margin:4px}.recog-error .secondary{background:transparent}@keyframes recog-shimmer{to{background-position:-200%}}@media(min-width:760px){.recog-body{padding:24px}.recog-metric{min-height:132px}.next-card{padding:22px}.badge-detail{padding-top:12px}}@media(max-width:360px){.recog-metric>strong{font-size:16px}.recog-metric>span{font-size:10px}.next-card{gap:8px;padding:12px}.perks>div{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){.recog-loading div,.animate-float,.animate-pulse-slow{animation:none!important}.next-card *{transition:none!important}}:root{--recog-xp1:#22d3ee;--recog-xp2:#a78bfa;--recog-xp-glow:#7dd3fc33;--recog-gold-deep:#d99a12;--recog-gold-glow:#fbbf2440;--recog-claim:#60a5fa;--recog-claim-glow:#60a5fa33;--recog-tier-cao1:#f97316;--recog-tier-cao2:#fbbf24;--recog-tier-trung:#8b5cf6;--recog-tier-co:#2dd4bf;--recog-ease-pop: cubic-bezier(.34,1.56,.64,1);--recog-topbar-h:62px}.recog-top-bar{position:fixed;top:0;left:0;right:0;z-index:50;background:linear-gradient(180deg,#0d1836f5,#0d1836e6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.recog-top-bar-inner{max-width:720px;margin:0 auto;box-sizing:border-box;display:flex;align-items:center;gap:6px;padding:9px 10px 7px}.recog-top-back{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid #26385f;background:#101c3d;color:#e2e8f0;display:flex;align-items:center;justify-content:center;transition:transform .15s var(--recog-ease-pop)}.recog-top-back:active{transform:scale(.9)}.recog-top-bar-spacer{height:var(--recog-topbar-h);flex:none}.recog-page-title{padding:2px 2px 4px}.recog-page-title h1{font:800 19px Rajdhani,sans-serif;color:#f8fafc;margin:0}.recog-page-title p{font:600 12px "Manrope",inherit;color:var(--muted);margin:4px 0 0}.recog-cur-bar{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:2px;position:relative}.recog-cur-item{flex:none;display:flex;align-items:center}.recog-cur-chip{flex:none;display:flex;align-items:center;gap:3px;background:transparent;border:0;border-radius:9px;padding:2px;cursor:pointer;transition:transform .15s var(--recog-ease-pop)}.recog-cur-chip:active{transform:scale(.9)}.recog-cur-icon-wrap{position:relative;flex:none;display:flex;align-items:center;justify-content:center}.recog-cur-icon{width:20px;height:20px;flex:none;overflow:visible;filter:drop-shadow(0 2px 3px #00000070);position:relative;z-index:1}.recog-cur-icon--hero{width:24px;height:24px}.recog-cur-box{flex:none;background:#00000040;border:1px solid #ffffff1f;border-radius:7px;padding:2px 5px;line-height:1}.recog-cur-val{font:800 10px Rajdhani,sans-serif;letter-spacing:.1px;white-space:nowrap;color:var(--muted)}.recog-cur-chip--tdn .recog-cur-val{color:#fbbf24}.recog-cur-chip--locked .recog-cur-val{opacity:.55}.recog-cur-add{flex:none;width:17px;height:17px;margin-left:2px;border-radius:50%;background:linear-gradient(155deg,#4ade80,#16a34a);border:1px solid #15803d;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 7px #22c55e70;transition:transform .15s var(--recog-ease-pop)}.recog-cur-add:active{transform:scale(.82)}.recog-cur-glow-tdn{position:absolute;top:-6px;left:50%;transform:translate(-50%);width:44px;height:44px;border-radius:50%;background:radial-gradient(circle,#f9731660,transparent 70%);z-index:0;animation:recogTdnAura 2.6s ease-in-out infinite}@keyframes recogTdnAura{0%,to{opacity:.55;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.18)}}.recog-cur-sparkle{position:absolute;width:5px;height:5px;z-index:2;border-radius:1px;background:linear-gradient(135deg,#fff3d4,#ffd9a0);clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%);animation:recogTdnTwinkle 1.9s ease-in-out infinite}.recog-cur-sparkle.s1{top:-2px;left:3px;animation-delay:0s}.recog-cur-sparkle.s2{top:2px;right:1px;animation-delay:.7s}@keyframes recogTdnTwinkle{0%,to{opacity:.15;transform:scale(.5)}50%{opacity:1;transform:scale(1.25)}}.recog-cur-info{position:absolute;left:10px;right:10px;top:100%;margin-top:6px;padding:11px 14px;border-radius:15px;background:linear-gradient(155deg,#152449f7,#0c1730f7);border:1px solid #2a3d70;box-shadow:0 14px 30px -12px #000c;z-index:3;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s,transform .2s}.recog-cur-info--show{opacity:1;transform:translateY(0);pointer-events:auto}.recog-cur-info-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.recog-cur-info-head b{font:800 15px Rajdhani,sans-serif;color:#fbbf24;letter-spacing:.2px}.recog-cur-info-head span{font:800 12px Rajdhani,sans-serif;color:#e2e8f0;white-space:nowrap}.recog-cur-info p{margin:6px 0 0;font:600 11.3px/1.55 inherit;color:#cbd5e1;opacity:.82}.recog-hud-quest{display:flex;align-items:stretch;background:linear-gradient(150deg,#152449,#0d1836);border:1px solid #24356a;border-radius:20px;padding:13px 12px;position:relative;overflow:hidden}.recog-hud-quest:after{content:"";position:absolute;inset:0;background:radial-gradient(220px 140px at 90% -20%,#a78bfa22,transparent 70%)}.recog-hq-half{flex:1 1 50%;min-width:0;display:flex;align-items:center;gap:9px;position:relative;z-index:1}.recog-hq-quest{border:0;background:transparent;text-align:left;font:inherit;color:inherit;padding:0;cursor:pointer;transition:transform .15s var(--recog-ease-pop)}.recog-hq-quest:active{transform:scale(.97)}.recog-hq-quest:disabled{cursor:default;opacity:.7}.recog-hq-divider{width:1px;align-self:stretch;background:#24356a;margin:0 11px;flex:none}.recog-ring{--pct:0;width:52px;height:52px;border-radius:50%;position:relative;flex:none;background:conic-gradient(from -90deg,var(--recog-xp1) calc(var(--pct)*1%),var(--recog-xp2) calc(var(--pct)*1%) 0%,#22345f calc(var(--pct)*1% + .1%) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px #22345f,0 0 26px var(--recog-xp-glow)}.recog-ring-hole{width:39px;height:39px;border-radius:50%;background:linear-gradient(155deg,#182a56,#0c1732);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #2c3f74}.recog-ring-hole b{font:800 15px Rajdhani,sans-serif;line-height:1;color:#fff}.recog-ring-hole span{font:700 6.5px inherit;color:var(--muted);letter-spacing:.4px;text-transform:uppercase}.recog-hq-mid{min-width:0;flex:1;position:relative;z-index:1}.recog-hq-label{font:700 9.5px "Manrope",inherit;color:var(--muted);display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recog-hq-val{font:800 13px Rajdhani,sans-serif;color:#f8fafc;margin-top:1px}.recog-hq-chip{margin-top:5px;display:flex;align-items:center;gap:4px;width:fit-content;background:#0c1730;border:1px solid #233258;border-radius:9px;padding:3px 7px;font:700 10px Rajdhani,sans-serif;color:#fb923c}.recog-hq-chip-ico{font-size:11px}.recog-hq-icon{width:32px;height:32px;flex:none;position:relative;z-index:1}.recog-hq-icon svg{width:100%;height:100%}.recog-hq-track{height:5px;border-radius:99px;background:#1c2a53;margin-top:5px;overflow:hidden;width:100%}.recog-hq-track b{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#f59e0b,#fbbf24);transition:width .4s var(--recog-ease-pop)}.recog-hq-badge{position:absolute;top:-4px;right:-2px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:linear-gradient(120deg,#ef476f,#c9184a);color:#fff;font:800 9.5px Rajdhani,sans-serif;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #ef476f66;z-index:2}.recog-dock-wrap{display:flex;flex-direction:column}.recog-eyebrow{font:800 10px/1 inherit;letter-spacing:1.4px;text-transform:uppercase;color:#5c6d8c;margin:0 4px}.recog-dock{display:flex;justify-content:space-around;align-items:center;background:linear-gradient(160deg,#16234a,#0d1833);border:1px solid #2a3d70;border-radius:26px;padding:10px 6px;position:relative;box-shadow:0 14px 34px -16px #000c,inset 0 1px #ffffff12}.recog-dock-btn{position:relative;width:70px;height:70px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s var(--recog-ease-pop)}.recog-dock-btn:active{transform:scale(.86)}.recog-dock-glow{position:absolute;inset:6px;border-radius:50%;filter:blur(11px);opacity:.5;transition:opacity .2s,transform .2s;z-index:0}.recog-dock-btn:active .recog-dock-glow{opacity:1;transform:scale(1.12)}.recog-dock-glow-gold{background:radial-gradient(circle,#fbbf2480,transparent 72%)}.recog-dock-glow-teal{background:radial-gradient(circle,#2dd4bf80,transparent 72%)}.recog-dock-glow-violet{background:radial-gradient(circle,#c084fc80,transparent 72%)}.recog-dock-glow-blue{background:radial-gradient(circle,#60a5fa80,transparent 72%)}.recog-dock-glow-rose{background:radial-gradient(circle,#fb718580,transparent 72%)}.recog-dock-glow-cyan{background:radial-gradient(circle,#22d3ee80,transparent 72%)}.recog-dock-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:linear-gradient(120deg,#ef476f,#c9184a);color:#fff;font:800 10px Rajdhani,sans-serif;display:flex;align-items:center;justify-content:center;box-shadow:0 0 8px #ef476f88;z-index:2}.recog-dock-icon{width:46px;height:46px;position:relative;z-index:1;filter:drop-shadow(0 4px 7px #00000060);overflow:visible}.recog-dock-pulse{position:absolute;inset:4px;border-radius:50%;border:2px solid #5eead4;opacity:0;z-index:1;animation:recogDockPulse 2.4s ease-out infinite}@keyframes recogDockPulse{0%{transform:scale(.72);opacity:.9}75%{transform:scale(1.28);opacity:0}to{opacity:0}}.recog-dock-spark{position:absolute;top:2px;right:4px;width:9px;height:9px;border-radius:50%;z-index:2;background:radial-gradient(circle at 35% 30%,#fff,#5eead4 60%,#0d9488);box-shadow:0 0 9px #2dd4bfaa;animation:recogSparkBounce 1.5s ease-in-out infinite}@keyframes recogSparkBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.18)}}.recog-dock-caption{display:flex;justify-content:space-around;margin-top:6px}.recog-dock-caption span{flex:1;text-align:center;font:700 9.5px "Manrope",inherit;color:#8291ad}.recog-sheet-backdrop{position:fixed;inset:0;z-index:40;background:#03060fcc;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}.recog-sheet-backdrop--open{opacity:1;pointer-events:auto}.recog-sheet{width:100%;max-width:720px;max-height:88vh;background:linear-gradient(165deg,#152449,#0a1430);border:1px solid #2a3d70;border-bottom:none;border-radius:26px 26px 0 0;padding:16px 16px 0;transform:translateY(24px);transition:transform .28s var(--recog-ease-pop);position:relative;display:flex;flex-direction:column;overflow:hidden}.recog-sheet-backdrop--open .recog-sheet{transform:translateY(0)}.recog-sheet-handle{width:40px;height:4px;border-radius:99px;background:#2c3d6c;margin:0 auto 12px}.recog-sheet-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:#0e1a3a;border:1px solid #2a3d70;color:#cbd5e1;display:flex;align-items:center;justify-content:center;z-index:1;transition:transform .15s var(--recog-ease-pop)}.recog-sheet-close:active{transform:scale(.85)}.recog-sheet-top{flex:none}.recog-sheet-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.recog-sheet-bottom{flex:none;padding:12px 0 calc(14px + env(safe-area-inset-bottom));border-top:1px solid #1e2c52;margin-top:4px}.recog-sheet-bottom .recog-quest-bonus,.recog-sheet-bottom .recog-sheet-cta{margin-top:0}.recog-sheet-list-title{font:800 17px Rajdhani,sans-serif;margin-bottom:10px}.recog-qtabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.recog-qtabs button{border:1px solid #26385f;border-radius:12px;background:#101c3d;color:#94a3b8;padding:9px 6px;font:800 11.5px Rajdhani,sans-serif;display:flex;align-items:center;justify-content:center;gap:5px;transition:transform .15s var(--recog-ease-pop)}.recog-qtabs button:active{transform:scale(.96)}.recog-qtabs button.active{background:linear-gradient(155deg,#263875,#101938);border-color:#4a63aa;color:#fff}.recog-qtabs-n{background:#00000030;padding:0 6px;border-radius:99px;font-size:10px}.recog-filter-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px;margin-bottom:12px}.recog-fchip{flex:none;padding:6px 12px;border-radius:99px;border:1px solid #26385f;background:#101c3d;color:#8fa0c4;font:700 11px inherit;cursor:pointer;transition:transform .15s var(--recog-ease-pop)}.recog-fchip:active{transform:scale(.94)}.recog-fchip.active{background:#22345f;border-color:#4a63aa;color:#fff}.recog-sort-btn{margin-left:auto;flex:none;display:flex;align-items:center;gap:5px;padding:6px 11px;border-radius:99px;border:1px solid #26385f;background:#101c3d;color:#8fa0c4;font:700 11px inherit;cursor:pointer;transition:transform .15s var(--recog-ease-pop)}.recog-sort-btn:active{transform:scale(.94)}.recog-sort-btn.active{color:#fbbf24;border-color:#7a5c1c;background:#241c0c}.recog-qlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.recog-qrow{display:flex;align-items:center;gap:10px;padding:10px 10px 10px 12px;border-radius:14px;position:relative;cursor:pointer;background:#0e1a3a;border:1px solid #1e2c52;overflow:hidden;transition:transform .12s var(--recog-ease-pop)}.recog-qrow:active{transform:scale(.98)}.recog-qrow:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.recog-qrow[data-tier=cao]:before{background:linear-gradient(180deg,var(--recog-tier-cao1),var(--recog-tier-cao2))}.recog-qrow[data-tier=trung]:before{background:var(--recog-tier-trung)}.recog-qrow[data-tier=co]:before{background:var(--recog-tier-co)}.recog-qicon{width:34px;height:34px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center;font-size:16px;background:#16234a;border:1px solid #263a6e}.recog-qbody{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.recog-qtitle{font:700 12.5px "Manrope",inherit;color:#f8fafc}.recog-qreward{font:800 10.5px Rajdhani,sans-serif;color:#fbbf24}.recog-qperiod{color:#8b5cf6;font-weight:700}.recog-qaction{flex:none;display:flex;align-items:center}.recog-btn-claim{padding:6px 13px;border-radius:99px;background:linear-gradient(120deg,#3b82f6,#6366f1);color:#fff;font:800 11px Rajdhani,sans-serif;letter-spacing:.3px;box-shadow:0 0 14px var(--recog-claim-glow);transition:transform .15s var(--recog-ease-pop)}.recog-btn-claim:active{transform:scale(.9)}.recog-tag-progress{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:99px;background:#12335c;border:1px solid #2f5488;color:#8fc4ff;font:800 10px Rajdhani,sans-serif;letter-spacing:.2px}.recog-tag-progress i{width:6px;height:6px;border-radius:50%;background:#60a5fa;animation:recogBlip 1.3s infinite}@keyframes recogBlip{0%,to{opacity:1}50%{opacity:.3}}.recog-qcheck{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#3bd39a,#1f9e6d);color:#06341f;font:900 12px sans-serif}.recog-qrow.hist{opacity:.7}.recog-qrow.hist .recog-qtitle{color:#9fb0c9;text-decoration:line-through;text-decoration-color:#3d5170}.recog-empty-hint{text-align:center;padding:26px 10px;color:var(--muted);font:600 12px inherit}.recog-quest-bonus{margin-top:12px;padding:11px 13px;border-radius:14px;display:flex;align-items:center;gap:9px;background:#241a09;border:1px solid #4b3512;color:#94643f;font:800 11.5px Rajdhani,sans-serif}.recog-quest-bonus.ready{background:linear-gradient(120deg,#3a2a08,#1c1608);border-color:var(--recog-gold-deep);color:#fbbf24;box-shadow:0 0 22px var(--recog-gold-glow)}.recog-sheet-head{display:flex;gap:12px;align-items:center}.recog-sheet-icon{width:52px;height:52px;border-radius:14px;flex:none;display:flex;align-items:center;justify-content:center;font-size:24px;background:#16234a;border:1px solid #2a3d70}.recog-sheet-head h3{font:800 17px Rajdhani,sans-serif;margin:0;color:#f8fafc}.recog-sheet-tags{display:flex;gap:6px;margin-top:4px}.recog-sheet-cat,.recog-sheet-tier{font:800 9.5px "Manrope",inherit;letter-spacing:.3px;padding:2px 8px;border-radius:99px}.recog-sheet-cat{background:#1c2c56;color:#9db3e8}.recog-tier-cao{background:linear-gradient(90deg,#f9731633,#fbbf2433);color:#fdba74}.recog-tier-trung{background:#8b5cf633;color:#c4b5fd}.recog-tier-co{background:#2dd4bf33;color:#7fe8db}.recog-sheet-status{margin:14px 0 4px;padding:9px 12px;border-radius:12px;font:700 11.5px inherit;display:flex;align-items:center;gap:7px}.recog-sheet-status.new{background:#1c2c56;color:#9db3e8}.recog-sheet-status.claimed{background:#0d2d52;color:#8fc4ff}.recog-sheet-status.done{background:#0d2e22;color:#7be0ae}.recog-sheet-sec{margin-top:16px}.recog-sheet-sec h4{font:800 11.5px "Manrope",inherit;color:#cfe0ff;display:flex;align-items:center;gap:6px;margin:0 0 7px}.recog-sheet-sec p{margin:0;font:500 12.5px/1.6 inherit;color:#cbd5e1}.recog-sheet-sec ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:5px}.recog-sheet-sec li{font:500 12.5px/1.5 inherit;color:#cbd5e1}.recog-sheet-time{font:700 12px inherit;color:#fbbf24}.recog-sheet-reward{margin-top:8px;display:flex;gap:10px}.recog-reward-pill{flex:1;background:#0c1730;border:1px solid #253968;border-radius:14px;padding:10px;text-align:center}.recog-reward-pill b{display:block;font:800 18px Rajdhani,sans-serif;color:#fbbf24}.recog-reward-pill span{font:700 9.5px inherit;color:var(--muted)}.recog-sheet-cta{margin-top:18px;width:100%;border:0;border-radius:14px;padding:13px;font:800 13px Rajdhani,sans-serif;letter-spacing:.3px;cursor:pointer;transition:transform .15s var(--recog-ease-pop)}.recog-sheet-cta:active{transform:scale(.97)}.recog-sheet-cta.new{background:linear-gradient(120deg,#3b82f6,#6366f1);color:#fff}.recog-sheet-cta.claimed{background:#132449;color:#8fc4ff;border:1px solid #2f5488}.recog-sheet-cta.done{background:#0d2e22;color:#7be0ae;border:1px solid #1f7a56}.recog-sheet-cta:disabled{opacity:.85;cursor:default}@media(prefers-reduced-motion:reduce){.recog-dock-pulse,.recog-dock-spark,.recog-cur-glow-tdn,.recog-cur-sparkle,.recog-tag-progress i{animation:none!important}}.chest-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chest-tabs button{border:1px solid #26385f;border-radius:13px;background:#101c3d;color:#94a3b8;padding:11px 8px;display:flex;align-items:center;justify-content:center;gap:6px;font:700 12px inherit}.chest-tabs button.active{background:linear-gradient(155deg,#263875,#101938);border-color:#4a63aa;color:#fff}.chest-msg{padding:11px 14px;border-radius:12px;background:#17254a;border:1px solid #2c4270;color:#bfdbfe;font-size:12px;line-height:1.5}.chest-capacity .progress{margin-top:8px}.chest-expand-btn{margin-top:10px;width:100%;border:1px solid #33476d;border-radius:12px;background:#172442;color:#e2e8f0;padding:10px 8px;display:flex;align-items:center;justify-content:center;gap:6px;font:700 12px inherit}.chest-expand-btn:disabled{opacity:.45}.chest-cap-max{display:block;margin-top:8px;font-size:11px;color:#64748b}.chest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.chest-slot{position:relative;border-radius:16px;border:1px solid #26385f;background:linear-gradient(155deg,#142348,#0e1937);padding:12px 8px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;min-height:118px}.chest-slot.rarity-hiem{border-color:#4f6cd688;background:linear-gradient(155deg,#1b2a5c,#101a3d)}.chest-slot.rarity-quy{border-color:#d5a52caa;background:linear-gradient(155deg,#3a2c0f,#1c1608)}.chest-slot-value{font-size:9px;color:#94a3b8;text-transform:uppercase;letter-spacing:.4px}.chest-slot-icon{font-size:26px;line-height:1;margin:2px 0}.chest-slot-title{font-size:10.5px;color:#e2e8f0;line-height:1.3}.chest-slot-rarity{font-size:9px;color:#64748b}.chest-slot-qty{position:absolute;right:6px;bottom:6px;background:#0a132bcc;border:1px solid #33476d;border-radius:999px;padding:1px 7px;font-size:10px;font-weight:700;color:#fbbf24}.chest-slot-use,.chest-slot-buy{margin-top:auto;width:100%;border:0;border-radius:10px;background:#1d3a2c;color:#6ee7b7;padding:6px 4px;font:700 10.5px inherit;display:flex;align-items:center;justify-content:center;gap:4px}.chest-slot-buy{background:#1e293b;color:#e2e8f0}.chest-slot-use:disabled,.chest-slot-buy:disabled{opacity:.4}.reward-sec-title{font:800 10px/1 inherit;letter-spacing:1.2px;text-transform:uppercase;color:#5c6d8c;margin:2px 4px 8px}.reward-list{display:flex;flex-direction:column;gap:9px;margin-bottom:16px}.reward-card{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:16px;background:linear-gradient(155deg,#142348,#0e1937);border:1px solid #26385f}.reward-card.pending{border-color:#7a5c1c;background:linear-gradient(155deg,#241c0c,#14100a)}.reward-card-icon{width:44px;height:44px;flex:none;display:flex;align-items:center;justify-content:center}.reward-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.reward-card-badge{font:800 11px Rajdhani,sans-serif;letter-spacing:.2px;color:#fbbf24}.reward-card-desc{font:600 12px/1.4 "Manrope",inherit;color:#e2e8f0}.reward-card-meta{font:600 10px inherit;color:#64748b;margin-top:2px}.reward-card-cta{flex:none;padding:7px 14px;border-radius:99px;background:linear-gradient(120deg,#3b82f6,#6366f1);color:#fff;font:800 11px Rajdhani,sans-serif;letter-spacing:.3px;box-shadow:0 0 14px var(--recog-claim-glow);transition:transform .15s var(--recog-ease-pop)}.reward-card-cta:active{transform:scale(.9)}.reward-card-cta:disabled{opacity:.6}.reward-card-done{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#3bd39a,#1f9e6d);color:#06341f;font:900 13px sans-serif}.practice-card header{display:flex;align-items:center;justify-content:space-between;gap:10px}.practice-card h2{font-size:14px}.practice-reward-tag{flex:none;font:800 10.5px Rajdhani,sans-serif;letter-spacing:.2px;padding:4px 10px;border-radius:99px;background:#0d2e2233;color:#5eead4;border:1px solid #1f7a5666}.practice-reward-tag.muted{background:#1c2c5633;color:#8fa0c4;border-color:#26385f}.practice-desc{margin-top:9px;font:500 12.5px/1.55 "Manrope",inherit;color:#cbd5e1}.practice-soon{opacity:.62}.practice-actions{margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.practice-btn{border:0;border-radius:13px;padding:11px 18px;font:800 12.5px Rajdhani,sans-serif;letter-spacing:.2px;cursor:pointer;transition:transform .15s var(--recog-ease-pop)}.practice-btn:active{transform:scale(.96)}.practice-btn:disabled{opacity:.45;cursor:default}.practice-btn-primary{background:linear-gradient(120deg,#22d3ee,#0891b2);color:#062830}.practice-btn-ghost{background:#132449;color:#8fc4ff;border:1px solid #2f5488}.practice-done-tag{font:700 11.5px "Manrope",inherit;color:#5eead4}.practice-timer{margin-top:14px;text-align:center;padding:16px;border-radius:14px;background:#0c1730;border:1px solid #233258}.practice-timer-big{font:800 30px Rajdhani,sans-serif;color:#67e8f9;letter-spacing:1px;font-variant-numeric:tabular-nums}.practice-timer-sub{margin-top:4px;font:600 11.5px "Manrope",inherit;color:var(--muted)}.recog-dock-glow-amber{background:radial-gradient(circle,#f59e0b80,transparent 72%)}.recog-dock-cur{position:relative;z-index:1;width:40px;height:40px;display:block}.recog-dock-cur svg{width:100%;height:100%}.recog-cur-info-btn{margin-top:8px;width:100%;padding:9px;border-radius:10px;border:0;background:linear-gradient(90deg,#d97706,#f59e0b);color:#1c1917;font:700 12px inherit}.recog-dock .recog-dock-btn{width:clamp(44px,12.5vw,70px);height:clamp(44px,12.5vw,70px)}.recog-dock .recog-dock-icon{width:clamp(32px,9vw,46px);height:clamp(32px,9vw,46px)}.recog-dock .recog-dock-cur{width:clamp(30px,8.5vw,40px);height:clamp(30px,8.5vw,40px)}.recog-dock-caption span{font-size:clamp(8px,2.3vw,9.5px)}.recog-cur-item{position:relative}.recog-xu-menu{position:absolute;left:0;top:calc(100% + 8px);z-index:60;width:244px;background:#0d1838f5;border:1px solid #4a5fa8;border-radius:16px;padding:6px;box-shadow:0 16px 40px #000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.recog-xu-menu-it{width:100%;display:grid;grid-template-columns:26px 1fr;column-gap:8px;align-items:center;text-align:left;background:none;border:0;border-radius:10px;padding:8px;color:#eef2ff;cursor:pointer;font:inherit}.recog-xu-menu-it:hover,.recog-xu-menu-it:focus-visible{background:#1a2a5c;outline:none}.recog-xu-menu-it span{grid-row:1/3;font-size:18px}.recog-xu-menu-it b{font-size:13.5px}.recog-xu-menu-it small{color:#93a0c8;font-size:11px}.rd-cho{margin:12px auto 0;max-width:760px;padding:12px 14px;border-radius:14px;background:#3a1a0acc;border:1px solid #ffb4a866;color:#ffe8d8;font-size:13.5px;line-height:1.45}.rd-cho>b{display:block;color:#ffd36a;margin-bottom:4px}.rd-cho p{margin:6px 0 0}.rd-cho em{font-style:normal;color:#ffb4a8}.hang-tien-te{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:12px;padding:8px 6px;border-radius:12px;background:#00000038;border:1px solid rgba(255,255,255,.1)}.hang-tien-te-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 5px;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:8px;min-width:0}.hang-tien-te-chip:active{transform:scale(.94)}.hang-tien-te-chip .recog-cur-val{color:#fff;font-size:11px}.hang-tien-te-chip.recog-cur-chip--locked .recog-cur-val{color:#ffffff8c}.hang-tien-te-chip.recog-cur-chip--tdn .recog-cur-val{color:#fbbf24}.hang-tien-te-chip small{font-size:10px;color:#ffffffa6}@media(max-width:359px){.hang-tien-te{gap:2px;padding:6px 4px}.hang-tien-te-chip{padding:2px 3px}}.cc{--cc-nen: #120d08;--cc-tam: #2d2318;--cc-tam2: #1a140d;--cc-vien: #5a4423;--cc-vien2: #3d2e18;--cc-chu: #f5e9d0;--cc-chu2: #d8c7a3;--cc-chu3: #bfae8c;--cc-dong: #e0b45a;--cc-dong-sang: #f7e3b0;--cc-lam: #22d3ee;--cc-lam-chu: #7fe7f5;--cc-xanh: #34d399;--cc-xanh-chu: #6ee7b7;--cc-vang: #fbbf24;--cc-vang-chu: #fcd34d;--cc-do: #f87171;--cc-do-chu: #fca5a5;--cc-tim-chu: #c4b5fd;--cc-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--cc-serif: "Cormorant Garamond", Georgia, serif;--text: var(--cc-chu);--text-primary: var(--cc-chu);--text-secondary: var(--cc-chu2);--muted: var(--cc-chu3);--muted-light: var(--cc-chu3);--card-background: var(--cc-tam2);--surface: var(--cc-tam2);--surface-elevated: var(--cc-tam);--bg: var(--cc-nen);--bg-subtle: #1d160e;--page-background: var(--cc-nen);--border: var(--cc-vien2);--border-color: var(--cc-vien2);--border-light: var(--cc-vien2);--primary: var(--cc-dong);--primary-action: var(--cc-dong);--success-bg: rgba(52,211,153,.12);--success-color: var(--cc-xanh-chu);--warning-bg: rgba(251,191,36,.12);--warning-color: var(--cc-vang-chu);--danger-bg: rgba(248,113,113,.12);--danger-color: var(--cc-do-chu);color:var(--cc-chu)}.cc.cc-trang{min-height:100dvh;padding-bottom:calc(var(--bottom-nav-height, 72px) + 16px);box-sizing:border-box;background:radial-gradient(120% 60% at 50% 0%,#3a2a16,#1b140c,#0f0b07);position:relative}.cc.cc-trang:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(34,211,238,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.045) 1px,transparent 1px);background-size:26px 26px}.cc .page-header-container{background:transparent!important;border-bottom:1px solid rgba(224,180,90,.18);box-shadow:none!important;position:relative;z-index:1}.cc .page-header-container h1,.cc .page-header-container .page-header-default-texts h1{font-family:var(--cc-serif)!important;color:var(--cc-dong-sang)!important;font-weight:700;letter-spacing:.3px}.cc .page-header-back-btn,.cc .page-header-actions button{background:linear-gradient(#2c2216,#1d160e)!important;border:1px solid var(--cc-vien)!important;color:var(--cc-dong)!important;box-shadow:0 3px #0a0704}.cc-tabs{position:relative;z-index:1;margin:10px 12px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;border-radius:12px;background:#120d08;border:1px solid var(--cc-vien2)}.cc-tabs.n4{grid-template-columns:repeat(4,minmax(0,1fr))}.cc-tabs button{height:36px;border:0;border-radius:9px;background:transparent;color:var(--cc-chu3);font:600 13px Be Vietnam Pro,system-ui,sans-serif;cursor:pointer;white-space:nowrap}.cc-tabs.n4 button{font-size:12.5px}.cc-tabs button.on{background:linear-gradient(#f1cf7e,#c99536);color:#2a1a05;box-shadow:0 2px #6b4510,inset 0 1px #fff3c4}.cc-tabs button:focus-visible,.cc button:focus-visible,.cc a:focus-visible{outline:2px solid var(--cc-lam);outline-offset:2px}.cc-than{position:relative;z-index:1;padding:10px 12px 12px;max-width:1160px;margin:0 auto;box-sizing:border-box}.cc-plate{border-radius:18px;background:linear-gradient(180deg,var(--cc-tam),var(--cc-tam2));border:1px solid var(--cc-vien);box-shadow:0 5px #0b0805,0 14px 30px #00000073,inset 0 1px #ffe7a82e;padding:12px}.cc-hud{display:flex;align-items:center;gap:8px;font:500 11px var(--cc-mono);color:var(--cc-lam-chu);letter-spacing:.06em;text-transform:uppercase}.cc-ln{flex:1;height:1px;background:linear-gradient(90deg,rgba(34,211,238,.6),transparent)}.cc-led{width:7px;height:7px;border-radius:50%;background:var(--cc-lam);box-shadow:0 0 8px var(--cc-lam);animation:ccNhip 1.2s ease-in-out infinite}.cc-i,.cc .nqt-nut.cc-i{width:28px;height:28px;flex:none;border-radius:50%;border:1.5px solid var(--cc-dong)!important;background:#1d160e!important;color:var(--cc-dong)!important;font:800 12px Be Vietnam Pro,sans-serif;display:grid;place-items:center;cursor:pointer;position:static!important;box-shadow:none!important;padding:0}.cc-i.nho{width:22px;height:22px;font-size:11px}.cc-nhe{margin:6px 2px;font-size:12.5px;color:var(--cc-chu3)}.cc-so{font-family:var(--cc-mono);font-weight:700;font-variant-numeric:tabular-nums}.cc-x{width:32px;height:32px;flex:none;border-radius:50%;border:1px solid var(--cc-vien);background:#1d160e;color:var(--cc-dong);display:grid;place-items:center;cursor:pointer;font-size:18px;line-height:1}.cc-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap;background:#bfae8c1f;color:var(--cc-chu2)}.cc-pill-ok{background:#34d39924;color:var(--cc-xanh-chu)}.cc-pill-muon{background:#fbbf2424;color:var(--cc-vang-chu)}.cc-pill-som{background:#22d3ee24;color:var(--cc-lam-chu)}.cc-pill-do{background:#f8717126;color:var(--cc-do-chu)}.cc-pill-tim{background:#a78bfa29;color:var(--cc-tim-chu)}.cc-chip{padding:4px 10px;border-radius:999px;font-weight:700;font-size:11.5px;white-space:nowrap;border:1px solid var(--cc-vien);background:#1d160e;color:var(--cc-chu2)}.cc-chip-chay{color:var(--cc-lam-chu);border-color:#22d3ee73;background:#22d3ee1a}.cc-chip-xong{color:#93c5fd;border-color:#93c5fd66;background:#93c5fd14}.cc-xoay{animation:ccXoay 1s linear infinite}@keyframes ccXoay{to{transform:rotate(360deg)}}@keyframes ccNhip{0%,to{opacity:.45}50%{opacity:1}}.cc-k{height:50px;border-radius:14px;border:0;font:800 14.5px Be Vietnam Pro,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;width:100%;padding:0 12px}.cc-k:disabled{cursor:not-allowed}.cc-k-dong{color:#2a1a05;background:linear-gradient(#ffe7a8,#d9a441 55%,#a8731d);box-shadow:0 5px #6b4510,0 10px 18px #d9a44138,inset 0 1px #fff8dc}.cc-k-dong:active:not(:disabled),.cc-k-ra:active:not(:disabled),.cc-k-lam:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #4a2e06}.cc-k-dong:disabled{filter:grayscale(.6) brightness(.7)}.cc-k-ra{color:#fff;background:linear-gradient(#d0384a,#9b1c2c 60%,#7d1422);box-shadow:0 5px #4a0a12,0 10px 18px #9b1c2c4d,inset 0 1px #ff9aa5}.cc-k-ra:disabled{filter:grayscale(.5) brightness(.75)}.cc-k-da,.cc-k-tat{color:var(--cc-chu3);background:#1d160e;border:1px solid var(--cc-vien);font-weight:700;font-size:13.5px}.cc-k-vien{height:46px;background:transparent;border:1.5px solid var(--cc-vien);color:var(--cc-chu2);font-weight:700}.cc-k-lam{color:#04232a;background:linear-gradient(#a5f3fc,#22d3ee 55%,#0891b2);box-shadow:0 4px #075e6e,inset 0 1px #e6fbfe}.cc-k-vien-lam{height:46px;background:transparent;border:1.5px solid rgba(127,231,245,.35);color:#b9dde2;font-weight:700;font-size:13.5px}.cc-k-vua{height:44px;margin-top:10px}.cc-k-nho{height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--cc-vien);background:linear-gradient(#2c2216,#1d160e);color:var(--cc-dong);font:700 12.5px Be Vietnam Pro,sans-serif;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.cc-cap-nut{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.cc-cap-nut>:only-child{grid-column:1 / -1}.cc-hn-luoi{display:flex;flex-direction:column;gap:10px}.cc-chi-may{display:none}.cc-stage{display:flex;justify-content:center;padding:8px 0 4px}.cc-stage-ca{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;justify-content:stretch}.cc-rd-cot{display:flex;flex-direction:column;gap:8px;min-width:0}.cc-rd{border-radius:10px;border:1px solid rgba(34,211,238,.28);background:#0814188c;padding:6px 9px}.cc-rd span{display:block;font:500 10px var(--cc-mono);color:var(--cc-lam-chu);letter-spacing:.08em;text-transform:uppercase}.cc-rd b{font:700 17px var(--cc-mono);color:var(--cc-chu);font-variant-numeric:tabular-nums}.cc-tien{margin-top:8px}.cc-tien-l{display:flex;align-items:center;justify-content:space-between;font:600 11px Be Vietnam Pro,sans-serif;color:var(--cc-chu2);letter-spacing:.06em;text-transform:uppercase}.cc-tien-dung{margin:6px 0 0;font-size:12px;color:var(--cc-vang-chu)}.bd{display:flex;align-items:center;justify-content:center;gap:3px;margin-top:6px;padding:8px;border-radius:12px;background:#0e0a06;border:1px solid var(--cc-vien);box-shadow:inset 0 2px 6px #000000b3;flex-wrap:nowrap;overflow:hidden}.bd-so{width:25px;height:38px;flex:none;border-radius:5px;display:grid;place-items:center;font:700 23px var(--cc-mono);color:#fff3c4;background:linear-gradient(#2a2016,#151009 48%,#0d0905 52%,#211910);border:1px solid #6b4f24;box-shadow:inset 0 1px #ffe7a826}.bd-cham{font:700 21px var(--cc-mono);color:var(--cc-dong)}.bd-dv{font:800 18px var(--cc-serif);color:var(--cc-dong);margin-left:4px}.cc-prog{margin-top:10px;height:8px;border-radius:99px;background:#0e0a06;border:1px solid var(--cc-vien2);overflow:hidden}.cc-prog i{display:block;height:100%;background:linear-gradient(90deg,#0891b2,#22d3ee);box-shadow:0 0 10px #22d3ee;transition:width .6s ease}.cc-prog-l{display:flex;justify-content:space-between;margin-top:4px;font:500 11px var(--cc-mono);color:var(--cc-chu3);text-transform:uppercase}.cc-meta{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;align-items:center;margin-top:12px;font-size:12px;color:var(--cc-chu2)}.cc-meta-l{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cc-meta-l svg{flex:none;color:#fb923c}.cc-meta-r{text-align:right;font:700 12px var(--cc-mono);color:var(--cc-chu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-canh{margin-top:10px;padding:9px 12px;border-radius:12px;border:1px solid rgba(251,191,36,.45);background:#fbbf2414;color:var(--cc-vang-chu);font-size:12.5px}.cc-loi-nho{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px;padding:9px 12px;border-radius:12px;border:1px solid rgba(248,113,113,.45);background:#f8717114;color:var(--cc-do-chu);font-size:12.5px}.cc-ghichu{border:1px dashed var(--cc-vien);border-radius:12px}.cc-ghichu>button{width:100%;height:42px;border:0;background:transparent;color:var(--cc-chu2);font:600 12.5px Be Vietnam Pro,sans-serif;display:flex;align-items:center;justify-content:space-between;padding:0 12px;cursor:pointer}.cc-ghichu.mo>button svg{transform:rotate(180deg)}.cc-ghichu input{width:calc(100% - 20px);margin:0 10px 10px;height:40px;box-sizing:border-box;border-radius:10px;border:1px solid var(--cc-vien);background:#0e0a06;color:var(--cc-chu);padding:0 12px;font:500 13.5px Be Vietnam Pro,sans-serif}.cc-bc-nut{display:flex;align-items:center;gap:8px;width:100%;height:44px;padding:0 12px;border-radius:12px;border:1px solid rgba(34,211,238,.35);background:#08141899;color:#d6f6fb;font:700 13px Be Vietnam Pro,sans-serif;cursor:pointer}.cc-bc-nut span:nth-child(2){flex:1;text-align:left}.cc-xong{display:flex;align-items:center;gap:12px;padding:8px 0 4px}.cc-xong-tx{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:12px;color:var(--cc-chu2)}.cc-xong-tx b{font:700 20px var(--cc-serif);color:var(--cc-dong-sang)}.cc-phieu{position:relative;margin:10px 4px 4px;padding:14px 14px 12px;color:#2a1a05;background:linear-gradient(180deg,#fbf3df,#efe0bd);border-radius:4px;box-shadow:0 10px 22px #00000080}.cc-phieu:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:8px;background-image:radial-gradient(circle at 6px 0,transparent 5px,#efe0bd 5.5px);background-size:12px 8px}.cc-phieu-h{display:flex;justify-content:space-between;font:700 10.5px var(--cc-mono);letter-spacing:.12em;color:#7a5a26;border-bottom:1px dashed #b79b67;padding-bottom:7px;text-transform:uppercase}.cc-phieu-tien{font:800 32px var(--cc-serif);line-height:1.1;margin-top:6px}.cc-phieu-sub{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#6b5330}.cc-phieu-sub .cc-i{border-color:#7a5a26!important;color:#7a5a26!important;background:transparent!important}.cc-phieu-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:9px;border-top:1px dashed #b79b67;padding-top:8px}.cc-phieu-g span{display:block;font:500 10px var(--cc-mono);letter-spacing:.1em;color:#7a5a26}.cc-phieu-g b{font:700 15px var(--cc-mono)}.cc-phieu-ct{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.cc-phieu-ct .cc-pill-muon{background:#fde68a;color:#78350f}.cc-phieu-ct .cc-pill-som{background:#a5f3fc;color:#164e63}.cc-phieu-bc{margin:8px 0 0;font-size:12px;color:#4a3a20;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-moc{position:absolute;right:12px;top:26px;width:72px;height:72px;border-radius:50%;border:3px double #b42335;color:#b42335;display:grid;place-items:center;text-align:center;font:800 9.5px/1.2 Be Vietnam Pro,sans-serif;letter-spacing:.06em;transform:rotate(-14deg);opacity:.85;pointer-events:none}.cc-hang{display:flex;flex-direction:column;gap:8px}.cc-hang-h{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px}.cc-hang-d{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;border-radius:12px;background:#0e0a06;border:1px solid var(--cc-vien2);font-size:12.5px}.cc-cham{width:9px;height:9px;border-radius:50%;background:var(--cc-lam);box-shadow:0 0 8px var(--cc-lam);animation:ccNhip 1.2s ease-in-out infinite}.cc-cham.vang{background:var(--cc-vang-chu);box-shadow:0 0 8px var(--cc-vang-chu)}.cc-loi{border-color:#f8717180}.cc-loi.mang{border-color:#fbbf2480}.cc-loi-h{display:flex;align-items:center;gap:10px}.cc-loi-h b{flex:1;font:700 17px var(--cc-serif);color:var(--cc-dong-sang)}.cc-loi-ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#f871711f;color:var(--cc-do-chu);flex:none}.cc-loi-m{margin:8px 0 0;font-size:13px;line-height:1.5;color:var(--cc-chu2)}.cc-buoc{margin:8px 0 0;padding-left:20px;font-size:12.5px;color:var(--cc-chu2);display:flex;flex-direction:column;gap:4px}.cc-gan{padding:10px 12px}.cc-gan-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.cc-gan-h b{font:700 17px var(--cc-serif);color:var(--cc-dong-sang)}.cc-gan-h button{border:0;background:transparent;color:var(--cc-lam-chu);font:600 12px Be Vietnam Pro,sans-serif;cursor:pointer;padding:6px 0}.cc-gan-d{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:8px 2px;border-top:1px solid rgba(224,180,90,.12);font-size:12.5px}.dh{position:relative;flex:none;filter:drop-shadow(0 7px 10px rgba(0,0,0,.55))}.dh svg{display:block;overflow:visible}.dh-so{font:700 15px var(--cc-mono, monospace);fill:#e0b45a}.dh-so-dt{font:700 12.5px var(--cc-mono, monospace);letter-spacing:1px}.dh-gear{transform-box:fill-box;transform-origin:center}.dh-chay .dh-g1{animation:dhQuay 8s linear infinite}.dh-chay .dh-g2{animation:dhNguoc 5s linear infinite}.dh-chay .dh-g3{animation:dhQuay 11s linear infinite}.dh-giay{transition:transform .25s cubic-bezier(.4,2.3,.5,1)}@keyframes dhQuay{to{transform:rotate(360deg)}}@keyframes dhNguoc{to{transform:rotate(-360deg)}}.cc-lop{position:fixed;inset:0;z-index:1200;background:#050302b8;display:flex;flex-direction:column;justify-content:flex-end}.cc-lop.giua{justify-content:center;align-items:center;padding:16px}.cc-sheet{width:100%;max-width:560px;margin:0 auto;max-height:92dvh;overflow-y:auto;box-sizing:border-box;border-radius:24px 24px 0 0;background:linear-gradient(180deg,#2f2519,#17120c);border:1px solid var(--cc-vien);border-bottom:0;box-shadow:0 -10px 40px #0009,inset 0 1px #ffe7a838;padding:10px 16px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.cc-grip{width:44px;height:5px;border-radius:9px;background:var(--cc-vien);margin:0 auto}.cc-sheet-h{display:flex;align-items:center;gap:10px}.cc-sheet-h b{flex:1;font:700 21px var(--cc-serif);color:var(--cc-dong-sang);line-height:1.15}.cc-sheet-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none}.cc-sheet-ic.vang{background:#fbbf241f;border:1px solid rgba(251,191,36,.5);color:var(--cc-vang-chu)}.cc-sheet-ic.lam{background:#22d3ee1a;border:1px solid rgba(34,211,238,.45);color:var(--cc-lam-chu)}.cc-thieu{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:#0e0a06;border:1px solid var(--cc-vien2)}.cc-thieu span{display:block;font:500 10.5px var(--cc-mono);letter-spacing:.1em;color:var(--cc-lam-chu);text-transform:uppercase}.cc-thieu b{display:block;font:700 26px var(--cc-mono);color:var(--cc-vang-chu)}.cc-thieu small{font-size:12px;color:var(--cc-chu2)}.cc-ss{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cc-op{border-radius:14px;padding:10px 12px;border:1px solid var(--cc-vien);background:#1d160e}.cc-op span{display:block;font:500 10px var(--cc-mono);letter-spacing:.1em;color:var(--cc-chu3);text-transform:uppercase}.cc-op b{display:block;font:800 20px var(--cc-serif);margin-top:2px}.cc-op small{font-size:11.5px;color:var(--cc-chu2)}.cc-op.tot{border-color:#34d3998c;background:#34d39912}.cc-op.tot b{color:var(--cc-xanh-chu)}.cc-op.xau b{color:var(--cc-do-chu)}.cc-bcn-ds{display:flex;flex-direction:column;gap:8px}.cc-bcn{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;border:1px solid var(--cc-vien);background:#1d160e;color:var(--cc-chu);text-align:left;cursor:pointer}.cc-bcn-tx{flex:1;min-width:0;display:flex;flex-direction:column}.cc-bcn-tx b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-bcn-tx small{font-size:11.5px;color:var(--cc-chu3)}.cc-gt-lop{position:fixed;inset:0;z-index:1400;background:#05030299;display:grid;place-items:center;padding:16px}.cc-gt{width:min(420px,100%);border-radius:18px;background:linear-gradient(180deg,#0f2226,#081315);border:1px solid rgba(34,211,238,.45);box-shadow:0 0 0 1px #22d3ee1f,0 20px 50px #0009;color:#d6f6fb;font-family:Be Vietnam Pro,system-ui,sans-serif}.cc-gt header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid rgba(34,211,238,.2)}.cc-gt header>span{width:26px;height:26px;border-radius:50%;border:1.5px solid #7fe7f5;color:#7fe7f5;display:grid;place-items:center;font-weight:800;font-size:12px}.cc-gt h3{flex:1;margin:0;font-size:15px;color:#fff}.cc-gt header button{width:30px;height:30px;border-radius:50%;border:1px solid rgba(127,231,245,.35);background:transparent;color:#7fe7f5;font-size:18px;cursor:pointer}.cc-gt ul{margin:0;padding:12px 16px 14px 32px;display:flex;flex-direction:column;gap:7px;font-size:13px;line-height:1.55}.cc-the-lop{background:#080604eb!important}.cc-the{position:relative;z-index:2;width:min(400px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;display:flex;flex-direction:column;gap:10px;margin:auto}.cc-the-vao{position:relative;border-radius:22px;padding:20px 16px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;background:linear-gradient(180deg,#2d2318,#16110b);border:1px solid var(--cc-vien);box-shadow:0 6px #0b0805,0 24px 50px #0009,inset 0 1px #ffe7a833}.cc-the-x{position:absolute;top:10px;right:10px}.cc-the h2{margin:0;font:700 24px var(--cc-serif);color:var(--cc-dong-sang)}.cc-huy{position:relative;width:88px;height:88px;display:grid;place-items:center;animation:ccToa .6s cubic-bezier(.3,1.6,.5,1) both}.cc-huy:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px dashed var(--cc-dong);animation:ccXoay 12s linear infinite}.cc-huy span{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;color:#2a1a05;background:radial-gradient(circle at 35% 30%,#fff3c4,#e0b45a 50%,#8a5a12);box-shadow:0 4px #5a3a08,0 0 24px #e0b45a73}@keyframes ccToa{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}.cc-hang{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.cc-xu{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:14px;background:linear-gradient(#5a3a08,#3a2405);border:1px solid #a8731d}.cc-xu b{font:800 24px var(--cc-mono);color:var(--cc-vang-chu)}.cc-xu-hoa{background:linear-gradient(#3a3a3a,#262626);border-color:#6b6b6b}.cc-xu-hoa b{color:#e5e5e5}.cc-xu-thua{background:linear-gradient(#5a1414,#3a0a0a);border-color:#b42335}.cc-xu-thua b{color:var(--cc-do-chu)}.cc-dongxu{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3c4,#e0b45a 55%,#a8731d);box-shadow:0 2px #5a3a08}.cc-may-in{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-radius:22px 22px 14px 14px;padding:12px 14px 0;background:linear-gradient(180deg,#3a2c1a,#1d160e);border:1px solid var(--cc-vien);box-shadow:0 6px #0b0805,inset 0 1px #ffe7a833}.cc-may-in h2{flex:1;font-size:22px}.cc-tick{width:34px;height:34px;border-radius:50%;background:#34d39926;border:1px solid rgba(52,211,153,.5);color:var(--cc-xanh-chu);display:grid;place-items:center}.cc-khe{flex-basis:100%;height:10px;margin:10px -2px 0;border-radius:6px;background:#050302;box-shadow:inset 0 2px 4px #000}.cc-phieu-ra{margin:-6px 10px 6px;animation:ccIn .9s cubic-bezier(.2,.8,.2,1) both}@keyframes ccIn{0%{transform:translateY(-60%);opacity:.2}to{transform:none;opacity:1}}.cc-xu-so{color:#92400e}.cc-the-nut{display:flex;flex-direction:column;gap:8px;margin-top:6px}.cc-sai{font-size:12px;color:var(--cc-vang-chu);text-align:center;text-decoration:underline}.cc-nhac{border-radius:20px;padding:14px;background:linear-gradient(180deg,#132428,#0a1416);border:1px solid rgba(34,211,238,.4);box-shadow:0 5px #040809,0 0 24px #22d3ee1f;display:flex;flex-direction:column;gap:10px;animation:ccLen .5s .8s both}@keyframes ccLen{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.cc-nhac-h{display:flex;gap:10px;align-items:flex-start}.cc-nhac-h>div{flex:1;min-width:0}.cc-nhac-ic{width:40px;height:40px;border-radius:12px;flex:none;display:grid;place-items:center;background:#22d3ee1f;color:var(--cc-lam-chu)}.cc-nhac-h b{display:block;font:700 18px var(--cc-serif);color:#e6fbfe}.cc-nhac-h p{margin:3px 0 0;font-size:13px;line-height:1.5;color:#b9dde2}.cc-nhac-h strong{color:#fff}.cc-nhac-h .cc-i{border-color:#7fe7f5!important;color:#7fe7f5!important;background:transparent!important}.cc-nhac-nut{display:grid;grid-template-columns:1.5fr 1fr;gap:8px}.cc-nhac-nut .cc-k{height:46px;font-size:14px}.cc-bc{display:flex;flex-direction:column;gap:10px}.cc-thang{display:flex;align-items:center;gap:8px}.cc-thang-t{flex:1;position:relative;text-align:center;font:700 20px var(--cc-serif);color:var(--cc-dong-sang)}.cc-thang-t input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.cc-mb{width:42px;height:36px;flex:none;border-radius:10px;border:1px solid var(--cc-vien);background:linear-gradient(#2c2216,#1d160e);color:var(--cc-dong);display:grid;place-items:center;box-shadow:0 3px #0a0704;cursor:pointer}.cc-mb:disabled{opacity:.4;cursor:default}.cc-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:6px}.cc-kpi>div{border-radius:12px;padding:7px 6px;text-align:center;background:linear-gradient(180deg,var(--cc-tam),var(--cc-tam2));border:1px solid var(--cc-vien);box-shadow:0 3px #0b0805;min-width:0}.cc-kpi b{display:block;font:700 15px var(--cc-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-kpi span{display:block;font-size:10.5px;color:var(--cc-chu2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-kpi .vang b{color:var(--cc-vang-chu)}.cc-kpi .lam b{color:var(--cc-lam-chu)}.cc-kpi .xanh b{color:var(--cc-xanh-chu)}.cc-loc{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.cc-loc button{flex:none;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--cc-vien);background:#1d160e;color:var(--cc-chu2);font:600 12px Be Vietnam Pro,sans-serif;cursor:pointer;white-space:nowrap}.cc-loc button.on{background:linear-gradient(#f1cf7e,#c99536);border-color:var(--cc-dong);color:#2a1a05}.cc-lich{padding:10px}.cc-lich-tu,.cc-lich-o{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.cc-lich-tu{font:600 10.5px var(--cc-mono);color:var(--cc-chu3);text-align:center;margin-bottom:5px}.cc-o{position:relative;height:42px;border-radius:9px;border:0;padding:0;font:700 13px var(--cc-mono);color:var(--cc-chu);cursor:pointer;background:linear-gradient(180deg,#3a2d1b,#241b10);box-shadow:0 3px #0b0805,inset 0 1px #ffe7a826}.cc-o i{position:absolute;left:50%;bottom:5px;width:16px;height:3px;margin-left:-8px;border-radius:3px}.cc-o i.nhip{animation:ccNhip 1.2s ease-in-out infinite}.cc-o.trong{background:transparent;box-shadow:none}.cc-o:disabled{opacity:.35;cursor:default}.cc-o.mo{opacity:.3}.cc-o.chon{outline:2px solid var(--cc-dong);outline-offset:1px}.cc-o.nay{box-shadow:0 3px #0b0805,0 0 0 1px var(--cc-lam),0 0 12px #22d3ee59}.cc-ct{border-radius:16px;padding:10px 12px;background:#0e0a06;border:1px solid var(--cc-vien2);display:flex;flex-direction:column;gap:8px}.cc-ct-h{display:flex;justify-content:space-between;align-items:baseline}.cc-ct-h b{font:700 17px var(--cc-serif);color:var(--cc-dong-sang)}.cc-ct-luot{display:flex;flex-direction:column;gap:6px;padding-top:6px;border-top:1px solid rgba(224,180,90,.1)}.cc-ct-dong{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;font-size:12.5px;color:var(--cc-chu2)}.cc-ct-chip{display:flex;gap:6px;flex-wrap:wrap}.cc-ct-note{margin:0;font-size:12px;color:var(--cc-chu2)}.cc-ct-tien{margin:0;font-size:12.5px;color:var(--cc-chu3)}.cc-ct-tien.xanh{color:var(--cc-xanh-chu)}.cc-ct-tien.vang{color:var(--cc-vang-chu)}.cc-ct-tien.cho{color:var(--cc-lam-chu)}.cc-bc.gon .cc-loc,.cc-bc.gon .cc-thang .cc-i{display:none}.cc-nv{display:flex;flex-direction:column;gap:9px}.cc-hud-ov{border-radius:18px;padding:12px;background:linear-gradient(180deg,#0a1a1ef2,#060e10f7);border:1px solid rgba(34,211,238,.35);box-shadow:0 5px #050302,inset 0 1px #7fe7f526;display:flex;flex-direction:column;gap:10px}.cc-ov-h{display:flex;align-items:center;gap:8px}.cc-ky{display:flex;flex:1;padding:2px;border-radius:10px;background:#22d3ee14}.cc-ky button{flex:1;height:30px;border:0;border-radius:8px;background:transparent;color:var(--cc-lam-chu);font:600 12.5px Be Vietnam Pro,sans-serif;cursor:pointer}.cc-ky button.on{background:var(--cc-lam);color:#04232a}.cc-hud-ov .cc-i{border-color:#7fe7f5!important;color:#7fe7f5!important;background:transparent!important}.cc-ov-tien span{font:500 10.5px var(--cc-mono);letter-spacing:.1em;color:var(--cc-lam-chu);text-transform:uppercase}.cc-ov-tien b{display:block;font:700 28px var(--cc-mono);color:var(--cc-dong-sang);letter-spacing:-.5px;font-variant-numeric:tabular-nums}.cc-ov-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cc-ov-g>*{border-radius:10px;padding:6px 8px;background:#22d3ee0f;border:1px solid rgba(34,211,238,.18);text-align:left;color:var(--cc-chu);font:inherit}.cc-ov-g button{cursor:pointer}.cc-ov-g b{display:block;font:700 15px var(--cc-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-ov-g span{font-size:10.5px;color:#a8c9cf}.cc-ov-g .vang b{color:var(--cc-vang-chu)}.cc-ov-g .lam b{color:var(--cc-lam)}.cc-ov-g .xam b{color:var(--cc-chu3)}.cc-tim{display:flex;align-items:center;gap:6px;height:40px;padding:0 10px;border-radius:11px;border:1px solid var(--cc-vien);background:#120d08;color:var(--cc-chu3)}.cc-tim input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--cc-chu);font:500 13.5px Be Vietnam Pro,sans-serif}.cc-ds{border-radius:16px;background:linear-gradient(180deg,#241c12,#16110b);border:1px solid var(--cc-vien);max-height:62dvh;overflow-y:auto}.cc-nv-d{display:grid;grid-template-columns:34px minmax(0,1fr) auto 36px;gap:8px;align-items:center;padding:8px 8px 8px 10px;border-top:1px solid rgba(224,180,90,.12)}.cc-nv-d:first-child{border-top:0}.cc-av{position:relative;width:34px;height:34px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff3c4,#e0b45a 55%,#a8731d)}.cc-av em{font:800 12px Be Vietnam Pro,sans-serif;font-style:normal;color:#2a1a05}.cc-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cc-nv-mid{min-width:0;display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:0;text-align:left;color:var(--cc-chu);cursor:pointer}.cc-nv-mid b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-nv-mid small{font-size:11px;color:var(--cc-chu3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-tl{position:relative;display:block;height:8px;border-radius:5px;background:#0e0a06;border:1px solid var(--cc-vien2);overflow:hidden}.cc-tl-ca{position:absolute;top:0;bottom:0;background:#e0b45a29;border-left:1px dashed #a8731d;border-right:1px dashed #a8731d}.cc-tl i{position:absolute;top:1px;bottom:1px;border-radius:2px}.cc-tl i.muon{background:var(--cc-vang-chu)}.cc-tl i.lam{background:var(--cc-xanh)}.cc-tl i.som{background:var(--cc-lam)}.cc-tl i.nhip{animation:ccNhip 1.2s ease-in-out infinite}.cc-nv-r{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0}.cc-nv-r b{font:700 12px var(--cc-mono);white-space:nowrap}.cc-tt{font-size:10.5px;font-weight:700;white-space:nowrap}.cc-tt.vang{color:var(--cc-vang-chu)}.cc-tt.lam{color:var(--cc-lam-chu)}.cc-tt.xanh{color:var(--cc-xanh-chu)}.cc-tt.xam{color:var(--cc-chu3)}.cc-oc{width:34px;height:34px;border-radius:10px;border:1px solid var(--cc-vien);background:linear-gradient(#2c2216,#1d160e);color:var(--cc-dong);display:grid;place-items:center;box-shadow:0 2px #0a0704;cursor:pointer}.cc-cn{text-align:right;font-family:var(--cc-mono);font-size:11px}.cc-menu{width:min(340px,100%);border-radius:18px;background:linear-gradient(180deg,#33281a,#1a140d);border:1px solid #a8731d;box-shadow:0 6px #0b0805,0 24px 50px #000000b3,inset 0 1px #ffe7a840;padding:6px}.cc-menu-h{display:flex;align-items:center;gap:8px;padding:8px 8px 10px;border-bottom:1px solid rgba(224,180,90,.2)}.cc-menu-h b{flex:1;min-width:0;font:700 17px var(--cc-serif);color:var(--cc-dong-sang);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-mi{display:flex;align-items:center;gap:10px;width:100%;padding:11px 10px;border:0;border-radius:12px;background:transparent;color:var(--cc-chu);font:600 13px Be Vietnam Pro,sans-serif;text-align:left;cursor:pointer}.cc-mi:hover:not(:disabled){background:#e0b45a14}.cc-mi:disabled{opacity:.6}.cc-mi svg{flex:none;color:var(--cc-dong)}.cc-mi-tx{flex:1;min-width:0;display:flex;flex-direction:column}.cc-mi-tx small{font-weight:500;font-size:11.5px;color:var(--cc-chu3)}.cc-mi.hl{background:#22d3ee14;border:1px solid rgba(34,211,238,.3);margin-top:6px}.cc-sw{width:44px;height:26px;border-radius:999px;background:#3d2e18;position:relative;flex:none;transition:background .2s}.cc-sw:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--cc-chu3);transition:left .2s,background .2s}.cc-sw.bat{background:linear-gradient(#22d3ee,#0891b2);box-shadow:0 0 10px #22d3ee80}.cc-sw.bat:after{left:21px;background:#e6fbfe}.cc-menu-bao{margin:6px 10px;font-size:12px;color:var(--cc-lam-chu)}.cc-menu-nk{margin:4px 10px 6px;padding-top:8px;border-top:1px solid rgba(224,180,90,.2);font:500 10.5px var(--cc-mono);color:var(--cc-chu3)}.cc-ho{display:flex;align-items:center;gap:10px}.cc-me{width:50px;height:50px;flex:none;border-radius:50%;display:grid;place-items:center;font:800 16px Be Vietnam Pro,sans-serif;color:#2a1a05;background:radial-gradient(circle at 35% 30%,#fff3c4,#e0b45a 55%,#8a5a12);box-shadow:0 0 0 3px #3a2405,0 0 0 4px #a8731d}.cc-ho-tx{flex:1;min-width:0;display:flex;flex-direction:column}.cc-ho-tx b{font:700 19px var(--cc-serif);color:var(--cc-dong-sang);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-ho-tx small{font-size:12px;color:var(--cc-chu2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-ng-d{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 12px;border-top:1px solid rgba(224,180,90,.12)}.cc-ng-d:first-child{border-top:0}.cc-ng-dt b{display:block;font:700 13px var(--cc-mono)}.cc-ng-dt small{font-size:10.5px;color:var(--cc-chu3)}.cc-ng-mid{min-width:0;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--cc-chu2)}.cc-vitri .vt{border-radius:18px;padding:12px;background:linear-gradient(180deg,var(--cc-tam),var(--cc-tam2));border:1px solid var(--cc-vien);box-shadow:0 5px #0b0805}.cc-vitri .vt-dau h3{font-family:var(--cc-serif);font-size:19px;color:var(--cc-dong-sang)}.cc-vitri .leaflet-container{border-radius:14px;border:1px solid var(--cc-vien);background:#0b1416}.cc-vitri .leaflet-tile-pane{filter:invert(1) hue-rotate(185deg) brightness(.82) contrast(.92) saturate(.55)}.cc-vitri .vt-nut{background:linear-gradient(#a5f3fc,#22d3ee 55%,#0891b2)!important;color:#04232a!important;border:0!important;box-shadow:0 4px #075e6e;font-weight:800}.cc-vitri .vt-nut.phu{background:#1d160e!important;color:var(--cc-chu2)!important;border:1px solid var(--cc-vien)!important;box-shadow:none}.cc-vitri .vt-icon[aria-pressed=true]{background:var(--cc-lam);border-color:var(--cc-lam);color:#04232a}.cc-vitri .vt-loc button{background:#1d160e;border-color:var(--cc-vien);color:var(--cc-chu2)}.cc-vitri .vt-loc button.on{background:linear-gradient(#f1cf7e,#c99536);color:#2a1a05;border-color:var(--cc-dong)}.cc .fcg-card,.cc .so-tien-gate>*{border-radius:16px!important;border:1px solid var(--cc-vien)!important;background:linear-gradient(180deg,var(--cc-tam),var(--cc-tam2))!important;color:var(--cc-chu)!important;box-shadow:0 4px #0b0805!important}.cc .fcg-card.fcg-warn,.cc .fcg-card.fcg-confirm{border-color:#f871718c!important}.cc .fcg-primary{background:linear-gradient(#ffe7a8,#d9a441 55%,#a8731d)!important;color:#2a1a05!important;border:0!important;box-shadow:0 4px #6b4510!important;font-weight:800}.cc .fcg-field textarea,.cc .fcg-field input{background:#0e0a06!important;color:var(--cc-chu)!important;border:1px solid var(--cc-vien)!important}.cc .fcg-error{color:var(--cc-do-chu)!important}.cc .camera-modal-card{background:linear-gradient(180deg,#2d2318,#16110b)!important;border:1px solid var(--cc-vien);color:var(--cc-chu)}.cc .camera-modal-header h3{font-family:var(--cc-serif);color:var(--cc-dong-sang)}.cc .camera-modal-header .camera-subtitle{color:var(--cc-chu3)}.cc .camera-close-btn{background:#1d160e!important;color:var(--cc-dong)!important;border:1px solid var(--cc-vien)!important}.cc .camera-badge-icon{background:#22d3ee1f!important;color:var(--cc-lam-chu)!important}.cc .fs-buoc li{background:#1d160e;border-color:var(--cc-vien);color:var(--cc-chu3)}.cc .fs-buoc li.done{background:#34d39924;border-color:#34d39980;color:var(--cc-xanh-chu)}.cc .fs-buoc li.on{background:linear-gradient(#f1cf7e,#c99536);color:#2a1a05;border-color:var(--cc-dong)}.cc .fs-note{color:var(--cc-chu3)}@media(min-width:1024px){.cc-tabs{max-width:560px;margin:14px auto 0}.cc-than{padding:18px 24px}.cc-hn-luoi{display:grid;grid-template-columns:440px minmax(0,1fr);gap:18px;align-items:start}.cc-hn-luoi>:not(.cc-chi-may){grid-column:1}.cc-chi-may{display:block;grid-column:2;grid-row:1 / span 8}.cc-ds{max-height:none}.cc-ov-g{grid-template-columns:repeat(6,minmax(0,1fr))}.cc-nv-d{grid-template-columns:34px minmax(0,1.6fr) minmax(0,.6fr) 36px}.cc-o{height:50px}.cc-lop{justify-content:center;align-items:center}.cc-sheet{border-radius:24px;border-bottom:1px solid var(--cc-vien)}}@media(max-width:359px){.bd-so{width:21px;height:34px;font-size:19px}.cc-tabs.n4 button{font-size:11px}}@media(prefers-reduced-motion:reduce){.dh-chay .dh-g1,.dh-chay .dh-g2,.dh-chay .dh-g3,.cc-led,.cc-cham,.cc-o i.nhip,.cc-tl i.nhip,.cc-huy,.cc-huy:before,.cc-phieu-ra,.cc-nhac{animation:none!important}.dh-giay,.cc-prog i{transition:none}}.cc.cch-nen{background:#050302cc!important}.cc.cch-nen .cch-hop{background:linear-gradient(180deg,#2f2519,#14100a)!important;border:1px solid var(--cc-vien)!important;color:var(--cc-chu)!important;box-shadow:0 -10px 40px #0009,inset 0 1px #ffe7a838!important}.cc.cch-nen .cch-dau,.cc.cch-nen .cch-the,.cc.cch-nen .cch-dong{background:transparent!important;border-color:#e0b45a26!important;color:var(--cc-chu)!important}.cc.cch-nen .cch-dau h2,.cc.cch-nen .cch-dau h3{font-family:var(--cc-serif);color:var(--cc-dong-sang)!important}.cc.cch-nen .cch-the{background:#0e0a06!important;border:1px solid var(--cc-vien2)!important;border-radius:12px}.cc.cch-nen .cch-so,.cc.cch-nen .cch-so b{color:var(--cc-chu)!important;font-family:var(--cc-mono)}.cc.cch-nen .cch-loc button,.cc.cch-nen .cch-nut,.cc.cch-nen .cch-lam-moi{background:#1d160e!important;border:1px solid var(--cc-vien)!important;color:var(--cc-chu2)!important}.cc.cch-nen .cch-loc button[aria-pressed=true],.cc.cch-nen .cch-loc .on{background:#22d3ee1f!important;border-color:#22d3ee80!important;color:var(--cc-lam-chu)!important}.cc.cch-nen .cch-chip{background:#bfae8c1f!important;color:var(--cc-chu2)!important;border-color:var(--cc-vien)!important}.cc.cch-nen .cch-chip.hub{color:var(--cc-dong)!important;border-color:#a8731d!important}.cc.cch-nen .cch-ds{background:#0e0a06!important;border-color:var(--cc-vien2)!important}.cc.cch-nen .cch-han,.cc.cch-nen .cch-trong,.cc.cch-nen .cch-chua-ca{color:var(--cc-chu2)!important}.cc.cch-nen .cch-loi{color:var(--cc-do-chu)!important}.cc.cbva-lop{background:#050302c7!important}.cc.cbva-lop .cbva-hop{background:linear-gradient(180deg,#2f2519,#17120c)!important;border:1px solid #7a2e2e!important;color:var(--cc-chu)!important;box-shadow:0 6px #0b0805,0 24px 50px #0009!important}.cc.cbva-lop .cbva-so{color:var(--cc-do-chu)!important;font-family:var(--cc-mono)}.cc.cbva-lop .cbva-phu,.cc.cbva-lop .cbva-cach{color:var(--cc-chu2)!important}.cc.cbva-lop .cbva-nut{background:linear-gradient(#d0384a,#9b1c2c 60%,#7d1422)!important;color:#fff!important;border:0!important;box-shadow:0 4px #4a0a12!important}.cc .fcg-card h3,.cc .fcg-card strong{color:var(--cc-dong-sang)!important}.cc .fcg-card p,.cc .fcg-card li,.cc .fcg-card span,.cc .fcg-card label{color:var(--cc-chu2)!important}.cc .fcg-card b{color:var(--cc-vang-chu)!important}.cc .fcg-card{opacity:1!important}.cc .fcg-penalty,.cc .fcg-note,.cc .fcg-amount{background:#0e0a06!important;border:1px solid var(--cc-vien2)!important;color:var(--cc-chu)!important;box-shadow:none!important}.cc .fcg-penalty h4,.cc .fcg-penalty strong,.cc .fcg-note strong{color:var(--cc-dong-sang)!important}.cc .fcg-amount{border-color:#fbbf2473!important;color:var(--cc-vang-chu)!important}.cc .pending-confirm-banner{background:linear-gradient(180deg,var(--cc-tam),var(--cc-tam2))!important;border:1px solid var(--cc-vien)!important;box-shadow:0 5px #0b0805!important;color:var(--cc-chu)!important}.cc .pending-confirm-banner .pcb-header-text strong,.cc .pending-confirm-banner h3{color:var(--cc-dong-sang)!important}.cc .pending-confirm-banner .pcb-icon-wrap{background:linear-gradient(#ffe7a8,#d9a441 55%,#a8731d)!important;color:#2a1a05!important}.cc .pending-confirm-banner .pcb-item-detail,.cc .pending-confirm-banner .pcb-item-row,.cc .pending-confirm-banner .pcb-track{background:#0e0a06!important;border-color:var(--cc-vien2)!important}.cc .pending-confirm-banner .pcb-item-label{color:var(--cc-chu3)!important}.cc .pending-confirm-banner .pcb-item-value{color:var(--cc-chu)!important}.cc .pending-confirm-banner .pcb-amount,.cc .pending-confirm-banner .pcb-item-highlight{color:var(--cc-xanh-chu)!important}.cc .pending-confirm-banner .pcb-btn-confirm{background:linear-gradient(#ffe7a8,#d9a441 55%,#a8731d)!important;color:#2a1a05!important;box-shadow:0 4px #6b4510!important;border:0!important}.cc .pending-confirm-banner .pcb-btn-detail,.cc .pending-confirm-banner .pcb-btn:not(.pcb-btn-confirm){background:#1d160e!important;border:1px solid var(--cc-vien)!important;color:var(--cc-chu2)!important}.tn-tabs{position:relative;z-index:1;margin:10px 12px 0;display:flex;padding:3px;border-radius:12px;background:#120d08;border:1px solid var(--cc-vien2)}.tn-tabs button{flex:1 1 0;min-width:0;height:36px;border:0;border-radius:9px;background:transparent;color:var(--cc-chu3);font:600 12.5px Be Vietnam Pro,system-ui,sans-serif;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.tn-tabs button.on{background:linear-gradient(#f1cf7e,#c99536);color:#2a1a05;box-shadow:0 2px #6b4510,inset 0 1px #fff3c4}.tn-than{position:relative;z-index:1;padding:10px 12px 16px;max-width:1160px;margin:0 auto;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}.tn-tam{border-radius:18px;padding:12px;background:linear-gradient(180deg,var(--cc-tam),var(--cc-tam2));border:1px solid var(--cc-vien);box-shadow:0 5px #0b0805,inset 0 1px #ffe7a829}.tn-gieng{border-radius:14px;background:#0e0a06;border:1px solid var(--cc-vien2)}.tn-m{font-family:var(--cc-mono);font-variant-numeric:tabular-nums}.tn-cg{color:var(--cc-xanh-chu)}.tn-tr{color:var(--cc-do-chu)}.tn-vg{color:var(--cc-vang-chu)}.tn-xn{color:var(--cc-lam-chu)}.tn-nho{font-size:11px;color:var(--cc-chu3)}.tn-tieu{margin:0;font:700 17px var(--cc-serif);color:var(--cc-dong-sang)}.tn-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.tn-p-ok{background:#34d39924;color:var(--cc-xanh-chu)}.tn-p-vang{background:#fbbf2424;color:var(--cc-vang-chu)}.tn-p-lam{background:#22d3ee24;color:var(--cc-lam-chu)}.tn-p-do{background:#f8717124;color:var(--cc-do-chu)}.tn-p-xam{background:#bfae8c1f;color:var(--cc-chu3)}.tn-btn{height:46px;border-radius:14px;border:0;font:800 14px Be Vietnam Pro,system-ui,sans-serif;background:linear-gradient(#f1cf7e,#c99536);color:#2a1a05;box-shadow:0 4px #6b4510,inset 0 1px #fff3c4;padding:0 16px;cursor:pointer}.tn-btn:disabled{opacity:.5;cursor:not-allowed}.tn-btn2{height:42px;border-radius:12px;font:700 13px Be Vietnam Pro,system-ui,sans-serif;background:linear-gradient(#2c2216,#1d160e);color:#f1cf7e;border:1px solid var(--cc-vien);box-shadow:0 3px #0a0704;padding:0 14px;cursor:pointer}.tn-btn-xanh{height:40px;border-radius:11px;border:0;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font:800 13px Be Vietnam Pro,system-ui,sans-serif;box-shadow:0 3px #0b5126;padding:0 12px;cursor:pointer}.tn-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.tn-chips::-webkit-scrollbar{display:none}.tn-chip{flex:none;height:32px;padding:0 11px;border-radius:999px;border:1px solid var(--cc-vien);background:#1d160e;color:var(--cc-chu2);font:600 12px Be Vietnam Pro,system-ui,sans-serif;cursor:pointer;white-space:nowrap}.tn-chip.on{background:#3a2a12;color:var(--cc-dong-sang);border-color:var(--cc-dong)}.tn-loi{padding:10px 12px;border-radius:12px;background:#f871711a;border:1px solid rgba(248,113,113,.35);color:var(--cc-do-chu);font-size:12.5px}.tn-trong{padding:22px 12px;text-align:center;color:var(--cc-chu3);font-size:12.5px}.tn-sodu{display:flex;flex-direction:column;align-items:center;gap:8px}.tn-sodu-nhan{font-size:11px;color:var(--cc-chu2);letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.tn-so{display:flex;gap:3px;justify-content:center;width:100%}.tn-so span{flex:1 1 0;min-width:0;max-width:30px;height:42px;border-radius:6px;display:grid;place-items:center;font-family:var(--cc-mono);font-weight:700;color:var(--cc-vang-chu);background:linear-gradient(#1a130b,#0b0805);border:1px solid #4a3820;box-shadow:inset 0 2px 4px #0009;font-size:26px}.tn-so.c9 span{font-size:22px}.tn-so.c11 span{font-size:18px}.tn-so .ch{flex:0 0 8px;background:none;border:0;box-shadow:none;color:var(--cc-chu3)}.tn-so.am span:not(.ch){color:var(--cc-do-chu)}.tn-nhan-hang{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.tn-nhom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.tn-nhom button{border-radius:12px;padding:8px 4px;text-align:center;background:linear-gradient(180deg,var(--cc-tam),var(--cc-tam2));border:1px solid var(--cc-vien);box-shadow:0 3px #0b0805;color:var(--cc-chu);cursor:pointer;font-family:Be Vietnam Pro,system-ui,sans-serif}.tn-nhom button.on{border-color:var(--cc-dong);box-shadow:0 3px #6b4510,0 0 0 2px #e0b45a4d}.tn-nhom b{display:block;font:700 13px var(--cc-mono);white-space:nowrap}.tn-nhom span{display:block;font-size:10.5px;color:var(--cc-chu2);margin-top:2px}.tn-vi4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.tn-vi4 button{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 2px;border-radius:12px;background:#0e0a06;border:1px solid var(--cc-vien2);color:var(--cc-chu);cursor:pointer;font-family:Be Vietnam Pro,system-ui,sans-serif}.tn-vi4 .recog-cur-icon{width:26px;height:26px}.tn-vi4 b{font:700 13px var(--cc-mono)}.tn-vi4 span{font-size:10px;color:var(--cc-chu3)}.tn-ve{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tn-ve button{border-radius:16px;padding:10px;display:flex;flex-direction:column;gap:4px;text-align:left;background:linear-gradient(180deg,var(--cc-tam),var(--cc-tam2));border:1px solid var(--cc-vien);box-shadow:0 4px #0b0805;color:var(--cc-chu);cursor:pointer;font-family:Be Vietnam Pro,system-ui,sans-serif}.tn-ve button.on{border-color:var(--cc-dong);box-shadow:0 4px #6b4510,0 0 0 2px #e0b45a59}.tn-ve .h{display:flex;align-items:center;gap:10px}.tn-ve .recog-cur-icon{width:40px;height:40px}.tn-ve .h b{font:700 21px var(--cc-mono);min-width:0;overflow:hidden;text-overflow:ellipsis}.tn-ve .ten{font-size:12px;font-weight:700;color:var(--cc-chu2)}.tn-ve .d{display:flex;gap:8px;font:600 10.5px var(--cc-mono);flex-wrap:wrap}.tn-khoang{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tn-khoang input[type=date]{height:32px;border-radius:9px;border:1px solid var(--cc-vien);background:#0e0a06;color:var(--cc-chu);padding:0 8px;font:600 12px var(--cc-mono);color-scheme:dark}.tn-tong3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:14px;overflow:hidden;border:1px solid var(--cc-vien);box-shadow:0 4px #0b0805}.tn-tong3 div{padding:8px 6px;text-align:center;background:linear-gradient(180deg,var(--cc-tam),var(--cc-tam2));min-width:0}.tn-tong3 div+div{border-left:1px solid var(--cc-vien2)}.tn-tong3 b{display:block;font:700 14px var(--cc-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tn-tong3 span{font-size:10.5px;color:var(--cc-chu2)}.tn-ngay{border-radius:16px;background:#0e0a06;border:1px solid var(--cc-vien2);overflow:hidden}.tn-ngay-h{display:flex;align-items:center;gap:8px;padding:8px 12px;background:linear-gradient(180deg,#241b10,#17110a);border-bottom:1px solid var(--cc-vien2)}.tn-ngay-h b{flex:1;font:700 15px var(--cc-serif);color:var(--cc-dong-sang)}.tn-dong{width:100%;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:7px 12px;background:none;border:0;border-top:1px solid #1d160e;color:var(--cc-chu);text-align:left;cursor:pointer;font-family:Be Vietnam Pro,system-ui,sans-serif}.tn-dong:first-of-type{border-top:0}.tn-dong.mo{opacity:.62}.tn-ic{width:34px;height:30px;border-radius:9px;display:grid;place-items:center;font:800 9.5px var(--cc-mono);background:#241b10;border:1px solid var(--cc-vien);color:var(--cc-dong);letter-spacing:-.2px}.tn-ic.CONG{color:var(--cc-dong-sang)}.tn-ic.PHU_CAP{color:#e9d5a1}.tn-ic.HOA_HONG{color:var(--cc-lam-chu)}.tn-ic.THUONG{color:var(--cc-xanh-chu)}.tn-ic.PHAT{color:var(--cc-do-chu)}.tn-ic.KHAU_TRU{color:#fdba74}.tn-dong .t{font-size:12.5px;font-weight:600;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tn-dong .s{font-size:10.5px;color:var(--cc-chu3);display:flex;gap:5px;align-items:center;flex-wrap:wrap}.tn-dong .a{font:700 13px var(--cc-mono);text-align:right;white-space:nowrap}.tn-dong .a .du{display:block;font:500 9.5px var(--cc-mono);color:var(--cc-chu3);margin-top:1px}.tn-ic.RUT{color:#7dd3fc}.tn-dong.ra{background:#38bdf80d}.tn-lop{position:fixed;inset:0;z-index:1300;background:#050301a8;display:flex;align-items:flex-end;justify-content:center}.tn-sheet{width:100%;max-width:560px;max-height:92dvh;overflow-y:auto;box-sizing:border-box;border-radius:22px 22px 0 0;padding:8px 14px calc(16px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#2d2318,#16110a);border-top:1px solid #7a5a2a;display:flex;flex-direction:column;gap:10px;box-shadow:0 -10px 30px #00000080;color:var(--cc-chu)}.tn-sheet>*{flex-shrink:0}.tn-grab{width:44px;height:4px;border-radius:4px;background:var(--cc-vien);align-self:center;flex:none}.tn-kv{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:7px 0;border-top:1px solid #1d160e;font-size:12.5px;align-items:center}.tn-kv:first-child{border-top:0}.tn-kv span{color:var(--cc-chu2)}.tn-kv b{font:700 12.5px var(--cc-mono);text-align:right;overflow-wrap:anywhere}@media(min-width:900px){.tn-lop{align-items:center}.tn-sheet{border-radius:22px;border:1px solid #7a5a2a}}.tn-buoc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}.tn-buoc div{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10.5px;color:var(--cc-chu3);text-align:center;position:relative;z-index:1}.tn-buoc i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 11px var(--cc-mono);font-style:normal;background:#241b10;border:2px solid var(--cc-vien);color:var(--cc-chu3)}.tn-buoc .x{color:var(--cc-xanh-chu)}.tn-buoc .x i{background:#15803d;border-color:#6ee7b7;color:#fff}.tn-buoc .dang{color:var(--cc-vang-chu)}.tn-buoc .dang i{border-color:var(--cc-vang-chu);color:var(--cc-vang-chu)}.tn-buoc .loi{color:var(--cc-do-chu)}.tn-buoc .loi i{border-color:var(--cc-do-chu);color:var(--cc-do-chu)}.tn-buoc-vach{position:absolute;left:12.5%;right:12.5%;top:10px;height:2px;background:var(--cc-vien)}.tn-buoc-vach span{display:block;height:100%;background:#6ee7b7}.tn-giay{border-radius:6px;padding:14px 12px 12px;background:#f7f0e1;color:#2a1f12;box-shadow:0 8px #0b0805,0 14px 30px #00000073;display:flex;flex-direction:column;gap:6px;position:relative}.tn-giay h2{margin:0;text-align:center;font:700 21px var(--cc-serif);letter-spacing:.06em;color:#2a1f12}.tn-giay .sub{text-align:center;font:600 10.5px var(--cc-mono);color:#6b5638}.tn-giay-tt{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;font-size:11.5px;padding:7px 0;border-top:1px solid #d9cbb0;border-bottom:1px solid #d9cbb0}.tn-giay-tt span{color:#6b5638}.tn-giay-tt b{text-align:right;overflow-wrap:anywhere}.tn-giay-nh{width:100%;display:grid;grid-template-columns:16px minmax(0,1fr) auto;gap:6px;align-items:center;padding:9px 2px;background:none;border:0;border-bottom:1px solid #e6dcc6;color:#2a1f12;font:600 12.5px Be Vietnam Pro,system-ui,sans-serif;text-align:left;cursor:pointer}.tn-giay-nh b{font:700 12.5px var(--cc-mono)}.tn-giay-nh svg{transition:transform .15s}.tn-giay-nh.mo svg{transform:rotate(90deg)}.tn-giay-con{margin:0 0 4px 18px;border-left:2px solid #e0b45a;padding-left:8px;display:flex;flex-direction:column}.tn-giay-dong{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:6px 2px;background:none;border:0;border-bottom:1px dashed #e6dcc6;color:#2a1f12;font:500 12px Be Vietnam Pro,system-ui,sans-serif;text-align:left;cursor:pointer}.tn-giay-dong small{display:block;font:500 10.5px var(--cc-mono);color:#8a7556}.tn-giay-dong b{font:700 12px var(--cc-mono);white-space:nowrap}.tn-giay-ct{margin:2px 0 6px;padding:8px 10px;border-radius:6px;background:#efe3c8;font:500 11px var(--cc-mono);color:#4a3a22;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px}.tn-giay-ct b{text-align:right;overflow-wrap:anywhere}.tn-giay .am{color:#b42318}.tn-giay .duong{color:#15803d}.tn-thuc{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:6px;background:#2a1f12;color:#fcd34d;margin-top:4px}.tn-thuc span{font:700 12px Be Vietnam Pro,system-ui,sans-serif;color:#f7e3b0}.tn-thuc b{font:700 19px var(--cc-mono)}.tn-dau{position:absolute;right:12px;top:54px;transform:rotate(-12deg);border:2.5px solid #15803d;color:#15803d;border-radius:8px;padding:2px 8px;font:800 12px Be Vietnam Pro,system-ui,sans-serif;letter-spacing:.1em;opacity:.85;pointer-events:none}.tn-dau.do{border-color:#b42318;color:#b42318}.tn-phieu{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) auto 14px;gap:10px;align-items:center;padding:10px 12px;border-radius:16px;color:var(--cc-chu);background:linear-gradient(180deg,var(--cc-tam),var(--cc-tam2));border:1px solid var(--cc-vien);box-shadow:0 4px #0b0805;text-align:left;cursor:pointer;font-family:Be Vietnam Pro,system-ui,sans-serif}.tn-phieu-th{width:46px;height:50px;border-radius:6px;background:#f7f0e1;color:#2a1f12;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 3px #0b0805}.tn-phieu-th b{font:700 18px var(--cc-serif);line-height:1}.tn-phieu-th small{font:700 9px var(--cc-mono);color:#8a6a2f}.tn-phieu .t{font-size:13.5px;font-weight:700;display:block}.tn-phieu .a{font:700 14px var(--cc-mono);color:var(--cc-vang-chu);text-align:right;white-space:nowrap}.tn-cong{position:fixed;inset:0;z-index:1250;overflow-y:auto;background:radial-gradient(120% 60% at 50% 0%,#4a3416,#1b140c 55%,#0f0b07);color:var(--cc-chu)}.tn-cong-than{max-width:520px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 14px calc(20px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:9px;box-sizing:border-box;min-height:100%}.tn-khoa{display:flex;align-items:flex-start;gap:8px;padding:9px 10px;border-radius:12px;background:#fbbf241a;border:1px solid rgba(251,191,36,.35);font-size:12px;color:var(--cc-vang-chu);line-height:1.4}.tn-khoa b{color:#fde68a}.tn-cong h1{margin:0;font:700 24px var(--cc-serif);color:var(--cc-dong-sang);text-align:center}.tn-tien{border-radius:16px;padding:10px;text-align:center;background:linear-gradient(180deg,var(--cc-tam),var(--cc-tam2));border:1px solid var(--cc-vien);box-shadow:0 4px #0b0805}.tn-tien>b{display:block;font:700 30px var(--cc-mono);color:var(--cc-vang-chu)}.tn-gom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:6px}.tn-gom div{font:600 10px Be Vietnam Pro,system-ui,sans-serif;color:var(--cc-chu3)}.tn-gom b{display:block;font:700 11.5px var(--cc-mono)}.tn-lk{background:none;border:0;color:var(--cc-dong);font:700 12px Be Vietnam Pro,system-ui,sans-serif;padding:6px;cursor:pointer}.tn-cho{border-radius:14px;padding:9px 10px;background:#22d3ee12;border:1px solid rgba(34,211,238,.35);display:flex;flex-direction:column;gap:6px}.tn-cho>span{font:700 12px Be Vietnam Pro,system-ui,sans-serif;color:var(--cc-lam-chu)}.tn-cho-d{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;font-size:12px}.tn-cho-d small{display:block;font:500 10px var(--cc-mono);color:var(--cc-chu3)}.tn-f{display:flex;flex-direction:column;gap:3px;min-width:0}.tn-f label,.tn-f .lb{font-size:11px;color:var(--cc-chu2);font-weight:600}.tn-in{height:42px;box-sizing:border-box;border-radius:11px;padding:0 11px;background:#0e0a06;border:1px solid var(--cc-vien);color:var(--cc-chu);font:600 14px Be Vietnam Pro,system-ui,sans-serif;width:100%;min-width:0;display:flex;align-items:center;gap:8px;text-align:left}.tn-in:focus{outline:2px solid var(--cc-lam);outline-offset:1px}.tn-in.kh{background:#17110a;color:var(--cc-chu2);border-style:dashed}.tn-in.m{font-family:var(--cc-mono)}.tn-hai{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.tn-goi{display:flex;gap:5px;flex-wrap:wrap;margin-top:3px}.tn-goi button{min-height:28px;padding:3px 10px;border-radius:999px;border:1px solid var(--cc-vien);background:#1d160e;color:var(--cc-chu2);font:600 11.5px Be Vietnam Pro,system-ui,sans-serif;cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tn-goi button.on{border-color:var(--cc-dong);background:#3a2a12;color:var(--cc-dong-sang)}.tn-tk{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;background:#e0b45a14;border:1px dashed var(--cc-vien)}.tn-tk div{flex:1;min-width:0;font-size:12px}.tn-tk b{display:block;font:700 13px var(--cc-mono);overflow-wrap:anywhere}.tn-cb{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:var(--cc-chu2);line-height:1.4;cursor:pointer}.tn-cb input{width:20px;height:20px;accent-color:#c99536;margin:0;flex:none}.tn-nh{width:100%;display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 12px;background:none;border:0;border-top:1px solid #1d160e;color:var(--cc-chu);text-align:left;cursor:pointer;font-family:Be Vietnam Pro,system-ui,sans-serif}.tn-nh-mt{width:50px;height:30px;border-radius:8px;display:grid;place-items:center;font:800 10px var(--cc-mono);background:#241b10;border:1px solid var(--cc-vien);color:var(--cc-dong)}.tn-xong-dau{width:96px;height:96px;border-radius:50%;align-self:center;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#86efac,#15803d 70%);box-shadow:0 6px #0b3d1d,0 0 0 8px #34d3991f,0 0 40px #34d39959;margin-top:24px}@media(min-width:900px){.tn-than{padding:14px 20px 24px}.tn-luoi2{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:14px;align-items:start}.tn-tabs{max-width:720px;margin:12px auto 0}.tn-nhom{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.tn-giay-nh svg{transition:none}}.tn-dk{border:1px solid var(--cc-vien);border-radius:12px;overflow:hidden;background:#0e0a06}.tn-dk-dau{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;border:0;background:#1d160e;color:var(--cc-chu);font:700 13px Be Vietnam Pro,system-ui,sans-serif;cursor:pointer;text-align:left}.tn-dk-dau>span:first-child{flex:1}.tn-dk-ok{font-size:11.5px;color:#4ade80}.tn-dk-can{font-size:11.5px;color:#f5b83d}.tn-dk-noi{max-height:260px;overflow:auto;padding:10px 12px;font-size:12px;line-height:1.5;color:var(--cc-chu2);border-top:1px solid var(--cc-vien2);display:grid;gap:6px}.tn-dk-noi b{color:var(--cc-chu);font-size:12.5px}.tn-dk-noi p{margin:2px 0 0}.tn-dk-chan{padding:10px 12px;border-top:1px solid var(--cc-vien2);display:grid;gap:8px}.tn-seg2{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;border-radius:12px;background:#120d08;border:1px solid var(--cc-vien2)}.tn-seg2 button{height:36px;border:0;border-radius:9px;background:transparent;color:var(--cc-chu2);font:700 13px Be Vietnam Pro,system-ui,sans-serif;cursor:pointer}.tn-seg2 button.on{background:linear-gradient(#f1cf7e,#c99536);color:#2a1a05}.tn-ai{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;border:1px solid rgba(241,207,126,.45);background:#f1cf7e14}.tn-ai b{display:block;font-size:14px;color:var(--cc-chu)}.tn-ai small{color:var(--cc-chu2);font-size:11.5px}.tn-ai .av{width:34px;height:34px;border-radius:10px;background:#2c2216;display:grid;place-items:center;font-weight:800;font-size:12px;color:#f1cf7e;flex:none;overflow:hidden}.tn-ai .av img{width:100%;height:100%;object-fit:cover}.tn-tim{display:flex;align-items:center;gap:8px;height:44px;border-radius:12px;background:#0e0a06;border:1px solid #c99536;padding:0 12px}.tn-tim input{flex:1;min-width:0;border:0;background:transparent;color:var(--cc-chu);font:600 15px Be Vietnam Pro,system-ui,sans-serif;outline:none}.tn-kq{display:grid;gap:4px}.tn-kq button{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;background:transparent;color:var(--cc-chu);border-radius:12px;padding:8px;cursor:pointer;font-family:inherit}.tn-kq button:hover,.tn-kq button.on{background:#1d160e;border-color:var(--cc-vien)}.tn-kq button.on{border-color:#c99536}.tn-kq button[disabled]{opacity:.5;cursor:not-allowed}.tn-kq .nm{font-weight:700;font-size:14px;display:block}.tn-kq small{display:block;color:var(--cc-chu2);font-size:11.5px}.tn-kq .ma{margin-left:auto;font:700 11.5px ui-monospace,monospace;color:var(--cc-chu2);flex:none}.tn-kq .av{width:34px;height:34px;border-radius:10px;background:#2c2216;display:grid;place-items:center;font-weight:800;font-size:12px;color:#f1cf7e;flex:none;overflow:hidden}.tn-kq .av img{width:100%;height:100%;object-fit:cover}.tn-canh{font-size:12px;line-height:1.45;color:#ffd48a;background:#f5b83d1a;border:1px solid rgba(245,184,61,.35);border-radius:10px;padding:8px 10px}.khk{position:fixed;inset:0 0 calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px)) 0;z-index:15;display:none;flex-direction:column;background:var(--bg, #0b1022)}.khk.is-hien{display:flex}.khk-dau{flex:none;display:flex;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top,0px)) 14px 8px;border-bottom:1px solid var(--border-color, rgba(255,255,255,.08));background:var(--surface-glass, rgba(13,19,40,.9));color:var(--text-primary, #eef1fa)}.khk-dau b{flex:1;font-size:15px}.khk-dau button{width:32px;height:32px;border-radius:10px;border:1px solid var(--border-color, rgba(255,255,255,.12));background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer}.khk-dau a{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--primary, #a9b8ff);text-decoration:none}.khk-khung{flex:1;width:100%;border:0;background:#f1f5f9}.khk-giua{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;color:var(--text-secondary, #8e97b5)}.khk-giua b{color:var(--text-primary, #eef1fa);font-size:15px}.khk-vong{width:34px;height:34px;border-radius:50%;border:3px solid rgba(127,140,180,.3);border-top-color:var(--primary, #4f6bff);animation:khk-quay 1s linear infinite}@keyframes khk-quay{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.khk-vong{animation:none}}.khk-nut{margin-top:6px;border:0;border-radius:10px;background:var(--primary, #4f6bff);color:#fff;font-weight:700;font-size:13.5px;padding:9px 16px;cursor:pointer;text-decoration:none;font-family:inherit}.chat-call-dropdown-wrapper{position:relative;display:inline-block}.chat-call-btn{width:34px;height:34px;border-radius:8px;border:1px solid transparent;background:none;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.chat-call-btn:hover{background:#f0fdf4;color:#16a34a}.chat-call-btn.active{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.call-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;width:220px;background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;border:1px solid #e2e8f0;padding:6px;z-index:1000;animation:dropIn .18s cubic-bezier(.16,1,.3,1)}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.call-dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:transparent;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s}.call-dropdown-item:hover{background:#f8fafc}.call-dropdown-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.call-dropdown-icon.voice{background:#dcfce7;color:#16a34a}.call-dropdown-icon.video{background:#eff6ff;color:#2563eb}.call-dropdown-title{font-size:13.5px;font-weight:600;color:#1e293b;display:block}.call-dropdown-subtitle{font-size:11.5px;color:#64748b;display:block;margin-top:1px}.incoming-call-overlay{position:fixed;inset:0;background:#0f172abf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .25s ease-out}.incoming-call-card{background:#1e293b;color:#fff;width:100%;max-width:360px;border-radius:24px;padding:32px 24px;text-align:center;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1);animation:scaleBounce .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes scaleBounce{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.incoming-avatar-wrapper{position:relative;width:100px;height:100px;margin:0 auto 20px}.incoming-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #3b82f6;position:relative;z-index:2}.incoming-avatar-fallback{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#fff;position:relative;z-index:2}.incoming-ripple{position:absolute;inset:-12px;border-radius:50%;border:2px solid rgba(59,130,246,.6);animation:ripplePulse 1.8s infinite cubic-bezier(.215,.61,.355,1);z-index:1}.incoming-ripple.delay{animation-delay:.6s}@keyframes ripplePulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.6);opacity:0}}.incoming-name{font-size:20px;font-weight:700;margin:0 0 6px}.incoming-subtitle{font-size:13.5px;color:#94a3b8;margin:0 0 28px;display:flex;align-items:center;justify-content:center;gap:6px}.incoming-actions{display:flex;align-items:center;justify-content:space-around;margin-top:10px}.call-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;background:none;border:none;cursor:pointer;color:#94a3b8;font-size:12px;font-weight:500;transition:transform .15s}.call-action-btn:hover{transform:translateY(-2px)}.call-btn-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 15px -3px #0000004d}.call-btn-circle.accept{background:#16a34a;animation:pulseGreen 1.5s infinite}.call-btn-circle.reject{background:#dc2626}@keyframes pulseGreen{0%{box-shadow:0 0 #16a34ab3}70%{box-shadow:0 0 0 14px #16a34a00}to{box-shadow:0 0 #16a34a00}}.active-call-modal-overlay{position:fixed;inset:0;background:#0f172a;z-index:99998;display:flex;flex-direction:column;color:#fff}.active-call-header{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08);flex-shrink:0;z-index:10}.active-call-title-box h3{font-size:16px;font-weight:700;margin:0}.active-call-status-badge{font-size:12px;color:#38bdf8;display:flex;align-items:center;gap:6px;margin-top:2px}.active-call-top-actions{display:flex;align-items:center;gap:8px}.call-top-btn{width:36px;height:36px;border-radius:8px;background:#ffffff1a;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.call-top-btn:hover{background:#fff3}.active-call-video-stage{flex:1;padding:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-content:center;justify-content:center;overflow-y:auto;min-height:0}.participant-video-card{position:relative;background:#1e293b;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 10;border:2px solid transparent;box-shadow:0 10px 15px -3px #0003;transition:border-color .2s}.participant-video-card.speaking{border-color:#22c55e;box-shadow:0 0 20px #22c55e4d}.participant-video-card video{width:100%;height:100%;object-fit:cover}.participant-video-card.local video{transform:scaleX(-1)}.participant-avatar-view{display:flex;flex-direction:column;align-items:center;gap:12px}.participant-big-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.15)}.participant-big-avatar-fallback{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4338ca);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff}.participant-info-tag{position:absolute;bottom:12px;left:12px;background:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;color:#fff}.active-call-controls-bar{height:84px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:12px;background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08);flex-shrink:0;z-index:10}.call-control-circle-btn{width:50px;height:50px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#ffffff1f;color:#fff;transition:all .15s ease}.call-control-circle-btn:hover{background:#ffffff38;transform:translateY(-2px)}.call-control-circle-btn.off{background:#ef4444;color:#fff}.call-control-circle-btn.hangup{width:60px;height:60px;background:#dc2626;color:#fff;margin-left:8px}.call-control-circle-btn.hangup:hover{background:#b91c1c}.minimized-call-widget{position:fixed;bottom:80px;right:20px;width:260px;background:#1e293b;border-radius:18px;box-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0003;border:1px solid rgba(255,255,255,.15);color:#fff;padding:12px;z-index:99997;display:flex;flex-direction:column;gap:10px;cursor:pointer;animation:dropIn .2s ease-out}.minimized-call-header{display:flex;align-items:center;justify-content:space-between}.minimized-call-info{display:flex;align-items:center;gap:8px}.minimized-call-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulseGreen 1.5s infinite}.minimized-call-title{font-size:13px;font-weight:600}.minimized-call-timer{font-size:12px;color:#94a3b8}.minimized-call-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px}.minimized-btn{flex:1;height:32px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;cursor:pointer;gap:6px}.minimized-btn.expand{background:#3b82f6;color:#fff}.minimized-btn.mute{background:#ffffff1f;color:#fff}.minimized-btn.mute.off{background:#ef4444}.minimized-btn.hangup{background:#dc2626;color:#fff;flex:0 0 36px}.call-log-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border-radius:14px;border:1px solid #e2e8f0;max-width:320px;box-shadow:0 1px 3px #0000000d}.call-log-icon-box{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.call-log-icon-box.ended{background:#dcfce7;color:#16a34a}.call-log-icon-box.missed{background:#fee2e2;color:#dc2626}.call-log-icon-box.rejected{background:#f1f5f9;color:#64748b}.call-log-details{flex:1;min-width:0}.call-log-title{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 2px}.call-log-meta{font-size:12px;color:#64748b;display:flex;align-items:center;gap:6px}.call-log-callback-btn{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0;transition:all .15s}.call-log-callback-btn:hover{background:#2563eb;color:#fff}@media(max-width:640px){.active-call-video-stage{grid-template-columns:1fr;padding:10px;gap:10px}.active-call-controls-bar{height:74px;gap:8px}.call-control-circle-btn{width:44px;height:44px}.call-control-circle-btn.hangup{width:52px;height:52px}.minimized-call-widget{bottom:70px;right:12px;width:calc(100vw - 24px);max-width:320px}}.giaithich-nut{display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border:1.5px solid rgba(255,255,255,.78);border-radius:50%;background:#ffffff29;color:#fff;font:700 13px/1 system-ui,sans-serif;cursor:pointer;flex:none}.giaithich-nut:active{transform:scale(.92)}.giaithich-nut.toi{border-color:#0f172a80;background:#0f172a0f;color:#334155}.giaithich-nen{position:fixed;inset:0;z-index:1500;display:flex;align-items:flex-end;justify-content:center;padding:0;background:#0f172a99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(min-width:480px){.giaithich-nen{align-items:center;padding:16px}}.giaithich-khay{width:100%;max-width:480px;max-height:min(78vh,640px);overflow-y:auto;background:#fff;border-radius:20px 20px 0 0;box-shadow:0 -12px 40px #0206174d}@media(min-width:480px){.giaithich-khay{border-radius:20px;box-shadow:0 24px 60px #02061766}}.giaithich-dau{position:sticky;top:0;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 12px;background:#fff;border-bottom:1px solid #f1f5f9}.giaithich-dau h2{margin:0;font-size:16.5px;font-weight:800;color:#0f172a}.giaithich-mota-ngan{margin:5px 0 0;font-size:12.5px;line-height:1.6;color:#64748b}.giaithich-dong{flex:none;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:#f1f5f9;color:#475569;cursor:pointer}.giaithich-than{padding:14px 18px 24px;display:flex;flex-direction:column;gap:10px}.giaithich-muc{padding:12px 13px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc}.giaithich-muc-dau{display:flex;align-items:center;gap:8px;margin-bottom:4px}.giaithich-muc-dau b{font-size:13.5px;color:#0f172a}.giaithich-muc-ky-hieu{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;font:800 13px/1 system-ui,sans-serif;flex:none}.giaithich-muc-cong{border-color:#bbf7d0;background:#f0fdf4}.giaithich-muc-cong .giaithich-muc-ky-hieu{background:#16a34a;color:#fff}.giaithich-muc-tru{border-color:#fecaca;background:#fef2f2}.giaithich-muc-tru .giaithich-muc-ky-hieu{background:#dc2626;color:#fff}.giaithich-muc-bang{border-color:#bfdbfe;background:#eff6ff}.giaithich-muc-bang .giaithich-muc-ky-hieu{background:#2563eb;color:#fff}.giaithich-muc-cong-thuc{margin:0;font-size:12.5px;line-height:1.6;color:#334155}.giaithich-muc-vi-du{margin:6px 0 0;padding:7px 9px;border-radius:8px;background:#ffffffb3;font-size:12px;line-height:1.6;color:#475569;font-style:italic}.giaithich-doan{margin:0;font-size:12.5px;line-height:1.7;color:#334155}.giaithich-doan b{color:#0f172a}.giaithich-nhan-muc{margin:4px 0 0;font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:#94a3b8}.home-income-card{position:relative;min-height:116px;padding:10px 18px 11px;overflow:hidden;border:1px solid rgba(255,120,178,.72);border-radius:24px 24px 0 0;background:linear-gradient(118deg,#102761,#30266f 38%,#a83f78 72%,#ff775e);color:#fff;box-shadow:0 20px 46px #0310334d;box-sizing:border-box;isolation:isolate}.home-income-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(5,26,79,.52),transparent 48%,rgba(255,127,85,.2))}.home-income-glow{position:absolute;width:240px;height:240px;right:-72px;top:-92px;border-radius:50%;background:radial-gradient(circle,rgba(255,183,143,.6),rgba(255,89,139,.16) 48%,transparent 70%);filter:blur(2px)}.home-income-art{position:absolute;right:24px;bottom:38px;width:180px;height:92px;opacity:.15;transform:rotate(-8deg)}.home-income-art span{position:absolute;display:block;border:16px solid #ffd1bc;border-radius:50%}.home-income-art span:nth-child(1){width:98px;height:50px;right:18px;bottom:8px;transform:skew(-24deg)}.home-income-art span:nth-child(2){width:28px;height:28px;right:0;bottom:20px}.home-income-art span:nth-child(3){width:34px;height:56px;left:18px;bottom:4px;border-radius:40% 60% 45% 55%}.home-income-heading{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:600}.home-income-heading button{display:inline-flex;align-items:center;gap:2px;min-height:36px;padding:0 0 0 10px;border:0;background:transparent;color:#fff;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}.home-income-heading button:active{transform:scale(.97)}.home-income-heading svg{width:17px;height:17px}.home-income-amount{position:relative;z-index:1;display:flex;min-width:0;min-height:42px;margin:0;align-items:center;font-size:clamp(25px,7.2vw,31px);line-height:1.1;letter-spacing:-2px;font-weight:850;text-shadow:0 4px 16px rgba(5,16,45,.22);overflow-wrap:anywhere}.home-income-value-row{position:relative;z-index:1;display:flex;min-width:0;min-height:44px;margin-top:0;align-items:center;gap:4px}.home-income-visibility{display:grid;flex:0 0 44px;width:44px;height:44px;padding:0;place-items:center;border:0;border-radius:50%;background:#ffffff24;color:#fff;cursor:pointer}.home-income-visibility svg{width:22px;height:22px}.home-income-amount:not(.is-loading){animation:incomeReveal .55s cubic-bezier(.16,1,.3,1)}.home-income-skeleton{display:block;width:140px;height:48px;border-radius:12px;background:linear-gradient(90deg,#ffffff1f,#ffffff4d,#ffffff1f);background-size:200% 100%;animation:homeShimmer 1.2s infinite}.home-income-card>p{position:relative;z-index:1;margin:4px 0 0;color:#ffffffd1;font-size:12px}@keyframes incomeReveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes homeShimmer{to{background-position:-200% 0}}@media(max-width:359px){.home-income-card{min-height:114px;padding:9px 14px 10px}.home-income-amount{font-size:25px}.home-income-heading{font-size:14px}.home-income-heading button{font-size:12px}}@media(prefers-reduced-motion:reduce){.home-income-amount:not(.is-loading),.home-income-skeleton{animation:none}}.home-income-pending-alert{position:relative;z-index:2;margin-top:14px;display:flex;align-items:center;justify-content:space-between;width:100%;background:#fef3c7f5;color:#92400e;padding:10px 14px;border-radius:14px;border:1px solid #fcd34d;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 14px #0000001f;box-sizing:border-box;transition:transform .15s ease}.home-income-pending-alert:active{transform:scale(.98)}.home-income-pending-alert>span{display:flex;align-items:center;gap:8px}.pending-badge-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;display:inline-block;animation:pendingPulse 1.8s infinite}@keyframes pendingPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}.is-negative{color:#dc2626!important}.home-income-ghi-chu{display:block;margin-top:4px;font-size:11px;line-height:1.5;opacity:.72}.home-income-cong-don{display:block;margin-top:6px;font-size:12.5px;line-height:1.5;opacity:.92}.home-income-nhan-co-giaithich{display:inline-flex;align-items:center;gap:7px}.notification-bell-container{position:relative;display:inline-flex;align-items:center}.notification-bell-button{position:relative;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--navy-800, #1e293b);transition:background-color var(--duration-fast, .15s) var(--ease, ease),transform var(--duration-fast, .15s) var(--ease, ease);min-width:44px;min-height:44px}.notification-bell-button:hover{background-color:var(--bg-hover, rgba(0, 0, 0, .06))}.notification-bell-button:active{transform:scale(.96)}.page-header-container .notification-bell-button,.page-header-home .notification-bell-button,.page-header-default .notification-bell-button,.page-header-detail .notification-bell-button,.dashboard-hero-navy .notification-bell-button{color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);box-shadow:0 2px 8px #00000026}.page-header-container .notification-bell-button:hover,.page-header-home .notification-bell-button:hover,.page-header-default .notification-bell-button:hover,.page-header-detail .notification-bell-button:hover,.dashboard-hero-navy .notification-bell-button:hover{background:#fff3}.notification-badge{position:absolute;top:4px;right:4px;background:var(--pink-500, #ef4444);color:#fff;font-size:10px;font-weight:800;min-width:18px;height:18px;line-height:18px;border-radius:var(--radius-full, 999px);text-align:center;padding:0 4px;box-shadow:0 0 0 2px var(--surface, #ffffff);display:flex;align-items:center;justify-content:center}.page-header-home .notification-badge,.dashboard-hero-navy .notification-badge{box-shadow:0 0 0 2px #0b1736}.notification-popover{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-width:calc(100vw - 24px);background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 16px);box-shadow:0 16px 36px -6px #0f172a33,0 8px 16px -4px #0f172a1a;z-index:1000;overflow:hidden;animation:popoverFadeIn .18s cubic-bezier(.16,1,.3,1)}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-popover-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-light, #f1f5f9);background:var(--surface, #ffffff)}.notification-popover-title{display:flex;align-items:center;gap:8px}.notification-popover-title strong{font-size:14px;font-weight:700;color:var(--navy-900, #0f172a)}.popover-unread-tag{background:#ef44441a;color:#ef4444;font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-full, 999px)}.popover-action-btn{background:transparent;border:none;color:var(--teal-600, #0d9488);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-xs, 6px);transition:background-color var(--duration-fast, .15s) var(--ease, ease)}.popover-action-btn:hover{background:#0d948814}.notification-popover-body{max-height:320px;overflow-y:auto;-webkit-overflow-scrolling:touch}.popover-loading,.popover-empty{padding:28px 16px;text-align:center;color:var(--text-secondary, #64748b);font-size:13px}.popover-list{list-style:none;margin:0;padding:0}.popover-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-light, #f1f5f9);cursor:pointer;transition:background-color var(--duration-fast, .15s) var(--ease, ease)}.popover-item:last-child{border-bottom:none}.popover-item:hover{background-color:var(--bg-subtle, #f8fafc)}.popover-item.unread{background-color:#0d94880a}.popover-item-icon{margin-top:2px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-full, 50%);background:#f1f5f9;flex-shrink:0}.noti-icon.commission{color:#16a34a}.noti-icon.proposal{color:#2563eb}.noti-icon.reward{color:#d97706}.noti-icon.task{color:#8b5cf6}.noti-icon.alert{color:#ef4444}.noti-icon.info{color:#64748b}.popover-item-content{flex:1;min-width:0}.popover-item-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.popover-item-title{font-size:13px;color:var(--navy-900, #0f172a);font-weight:600;line-height:1.3;overflow-wrap:anywhere;word-break:break-word}.unread-dot{width:7px;height:7px;border-radius:50%;background:var(--teal-600, #0d9488);flex-shrink:0}.popover-item-body{margin:4px 0 0;font-size:12px;color:var(--text-secondary, #64748b);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.popover-item-time{display:block;margin-top:4px;font-size:11px;color:var(--muted, #94a3b8)}.notification-popover-footer{padding:10px 16px;background:var(--bg-subtle, #f8fafc);border-top:1px solid var(--border-light, #f1f5f9);text-align:center}.popover-footer-link{color:var(--teal-600, #0d9488);font-size:12px;font-weight:700;text-decoration:none}.popover-footer-link:hover{text-decoration:underline}@media(max-width:520px){.notification-popover{position:fixed;top:60px;right:12px;left:12px;width:auto;max-width:calc(100vw - 24px);max-height:calc(100dvh - 80px);border-radius:var(--radius-lg, 16px);box-shadow:0 20px 48px #0f172a4d}.notification-popover-header{padding:12px 14px}.notification-popover-body{max-height:min(340px,calc(100dvh - 180px))}.popover-item{gap:10px;padding:12px 14px}}.bell-xu-cho{padding:8px 10px 2px;display:flex;flex-direction:column;gap:8px}.bell-xu-the{border:1px solid #2a3c75;border-radius:14px;background:linear-gradient(160deg,#16224f,#101a3b);padding:9px 10px;color:#eef2ff}.bell-xu-dau{display:flex;align-items:center;gap:8px}.bell-xu-dau div{flex:1;min-width:0}.bell-xu-dau b{display:block;font-size:13px}.bell-xu-dau small{color:#93a0c8;font-size:11.5px}.bell-xu-dau strong{font:700 16px Rajdhani,sans-serif;color:#34d399;white-space:nowrap}.bell-xu-nut{display:flex;gap:8px;margin-top:8px}.bell-xu-nut button{flex:1;border-radius:11px;padding:7px;border:1px solid #3a4d8f;background:#12224d;color:#eef2ff;font-weight:600;cursor:pointer}.bell-xu-nut .ok{background:linear-gradient(145deg,#22c55e,#15803d);border-color:#86efac}.mood-widget-wrapper{background:#fff;border-radius:16px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 4px 16px #0000000a;margin-bottom:0;transition:all .2s ease}.mood-widget-title{margin:0;padding:11px 11px 3px;color:#0a183b;font-size:16px;line-height:1.25}.mood-widget-header{display:flex;align-items:center;justify-content:space-between;padding:5px 11px;background:linear-gradient(135deg,#fff7ed,#eff6ff);border-bottom:1px solid #fed7aa;width:100%;min-width:0;min-height:44px;border-top:0;border-left:0;border-right:0;color:inherit;font:inherit;cursor:pointer}.mood-widget-chevron{flex:0 0 auto;color:#64748b;transition:transform .2s ease}.mood-widget-wrapper.is-open .mood-widget-chevron{transform:rotate(180deg)}.mood-widget-detail-actions{display:flex;justify-content:flex-end;padding:10px 16px 0}.streak-badge-pill{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:calc(100% - 30px);padding:3px 8px;border-radius:20px;background:#ffffffd9;border:1px solid rgba(251,146,60,.3);transition:all .15s ease}.streak-text,.level-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.streak-badge-pill:hover{background:#fff;box-shadow:0 2px 8px #ea580c26;transform:translateY(-1px)}.flame-icon{font-size:15px;animation:flameFlicker 1.5s infinite alternate ease-in-out}@keyframes flameFlicker{0%{transform:scale(1)}to{transform:scale(1.2) rotate(4deg)}}.streak-text{font-size:11px;color:#c2410c}.streak-text strong{font-weight:700}.divider{color:#cbd5e1}.level-text{font-size:10.5px;color:#2563eb;font-weight:600}.badges-launcher-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:#fff;border:1px solid #fde68a;border-radius:8px;color:#d97706;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.badges-launcher-btn:hover{background:#fef3c7}.mood-widget-body{padding:14px 16px}.mood-prompt-box{display:flex;flex-direction:column;gap:10px}.prompt-header{display:flex;align-items:center;justify-content:space-between}.prompt-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#334155}.prompt-title .sparkle-icon{color:#f59e0b}.exp-bonus-badge{font-size:11px;font-weight:700;color:#16a34a;background:#dcfce7;padding:2px 8px;border-radius:12px}.mood-options-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}@media(max-width:480px){.mood-options-grid{gap:6px}}.mood-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1)}.mood-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.mood-btn.orange:hover{background:#fff7ed;border-color:#fdba74}.mood-btn.blue:hover{background:#eff6ff;border-color:#93c5fd}.mood-btn.emerald:hover{background:#ecfdf5;border-color:#6ee7b7}.mood-btn.slate:hover{background:#f1f5f9;border-color:#cbd5e1}.mood-btn.purple:hover{background:#faf5ff;border-color:#d8b4fe}.mood-btn .mood-emoji{font-size:24px;line-height:1}.mood-btn .mood-name{font-size:11px;font-weight:600;color:#334155}.mood-completed-box{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#f0fdf4,#f8fafc);padding:12px 14px;border-radius:12px;border:1px solid #bbf7d0}.completed-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.checked-emoji{font-size:32px;flex-shrink:0}.completed-copy{display:flex;flex-direction:column;gap:2px}.completed-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.completed-title-row strong{font-size:13.5px;color:#166534}.exp-reward-tag{font-size:10.5px;color:#15803d;background:#dcfce7;padding:1px 6px;border-radius:6px;font-weight:600}.completed-sub{font-size:11.5px;color:#475569;margin:0;line-height:1.35}.change-mood-btn{display:flex;align-items:center;gap:3px;padding:6px 10px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:11.5px;color:#64748b;cursor:pointer;flex-shrink:0;transition:all .15s ease}.change-mood-btn:hover{background:#f1f5f9;color:#0f172a}.level-bar-track{height:6px;margin:2px 16px 0;background:#e2e8f0;border-radius:99px;overflow:hidden}.level-bar-fill{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#f59e0b,#fbbf24);transition:width .4s ease}.level-bar-caption{margin:4px 16px 0;font-size:10.5px;color:#94a3b8;font-weight:600}.employee-home{min-height:100dvh;background:#f7f8fc;color:#101a38;overflow-x:hidden;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));font-family:inherit}.employee-home *{box-sizing:border-box}.employee-home-hero{position:relative;padding:calc(18px + env(safe-area-inset-top,0px)) 18px 0;background:radial-gradient(circle at 82% 6%,rgba(29,76,170,.45),transparent 32%),linear-gradient(154deg,#031334,#061b47 54%,#08235a);border-radius:0 0 34px 34px;box-shadow:0 14px 40px #05173c24}.employee-home-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;margin-bottom:16px}.employee-home-identity{display:flex;align-items:center;gap:13px;min-width:0;color:#fff;text-decoration:none;-webkit-tap-highlight-color:transparent}.employee-home-avatar{position:relative;display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;overflow:hidden;border:2px solid rgba(255,255,255,.78);border-radius:50%;background:linear-gradient(145deg,#436bc4,#f05296);box-shadow:0 6px 18px #010a1f59;color:#fff;font-size:22px;font-weight:800}.employee-home-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.employee-home-greeting{display:grid;gap:3px;min-width:0}.employee-home-greeting strong{overflow:hidden;color:#fff;font-size:20px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.employee-home-greeting small{overflow:hidden;color:#e4ebffc7;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.employee-home-tools{display:flex;align-items:center;gap:7px;flex:0 0 auto}.employee-home-ai{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:66px;height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.64);border-radius:999px;background:#020e2c42;box-shadow:inset 0 0 0 1px #ffffff14;color:#fff;font-size:14px;font-weight:800;text-decoration:none;transition:background .2s ease,transform .2s ease}.employee-home-ai svg{width:19px}.employee-home-ai:active{transform:scale(.96);background:#ffffff29}.employee-home-tools .notification-bell-button{width:44px;height:44px;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;color:#fff}.employee-home-tools .notification-bell-button svg{width:29px;height:29px;stroke-width:1.8}.employee-home-tools .notification-badge{min-width:11px;width:11px;height:11px;top:3px;right:2px;padding:0;border:2px solid #092052;background:#fa4087;box-shadow:none;font-size:0;animation:unreadPulse .7s ease-out 1}.home-actions-panel{position:relative;z-index:3;margin:-68px 0 0;border-radius:26px;background:#fffffffa;box-shadow:0 18px 42px #0f1e4124;overflow:hidden}.home-actions-primary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:166px}.home-action{position:relative;display:flex;min-width:0;min-height:146px;padding:25px 4px 17px;align-items:center;justify-content:center;flex-direction:column;gap:14px;border-right:1px solid #edf0f6;background:#fff;color:#111a37;text-align:center;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background .2s ease,transform .14s ease}.home-action:last-child{border-right:0}.home-action:active{z-index:1;transform:scale(.96);background:#f8faff}.home-action-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:currentColor}.home-action-icon svg{width:34px;height:34px;stroke-width:1.9}.home-action-icon.tone-blue{color:#1474ef;background:#edf6ff}.home-action-icon.tone-pink{color:#f02b82;background:#fff0f7}.home-action-icon.tone-green{color:#11a677;background:#eafbf5}.home-action strong{max-width:100%;font-size:14px;line-height:1.2;letter-spacing:-.2px;white-space:nowrap}.home-actions-expandable{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .25s cubic-bezier(.2,.8,.2,1),opacity .2s ease}.home-actions-expandable>div{overflow:hidden}.home-actions-panel.is-expanded .home-actions-expandable{grid-template-rows:1fr;opacity:1}.home-actions-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 16px 12px}.home-actions-secondary.is-single{grid-template-columns:minmax(0,1fr)}.home-action-secondary{min-height:66px;padding:10px 16px;flex-direction:row;gap:12px;border:1px solid #e8ebf2!important;border-radius:16px;justify-content:flex-start}.home-action-secondary .home-action-icon{width:40px;height:40px;border-radius:12px}.home-action-secondary .home-action-icon svg{width:23px;height:23px}.home-action-secondary strong{font-size:14px}.home-actions-toggle{display:flex;width:100%;height:50px;align-items:center;justify-content:center;gap:5px;border:0;border-top:1px solid #f0f2f7;background:#fff;color:#475574;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.home-actions-toggle svg{width:17px;height:17px;transition:transform .25s ease}.home-actions-panel.is-expanded .home-actions-toggle svg{transform:rotate(180deg)}.employee-home-body{display:grid;gap:20px;padding:22px 16px 6px}.home-section{padding:18px 14px;border:1px solid #edf0f5;border-radius:22px;background:#fff;box-shadow:0 7px 24px #1a2a4d0e}.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 14px}.home-section-heading h2{margin:0;color:#101936;font-size:18px;line-height:1.25;letter-spacing:-.45px}.home-section-heading a{display:inline-flex;align-items:center;gap:1px;min-height:36px;color:#2574dc;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}.home-section-heading svg{width:17px}.home-task-card{display:flex;min-height:84px;padding:13px 12px;align-items:center;gap:13px;border:1px solid #edf0f5;border-radius:15px;background:#fff;box-shadow:0 5px 16px #1c2a4b12;color:#111a37;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.home-task-card:active{transform:scale(.985);box-shadow:0 2px 8px #1c2a4b0f}.home-task-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:13px;background:#fff0f6;color:#ee327f}.home-task-icon svg{width:25px}.home-task-copy{display:grid;gap:4px;min-width:0;flex:1}.home-task-copy strong{overflow:hidden;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.home-task-copy small{display:flex;align-items:center;gap:8px;color:#70809e;font-size:12px}.home-task-copy small i{width:4px;height:4px;border-radius:50%;background:#71809d}.home-task-status{flex:0 0 auto;padding:7px 9px;border-radius:9px;background:#eafaf5;color:#138a6c;font-size:11px;font-weight:700;white-space:nowrap}.home-task-status.tone-soon{background:#fff7e7;color:#b26a10}.home-task-status.tone-urgent{background:#fff0f3;color:#d92c5f}.home-task-empty>svg{width:19px;color:#8190ab}.home-task-skeleton{pointer-events:none}.home-task-skeleton>span{width:46px;height:46px;border-radius:13px}.home-task-skeleton>div{display:grid;gap:8px;flex:1}.home-task-skeleton i,.home-task-skeleton>span{display:block;background:linear-gradient(90deg,#eef1f5,#fafbfc,#eef1f5);background-size:200%;animation:homeShimmer 1.2s infinite}.home-task-skeleton i{width:65%;height:13px;border-radius:6px}.home-task-skeleton i+i{width:42%;height:10px}.home-news{padding-bottom:15px}.home-news-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.home-news-track::-webkit-scrollbar{display:none}.home-news-card{position:relative;display:flex;flex:0 0 100%;min-height:260px;overflow:hidden;align-items:flex-end;border-radius:20px;background:#071b4b;color:#fff;scroll-snap-align:center;text-decoration:none;isolation:isolate}.home-news-card img,.home-news-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.home-news-fallback{background:radial-gradient(circle at 76% 34%,rgba(255,67,139,.55),transparent 23%),radial-gradient(circle at 24% 30%,rgba(34,166,255,.35),transparent 20%),linear-gradient(150deg,#061744,#0b2c6f 65%,#071742)}.home-news-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#010c270a 20%,#020d29e0)}.home-news-content{display:grid;gap:6px;width:100%;padding:22px}.home-news-content small{color:#f7a;font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.home-news-content strong{overflow:hidden;font-size:23px;line-height:1.2;letter-spacing:-.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-news-content em{display:flex;align-items:center;gap:3px;margin-top:4px;color:#ffffffd6;font-size:12px;font-style:normal;font-weight:650}.home-news-content svg{width:15px}.home-news-dots{display:flex;justify-content:center;gap:6px;padding-top:12px}.home-news-dots button{width:6px;height:6px;padding:0;border:0;border-radius:99px;background:#cbd2df;cursor:pointer;transition:width .2s ease,background .2s ease}.home-news-dots button.active{width:20px;background:#f23b85}.home-news-skeleton{display:grid;align-content:end;gap:9px;padding:22px}.home-news-skeleton span{height:13px;width:32%;border-radius:7px;background:#ffffff2e;animation:homeFade 1.1s infinite alternate}.home-news-skeleton span:nth-child(2){width:78%;height:28px}.home-news-skeleton span:nth-child(3){width:48%}.home-news-error{display:flex;min-height:120px;padding:18px;align-items:center;justify-content:space-between;gap:14px;border-radius:16px;background:#fff3f6;color:#9f3157;font-size:13px}.home-news-error button{display:inline-flex;align-items:center;gap:5px;min-height:40px;padding:0 12px;border:0;border-radius:10px;background:#b92e62;color:#fff;font:inherit;font-size:12px;font-weight:700}.home-news-error svg{width:15px}.home-news-empty{width:100%}@keyframes unreadPulse{0%{transform:scale(.6);box-shadow:0 0 #fa4087b3}to{transform:scale(1);box-shadow:0 0 0 8px #fa408700}}@keyframes homeFade{to{opacity:.45}}.home-shell{max-width:1100px;box-shadow:0 0 40px #0f172a14}.home-shell>.bottom-nav{max-width:1100px;background:#fffffff0;border-color:#edf0f5}.home-shell>.bottom-nav a{color:#52617d;font-size:11px}.home-shell>.bottom-nav a.active{color:#ee377e}.home-shell>.bottom-nav a:before{background:#ee377e}@media(min-width:681px){.employee-home{border-left:1px solid #edf0f5;border-right:1px solid #edf0f5}.employee-home-body{padding-left:22px;padding-right:22px}.employee-home-hero{padding-left:24px;padding-right:24px}}@media(max-width:430px){.employee-home-hero{padding-left:12px;padding-right:12px}.employee-home-header{margin-left:4px;margin-right:2px}.employee-home-avatar{flex-basis:52px;width:52px;height:52px}.employee-home-greeting strong{font-size:17px}.employee-home-greeting small{font-size:11.5px}.employee-home-ai{min-width:58px;height:42px;padding:0 11px}.home-actions-primary{min-height:148px}.home-action{min-height:133px;padding:22px 2px 14px;gap:11px}.home-action-icon{width:46px;height:46px;border-radius:15px}.home-action-icon svg{width:30px}.home-action strong{font-size:12.5px}.home-action-secondary strong{font-size:13px}.home-section{padding:16px 12px}.home-news-card{min-height:230px}.home-news-content strong{font-size:20px}}@media(max-width:359px){.employee-home-header{gap:7px}.employee-home-identity{gap:8px}.employee-home-avatar{flex-basis:46px;width:46px;height:46px}.employee-home-greeting strong{font-size:15px}.employee-home-greeting small{max-width:145px;font-size:10.5px}.employee-home-tools{gap:1px}.employee-home-ai{min-width:50px;padding:0 8px}.home-action strong{font-size:11px;letter-spacing:-.35px}.home-actions-secondary{grid-template-columns:1fr}.home-task-status{display:none}.home-news-card{min-height:210px}}@media(prefers-reduced-motion:reduce){.employee-home *{scroll-behavior:auto!important}.home-actions-expandable,.home-actions-toggle svg,.home-action,.home-task-card,.home-news-dots button{transition:none!important}.employee-home-tools .notification-badge,.home-task-skeleton i,.home-task-skeleton>span,.home-news-skeleton span{animation:none!important}}.home-news-fallback.tone-achievement{background:linear-gradient(135deg,#8c5700,#f8d66a)}.home-news-fallback.tone-event{background:linear-gradient(135deg,#5f2ca0,#ef5b9c)}.home-news-fallback.tone-policy_update{background:linear-gradient(135deg,#175c6f,#52b7a2)}.home-news-content p{overflow:hidden;margin:0;color:#ffffffd1;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home-news-brand-cover{display:grid;align-content:center;gap:7px;padding:18px;background:linear-gradient(145deg,#f8fafc,#dfe3e8)!important;color:#111827}.home-news-brand-cover:after{position:absolute;inset:0 auto 0 0;width:6px;background:#b4232d;content:""}.home-news-brand-cover.tone-policy_update:after{background:#2563eb}.home-news-brand-cover.tone-event:after{background:#7c3aed}.home-news-brand-cover.tone-achievement:after{background:#64748b}.home-news-brand-cover small{font-size:9px;font-weight:900;letter-spacing:.12em}.home-news-brand-cover b{font-size:16px;text-transform:uppercase}.employee-home{background:#f4f6fa;padding-bottom:calc(var(--bottom-nav-height,64px) + env(safe-area-inset-bottom,0px) + 28px)}.employee-home-hero{width:100%;max-width:100%;padding-left:16px;padding-right:16px;padding-bottom:11px;border-radius:0 0 18px 18px}.employee-home-header{min-height:58px;margin-bottom:10px}.employee-home-avatar{flex-basis:42px;width:42px;height:42px;font-size:17px}.employee-home-greeting strong{font-size:14px}.employee-home-greeting small{font-size:10px}.employee-home-greeting strong{white-space:normal;text-overflow:clip;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.employee-home-identity{flex:1 1 auto}.employee-home-tools{gap:2px}.employee-home-tools>a,.employee-home-tools>button{min-width:44px;min-height:44px}.employee-home-tools .employee-home-chat{width:44px;height:44px;padding:0;justify-content:center;border:0;background:transparent;color:#fff}.employee-home-tools .employee-home-chat .chat-btn-inner span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.home-actions-panel{width:100%;max-width:100%;min-width:0;margin:8px 0 0;border-radius:15px}.home-actions-primary{min-height:72px}.home-action{min-height:70px;padding:6px 2px 5px;gap:4px}.home-action-icon{width:34px;height:34px;border-radius:10px}.home-action-icon svg{width:20px;height:20px}.home-action strong{font-size:11px}.home-actions-toggle{min-height:44px;height:44px}.employee-home-body{width:100%;max-width:100%;min-width:0;gap:12px;padding:14px 14px 5px}.employee-home-body>*{width:100%;max-width:100%;min-width:0;margin-left:auto;margin-right:auto}.home-section{min-width:0;padding:11px 10px;border-color:#dde3ee;border-radius:16px;overflow:hidden}.home-section-heading{min-width:0;margin-bottom:8px}.home-section-heading h2{min-width:0;font-size:16px}.home-section-heading a{min-height:30px;font-size:11px}.home-section-heading a{flex:0 0 auto}.home-task-list{display:grid;min-width:0;gap:6px}.home-task-card{width:100%;max-width:100%;min-width:0;min-height:58px;padding:7px 8px;gap:8px}.home-task-icon{flex-basis:34px;width:34px;height:34px;border-radius:10px}.home-task-icon svg{width:20px}.home-task-copy strong{font-size:13px}.home-task-copy small{font-size:10.5px}.home-task-arrow{flex:0 0 auto;width:18px;color:#8190ab}.home-task-frame{overflow:hidden;border:1px solid #e2e7ee;border-radius:13px;background:#fff}.home-task-list{gap:0}.home-task-frame .home-task-card{border:0;border-radius:0;box-shadow:none}.home-task-frame .home-task-card+.home-task-card{border-top:1px solid #edf1f5}.home-task-frame.home-task-card{border:1px solid #e2e7ee;border-radius:13px;box-shadow:none}.home-task-frame .home-task-icon{background:#f1f4f7;color:#7b8796}.home-task-frame .home-task-card.tone-progress .home-task-icon{background:#e7f7f5;color:#108b80}.home-task-frame .home-task-card.tone-soon .home-task-icon{background:#fff5df;color:#c27616}.home-task-frame .home-task-card.tone-overdue .home-task-icon{background:#fff0f0;color:#c43b43}.home-task-frame .home-task-card.tone-complete .home-task-icon{background:#eaf8ef;color:#269353}.home-task-progress{display:grid;gap:3px;margin-top:2px}.home-task-progress small{color:#718096;font-size:9.5px}.home-task-progress>i{display:block;width:min(150px,100%);height:3px;border-radius:9px;background:#e2e8f0;overflow:hidden}.home-task-progress b{display:block;height:100%;border-radius:inherit;background:#0f8f83}.home-inline-error{display:flex;min-height:76px;padding:14px;align-items:center;justify-content:space-between;gap:12px;border-radius:14px;background:#fff3f6;color:#9f3157;font-size:13px}.home-inline-error button{display:inline-flex;min-height:40px;padding:0 11px;align-items:center;gap:5px;border:0;border-radius:10px;background:#b92e62;color:#fff;font:inherit;font-size:12px;font-weight:700}.home-inline-error svg{width:15px}.home-news-track{width:100%;max-width:100%;min-width:0}.home-news-card{min-width:0;min-height:158px;border-radius:16px}.home-news-content{min-width:0;padding:14px;gap:4px}.home-news-content strong{font-size:16px}.home-news-content p{font-size:11px}@media(max-width:430px){.employee-home-header{gap:7px}.employee-home-avatar{flex-basis:46px;width:46px;height:46px}.employee-home-greeting strong{font-size:15px}.employee-home-greeting small{max-width:150px;font-size:10.5px}.employee-home-ai{min-width:44px;width:44px;padding:0;border-radius:50%}.employee-home-ai span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.home-action strong{white-space:normal;font-size:12px}.home-task-status{display:none}}@media(max-width:359px){.employee-home-body{padding-left:12px;padding-right:12px}.employee-home-greeting small{display:none}.home-section-heading h2{font-size:15px}.home-task-card{gap:8px;padding-left:9px;padding-right:9px}.home-task-icon{flex-basis:40px;width:40px;height:40px}.home-news-content{padding:17px}}.employee-home{--home-header-height: calc(58px + env(safe-area-inset-top,0px)) ;overflow-x:clip;overflow-y:visible;padding-top:var(--home-header-height)}.employee-home-header{position:fixed;z-index:18;top:0;left:50%;width:min(100%,1100px);max-width:1100px;min-height:58px;margin:0;padding:calc(7px + env(safe-area-inset-top,0px)) 16px 7px;background:#0a183b;border-bottom:1px solid rgba(255,255,255,.08);transform:translate(-50%);isolation:isolate}.employee-home-hero{padding-top:8px}@media(max-width:359px){.employee-home-header{padding-left:12px;padding-right:12px}}.home-actions-expandable{transition:grid-template-rows .2s cubic-bezier(.2,.8,.2,1),opacity .2s ease}.home-actions-secondary{display:block;padding:8px 10px 7px;border-top:1px solid #edf0f5}.home-actions-secondary-row{display:grid;gap:6px;width:100%}.home-actions-secondary-row.row-three{grid-template-columns:repeat(3,minmax(0,1fr))}.home-actions-secondary-row.row-two{grid-template-columns:repeat(2,minmax(0,1fr));width:66.666%;margin:6px auto 0}.home-actions-secondary-row.row-two>:only-child{grid-column:1/-1;width:50%;justify-self:center}.home-action-secondary{min-width:0;min-height:58px;padding:6px 3px;flex-direction:column;gap:4px;border:0!important;border-radius:11px;justify-content:center;background:#f8faff}.home-action-secondary .home-action-icon{width:32px;height:32px;border-radius:9px}.home-action-secondary .home-action-icon svg{width:19px;height:19px}.home-action-secondary strong{max-width:100%;font-size:10.5px;line-height:1.2;white-space:normal;overflow-wrap:anywhere}.home-actions-error{display:flex;min-height:44px;margin-top:7px;padding:7px 9px;align-items:center;justify-content:space-between;gap:8px;border-radius:10px;background:#fff1f3;color:#a52552;font-size:11px}.home-actions-error button{flex:0 0 auto;min-width:44px;min-height:32px;padding:0 8px;border:0;border-radius:8px;background:#a52552;color:#fff;font:inherit;font-weight:700}@media(max-width:359px){.home-actions-secondary{padding-left:7px;padding-right:7px}.home-actions-secondary-row{gap:4px}.home-actions-secondary-row.row-two{margin-top:4px}.home-action-secondary strong{font-size:10px}}.home-news .home-section-heading h2{display:flex;align-items:center;gap:6px}.home-news .home-section-heading h2 svg{width:17px;height:17px;color:#ec3977}.home-news-track{gap:8px}.home-news-card{display:grid;grid-template-columns:minmax(0,62fr) minmax(0,38fr);min-height:176px;align-items:stretch;background:#0a183b;isolation:isolate;transition:transform .18s ease,filter .18s ease}.home-news-card:active{transform:scale(.985);filter:brightness(.96)}.home-news-content{position:relative;z-index:2;display:flex;min-width:0;padding:14px 8px 13px 14px;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;background:#0a183b}.home-news-meta{display:flex;max-width:100%;align-items:center;gap:5px;flex-wrap:wrap}.home-news-meta small{padding:3px 6px;border-radius:999px;background:#ec397729;color:#ff7bac;font-size:8.5px;font-weight:800;line-height:1.1;letter-spacing:.05em;text-transform:uppercase}.home-news-meta small+small{background:#ffffff1a;color:#dce6ff;letter-spacing:0;text-transform:none}.home-news-content strong{width:100%;color:#fff;font-size:16px;line-height:1.22;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-news-content p{width:100%;color:#e9efffc7;font-size:10.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.home-news-content em{display:inline-flex;min-height:30px;margin-top:1px;align-items:center;gap:2px;color:#fff;font-size:10.5px;font-style:normal;font-weight:750}.home-news-media{position:relative;z-index:1;display:block;min-width:0;min-height:100%;background:#10265a}.home-news-media:before{content:"";position:absolute;z-index:2;top:0;bottom:0;left:-28px;width:48px;background:linear-gradient(90deg,#0a183b 0%,rgba(10,24,59,.78) 42%,transparent 100%);pointer-events:none}.home-news-media .home-news-image,.home-news-media .home-news-fallback,.home-news-media .bulletin-image-loading,.home-news-media .bulletin-image-unavailable{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;object-fit:cover}.home-news-media .bulletin-image-loading{background:linear-gradient(90deg,#13295e,#1b3776,#13295e);background-size:200%;animation:homeShimmer 1.2s infinite}.home-news-media .bulletin-image-unavailable{padding:12px 5px;place-content:center;background:linear-gradient(145deg,#10265a,#23498f);color:#dce6ff;font-size:9px;text-align:center}.home-news-fallback{background:radial-gradient(circle at 72% 35%,rgba(236,57,119,.55),transparent 30%),linear-gradient(145deg,#15316d,#2867e8)}.home-news-skeleton{display:grid;grid-template-columns:62fr 38fr;align-content:center;padding:14px}.home-news-skeleton span{z-index:3}.home-news-dots{padding-top:8px}@media(max-width:359px){.home-news-card{grid-template-columns:minmax(0,64fr) minmax(0,36fr);min-height:170px}.home-news-content{padding:12px 5px 11px 11px;gap:4px}.home-news-content strong{font-size:14px}.home-news-content p{font-size:10px}.home-news .home-section-heading h2{gap:4px}}@media(prefers-reduced-motion:reduce){.home-news-card{transition:none}.home-news-media .bulletin-image-loading{animation:none}}.employee-home{--home-bg:#f3f6fb;--home-surface:#fff;--home-border:#e1e8f1;--home-text:#101a38;--home-muted:#68758d;--home-teal:#0b9386;background:var(--home-bg);color:var(--home-text);transition:background .25s ease,color .25s ease}.employee-home-header{background:linear-gradient(110deg,#051436f7,#082456f7);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.employee-home-theme{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;padding:0;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#ffffff14;color:#fff;cursor:pointer}.employee-home-theme svg{width:17px;height:17px}.employee-home-hero{padding-bottom:13px;background:radial-gradient(circle at 88% 8%,rgba(74,144,255,.38),transparent 28%),radial-gradient(circle at 8% 60%,rgba(18,184,160,.16),transparent 34%),linear-gradient(154deg,#031334,#082354 70%,#0c326d);box-shadow:0 15px 42px #05173c2e}.home-income-card{border:1px solid rgba(255,255,255,.2);border-radius:18px;background:linear-gradient(125deg,#ffffff26,#ffffff12);box-shadow:inset 0 1px #ffffff29,0 12px 28px #000a252e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.home-next-section{width:100%;min-width:0;padding:7px;border:1px solid var(--home-border);border-radius:16px;background:var(--home-surface);box-shadow:0 8px 24px #182a4c0d}.home-next-action{position:relative;display:flex;min-height:78px;margin:0;padding:10px 11px;align-items:center;gap:9px;overflow:hidden;border:1px solid #dce7e8;border-radius:12px;background:linear-gradient(110deg,#fff,#f5fbfa);box-shadow:none;color:#12203b;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease}.home-next-action:active{transform:scale(.985);box-shadow:0 4px 13px #020f2e1a}.home-next-action:after{content:"";position:absolute;right:-28px;top:-38px;width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(16,147,134,.13),transparent 68%)}.home-next-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:#e5f8f5;color:#0b9386}.home-next-icon svg{width:22px;height:22px}.home-next-copy{display:grid;min-width:0;gap:2px;flex:1}.home-next-copy small{color:#0b9386;font-size:9px;font-weight:850;letter-spacing:.075em;text-transform:uppercase}.home-next-copy strong{overflow:hidden;font-size:13px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.home-next-copy em{overflow:hidden;color:#6b778c;font-size:9.5px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.home-next-cta{position:relative;z-index:1;display:flex;align-items:center;gap:1px;color:#0b766d;font-size:9.5px;font-weight:800;white-space:nowrap}.home-next-cta svg{width:14px}.home-next-action.tone-task .home-next-icon{background:#edf3ff;color:#316ed1}.home-next-action.tone-task .home-next-copy small,.home-next-action.tone-task .home-next-cta{color:#316ed1}.home-next-action.tone-working .home-next-icon{animation:homeWorkingPulse 2.2s ease-in-out infinite}.home-actions-panel{margin-top:9px;border:1px solid rgba(255,255,255,.26);box-shadow:0 14px 34px #02102f2b}.home-action-icon{box-shadow:inset 0 0 0 1px #fff9;transition:transform .18s cubic-bezier(.2,.8,.2,1)}.home-action:active .home-action-icon{transform:translateY(-2px) scale(.92)}.home-section{border-color:var(--home-border);background:var(--home-surface);box-shadow:0 8px 24px #182a4c0d}.home-day-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 10px;margin:-1px 1px 9px;color:var(--home-muted);font-size:10px}.home-day-progress span strong{color:var(--home-teal)}.home-day-progress>small{font-size:10px;font-weight:800}.home-day-progress>i{grid-column:1/-1;display:block;height:4px;overflow:hidden;border-radius:99px;background:#e7ecf2}.home-day-progress b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b9386,#31c2a8);transition:width .5s cubic-bezier(.2,.8,.2,1)}.home-news-card{grid-template-columns:minmax(0,55fr) minmax(0,45fr);box-shadow:0 9px 22px #09193a26}.home-news-media:before{left:-20px;width:38px}.home-news-dots button.active{background:#0b9386}.employee-home.theme-dark{--home-bg:#07101f;--home-surface:#101b2d;--home-border:#24334a;--home-text:#eff5ff;--home-muted:#9aa8bd}.theme-dark .employee-home-body,.theme-dark .home-section-heading h2,.theme-dark .home-task-card,.theme-dark .home-task-copy strong{color:var(--home-text)}.theme-dark .home-section,.theme-dark .home-next-section,.theme-dark .home-task-frame,.theme-dark .home-task-card{background:var(--home-surface);border-color:var(--home-border)}.theme-dark .home-task-frame .home-task-card+.home-task-card{border-color:#24334a}.theme-dark .home-task-copy small,.theme-dark .home-section-heading a{color:#aab8ce}.theme-dark .home-task-progress>i,.theme-dark .home-day-progress>i{background:#2a3850}.theme-dark .home-next-action{background:#132239;color:#f3f7ff;border-color:#2d425f}.theme-dark .home-next-copy em{color:#a5b2c4}.theme-dark .home-actions-panel,.theme-dark .home-actions-primary,.theme-dark .home-action,.theme-dark .home-actions-toggle,.theme-dark .home-actions-secondary{background:#101b2d;color:#eff5ff;border-color:#26364d}.theme-dark .home-action{border-color:#26364d}.theme-dark .home-action-secondary{background:#17243a}.theme-dark .home-actions-toggle{color:#b7c3d5}.theme-dark .home-inline-error,.theme-dark .home-news-error{filter:brightness(.82)}.theme-dark .mood-widget-wrapper,.theme-dark .mood-widget-header{background:var(--home-surface);border-color:var(--home-border)}.theme-dark .mood-widget-title,.theme-dark .streak-text,.theme-dark .level-text{color:var(--home-text)}.home-shell:has(.employee-home.theme-dark)>.bottom-nav{background:#0d1828f5;border-color:#26364d}.home-shell:has(.employee-home.theme-dark)>.bottom-nav a{color:#9dacbf}.home-shell:has(.employee-home.theme-dark)>.bottom-nav a.active{color:#3ac5b1}@keyframes homeWorkingPulse{50%{transform:scale(1.06);box-shadow:0 0 0 6px #0b938617}}@media(max-width:430px){.employee-home-tools{gap:0}.employee-home-theme{flex-basis:34px;width:34px;height:34px}.home-next-action{padding-left:9px;padding-right:8px}.home-next-copy strong{font-size:12.5px}}@media(max-width:359px){.employee-home-theme{display:none}.home-next-cta{font-size:0}.home-next-cta svg{width:17px}.home-news-card{grid-template-columns:minmax(0,58fr) minmax(0,42fr)}}@media(prefers-reduced-motion:reduce){.employee-home,.home-next-action,.home-action-icon,.home-day-progress b{transition:none}.home-next-action.tone-working .home-next-icon{animation:none}}.employee-home-xu{display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 12px 0 9px;border-radius:999px;border:1px solid rgba(255,214,102,.75);background:linear-gradient(135deg,#ffc40047,#ff8c0038);color:#ffe08a;font-size:13.5px;font-weight:800;text-decoration:none;white-space:nowrap;box-shadow:0 0 0 1px #ffd6662e inset,0 4px 14px #ffaa002e;transition:transform .2s ease}.employee-home-xu svg{width:18px;height:18px;color:#ffd666}.employee-home-xu:active{transform:scale(.96)}@media(max-width:359px){.employee-home-xu{padding:0 9px 0 7px;font-size:12.5px;height:36px}}.home-actions-primary .home-action{padding:22px 2px 15px;gap:11px}.home-actions-primary .home-action strong{font-size:12px;letter-spacing:-.2px}.home-income-xu{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,214,102,.5);background:#ffc40024;color:#ffe8b0;font-size:13px;font-weight:600;cursor:pointer}.home-income-xu b{color:#ffd666;font-weight:800;font-variant-numeric:tabular-nums}.home-income-xu svg{width:15px;height:15px}.home-action-icon{position:relative}.home-action-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#ef4444;color:#fff;font:700 11px/18px system-ui,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff}.employee-home-tools .employee-home-my{width:44px;height:44px;padding:0;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;position:relative}.employee-home-my img{width:34px;height:34px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 2px #f5c451,0 0 0 4px #0a1233aa}.employee-home-my i{position:absolute;right:4px;top:5px;width:10px;height:10px;border-radius:50%;background:#3dffa0;border:2px solid #0a1233}.home-next-dongho{flex:0 0 58px;width:58px;height:58px;display:grid;place-items:center}.home-next-action.tone-working,.home-next-action.tone-ready{border-color:#5a4423;background:radial-gradient(120% 120% at 15% 10%,#3a2a16,#1a140d 70%);color:#f5e9d0;box-shadow:0 4px #0b0805}.home-next-action.tone-working:after,.home-next-action.tone-ready:after{background:radial-gradient(circle,rgba(34,211,238,.14),transparent 68%)}.home-next-action.tone-working .home-next-copy small,.home-next-action.tone-ready .home-next-copy small{color:#7fe7f5}.home-next-action.tone-working .home-next-copy strong,.home-next-action.tone-ready .home-next-copy strong{color:#f7e3b0}.home-next-action.tone-working .home-next-copy em,.home-next-action.tone-ready .home-next-copy em{color:#d8c7a3}.home-next-action.tone-working .home-next-cta{color:#fca5a5}.home-next-action.tone-ready .home-next-cta{color:#fcd34d}.tc2-nut-gd{width:40px;height:40px;border-radius:20px;border:0;display:grid;place-items:center;cursor:pointer;flex:none;background:var(--t-card,#fff);color:var(--t-fg,#0F1630);box-shadow:inset 0 0 0 1px var(--t-line,rgba(15,22,48,.1)),var(--t-hl,none);transition:box-shadow .2s,transform .15s;-webkit-tap-highlight-color:transparent}.tc2-nut-gd svg{width:20px;height:20px;stroke-width:1.8}.tc2-nut-gd:active{transform:scale(.94)}.tc2-nut-gd.is-on{box-shadow:inset 0 0 0 1.5px var(--t-acc,#4F6BFF)}.tc2-nut-gd:focus-visible{outline:2px solid var(--t-acc,#4F6BFF);outline-offset:2px}.tc2-khay{--k-bg:#0F131D;--k-fg:#F1F3F8;--k-line:rgba(255,255,255,.1);position:fixed;z-index:2100;font-family:Be Vietnam Pro,system-ui,sans-serif;left:max(8px,calc(50% - 542px));right:max(8px,calc(50% - 542px));bottom:calc(8px + env(safe-area-inset-bottom,0px));max-width:560px;margin:0 auto;border-radius:24px;padding:12px 0;background:color-mix(in srgb,var(--k-bg) 92%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 0 0 1px var(--k-line),0 20px 40px -12px #00000080;color:var(--k-fg);transform:translateY(calc(100% + 24px));visibility:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),visibility 0s .4s}.tc2-khay.is-on{transform:none;visibility:visible;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.tc2-khay.is-sang{--k-bg:#FFFFFF;--k-fg:#0B0F1A;--k-line:rgba(11,15,26,.1)}.tc2-khay-dau{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;min-height:34px}.tc2-khay-dau b{font-size:15px;font-weight:700}.tc2-khay-loc{display:flex;gap:2px;padding:2px;border-radius:10px;background:color-mix(in srgb,var(--k-fg) 8%,transparent)}.tc2-khay-loc button{height:30px;padding:0 10px;border:0;border-radius:8px;background:none;color:var(--k-fg);opacity:.7;font:600 12px/1 Be Vietnam Pro,system-ui,sans-serif;font-family:inherit;cursor:pointer}.tc2-khay-loc button[aria-pressed=true]{opacity:1;background:color-mix(in srgb,var(--k-fg) 14%,transparent)}.tc2-khay-dai{display:flex;gap:10px;overflow-x:auto;padding:12px 14px 4px;scrollbar-width:none;scroll-snap-type:x proximity;scroll-behavior:smooth}.tc2-khay-dai::-webkit-scrollbar{display:none}.tc2-mau{flex:0 0 72px;border:0;background:none;padding:0;color:var(--k-fg);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;scroll-snap-align:start;font-family:inherit;-webkit-tap-highlight-color:transparent}.tc2-mau-o{width:72px;height:96px;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 0 0 1px color-mix(in srgb,var(--k-fg) 16%,transparent);transition:box-shadow .2s,transform .15s}.tc2-mau[aria-pressed=true] .tc2-mau-o{box-shadow:0 0 0 2px var(--k-nhan),0 0 0 4px color-mix(in srgb,var(--k-nhan) 25%,transparent)}.tc2-mau:active .tc2-mau-o{transform:scale(.95)}.tc2-mau:focus-visible{outline:none}.tc2-mau:focus-visible .tc2-mau-o{outline:2px solid var(--k-nhan);outline-offset:3px}.tc2-mau-o i{position:absolute;left:7px;right:7px;border-radius:6px}.tc2-mau-o .g{left:auto;right:-20px;top:-20px;width:60px;height:60px;border-radius:50%;filter:blur(14px);opacity:.5}.tc2-mau-o .c1{top:16px;height:22px}.tc2-mau-o .c2{top:44px;height:30px}.tc2-mau-o .k{top:24px;left:12px;right:auto;width:14px;height:8px;border-radius:3px}.tc2-mau-o .n{bottom:6px;height:6px;left:10px;right:10px;border-radius:3px;opacity:.6}.tc2-mau-o .tk{left:auto;right:5px;top:5px;width:18px;height:18px;border-radius:50%;display:none;place-items:center;color:#fff}.tc2-mau-o .tk svg{width:12px;height:12px;stroke-width:3.4}.tc2-mau[aria-pressed=true] .tc2-mau-o .tk{display:grid}.tc2-mau small{font-size:11.5px;font-weight:600;line-height:1.2;white-space:nowrap}.tc2-mau em{font-style:normal;font-size:10.5px;opacity:.6;margin-top:-4px;line-height:1.2}.tc2-khay-loi{margin:6px 14px 0;font-size:12.5px;color:#ff8a9b}.tc2-khay.is-sang .tc2-khay-loi{color:#c8203e}.tc2-khay-nut{display:grid;grid-template-columns:1fr 2fr;gap:8px;padding:10px 14px 0}.tc2-khay-nut button{height:44px;border-radius:12px;border:0;font:700 14px/1 Be Vietnam Pro,system-ui,sans-serif;font-family:inherit;cursor:pointer;transition:opacity .2s,transform .15s}.tc2-khay-nut button:active{transform:scale(.98)}.tc2-khay-nut .x{background:color-mix(in srgb,var(--k-fg) 9%,transparent);color:var(--k-fg)}.tc2-khay-nut .ok{background:var(--k-nhan);color:#fff}.tc2-khay-nut .ok:disabled{opacity:.5;cursor:default}.tc2-bao-luu{position:fixed;z-index:2101;left:50%;top:calc(12px + env(safe-area-inset-top,0px));transform:translate(-50%,-160%);opacity:0;background:#0b0f1a;color:#fff;font-size:13px;font-weight:700;padding:10px 16px;border-radius:99px;box-shadow:0 10px 24px -8px #00000080;transition:transform .35s,opacity .35s;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}.tc2-bao-luu.is-on{transform:translate(-50%);opacity:1}@media(prefers-reduced-motion:reduce){.tc2-khay,.tc2-bao-luu,.tc2-mau-o{transition:none}}.pending-confirm-banner{padding:0 var(--home-gutter, 16px);position:relative;z-index:2}.pcb-card{position:relative;overflow:visible;border-radius:16px;padding:16px;background:linear-gradient(135deg,#0f1b3d,#1a2d5e 40%,#0d2247);border:1.5px solid rgba(255,200,55,.35);animation:pcb-bob 3s ease-in-out infinite}@keyframes pcb-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.pcb-glow{position:absolute;inset:-2px;border-radius:18px;pointer-events:none;z-index:0;background:conic-gradient(from var(--pcb-glow-angle, 0deg),transparent 0%,rgba(255,200,55,.6) 10%,rgba(255,165,0,.4) 20%,transparent 30%,transparent 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;padding:2px;animation:pcb-glow-spin 4s linear infinite}@keyframes pcb-glow-spin{0%{--pcb-glow-angle: 0deg}to{--pcb-glow-angle: 360deg}}@property --pcb-glow-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.pcb-success-flash{animation:pcb-bob 3s ease-in-out infinite,pcb-flash .6s ease-out}@keyframes pcb-flash{0%{box-shadow:0 0 #22c55e99}50%{box-shadow:0 0 24px 8px #22c55e66}to{box-shadow:0 0 #22c55e00}}.pcb-coin-burst{position:absolute;inset:0;pointer-events:none;z-index:10;overflow:visible}.pcb-coin{position:absolute;font-size:20px;opacity:0;animation:pcb-coin-fly 1.4s ease-out forwards}@keyframes pcb-coin-fly{0%{opacity:1;transform:translate(0) scale(.5) rotate(0)}60%{opacity:1;transform:translate(var(--coin-x),var(--coin-y)) scale(1.2) rotate(var(--coin-r))}to{opacity:0;transform:translate(var(--coin-x),calc(var(--coin-y) + 30px)) scale(.6) rotate(var(--coin-r))}}.pcb-coin-0{left:50%;top:50%;--coin-x: -80px;--coin-y: -70px;--coin-r: 45deg;animation-delay:0s}.pcb-coin-1{left:50%;top:50%;--coin-x: 70px;--coin-y: -60px;--coin-r: -30deg;animation-delay:.05s}.pcb-coin-2{left:50%;top:50%;--coin-x: -40px;--coin-y: -80px;--coin-r: 90deg;animation-delay:.1s}.pcb-coin-3{left:50%;top:50%;--coin-x: 90px;--coin-y: -40px;--coin-r: -60deg;animation-delay:.08s}.pcb-coin-4{left:50%;top:50%;--coin-x: -100px;--coin-y: -30px;--coin-r: 120deg;animation-delay:.12s}.pcb-coin-5{left:50%;top:50%;--coin-x: 50px;--coin-y: -90px;--coin-r: -90deg;animation-delay:.06s}.pcb-coin-6{left:50%;top:50%;--coin-x: -60px;--coin-y: -50px;--coin-r: 60deg;animation-delay:.15s}.pcb-coin-7{left:50%;top:50%;--coin-x: 110px;--coin-y: -55px;--coin-r: -45deg;animation-delay:.03s}.pcb-coin-8{left:50%;top:50%;--coin-x: -120px;--coin-y: -60px;--coin-r: 150deg;animation-delay:.18s}.pcb-coin-9{left:50%;top:50%;--coin-x: 30px;--coin-y: -95px;--coin-r: -120deg;animation-delay:.09s}.pcb-coin-10{left:50%;top:50%;--coin-x: -50px;--coin-y: -85px;--coin-r: 75deg;animation-delay:.14s}.pcb-coin-11{left:50%;top:50%;--coin-x: 80px;--coin-y: -75px;--coin-r: -15deg;animation-delay:.07s}.pcb-header{display:flex;align-items:center;gap:10px;position:relative;z-index:1;margin-bottom:12px}.pcb-icon-wrap{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;flex-shrink:0;animation:pcb-icon-pulse 2s ease-in-out infinite}@keyframes pcb-icon-pulse{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 12px 4px #f59e0b40}}.pcb-header-text{flex:1;min-width:0}.pcb-header-text strong{display:block;font-size:14px;font-weight:700;color:#fbbf24;line-height:1.3}.pcb-header-text small{font-size:12px;color:#fff9}.pcb-see-all{display:flex;align-items:center;gap:2px;font-size:12px;color:#ffffff80;text-decoration:none;white-space:nowrap;flex-shrink:0}.pcb-see-all:hover{color:#fbbf24}.pcb-item-detail{position:relative;z-index:1;background:#ffffff0f;border-radius:10px;padding:10px 12px;margin-bottom:10px}.pcb-item-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;color:#fffc}.pcb-item-row+.pcb-item-row{border-top:1px solid rgba(255,255,255,.06)}.pcb-item-label{color:#ffffff80;font-size:12px}.pcb-item-value{text-align:right;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcb-item-highlight{padding:6px 0}.pcb-amount{font-size:18px;font-weight:800;color:#34d399;text-shadow:0 0 8px rgba(52,211,153,.3)}.pcb-item-fund{font-size:11px}.pcb-fund-amount{color:#f87171;font-weight:600;font-size:12px}.pcb-counter{position:relative;z-index:1;text-align:center;font-size:11px;color:#fff6;margin-bottom:8px}.pcb-actions{display:flex;gap:8px;position:relative;z-index:1}.pcb-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;border-radius:10px;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s;min-height:44px}.pcb-btn:active{transform:scale(.97)}.pcb-btn-confirm{flex:2;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 16px #22c55e66,inset 0 1px #fff3;animation:pcb-btn-glow 2s ease-in-out infinite}@keyframes pcb-btn-glow{0%,to{box-shadow:0 4px 16px #22c55e66,inset 0 1px #fff3}50%{box-shadow:0 4px 24px #22c55e99,0 0 8px #22c55e4d,inset 0 1px #fff3}}.pcb-btn-confirm:hover{box-shadow:0 6px 24px #22c55e99}.pcb-btn-confirm:disabled{opacity:.7;cursor:wait;animation:none}.pcb-btn-detail{background:#ffffff1a;color:#fffc;text-decoration:none;border:1px solid rgba(255,255,255,.15)}.pcb-btn-detail:hover{background:#ffffff26;color:#fff}.pcb-success-msg{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;font-size:15px;font-weight:700;color:#34d399;animation:pcb-msg-in .3s ease-out}.pcb-error-msg{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;font-size:13px;color:#f87171}@keyframes pcb-msg-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.pcb-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:pcb-spin .6s linear infinite}@keyframes pcb-spin{to{transform:rotate(360deg)}}.pcb-blocked-line{display:inline-flex;align-items:center;gap:4px;margin-top:2px;color:#ffb4a2;font-weight:600}.pcb-block-note{position:relative;z-index:1;display:flex;align-items:flex-start;gap:7px;margin:0 0 10px;padding:9px 11px;border:1px solid rgba(255,138,128,.45);border-radius:11px;background:#b4281e38;color:#ffd9d2;font-size:12.5px;line-height:1.5}.pcb-block-note svg{flex:0 0 auto;margin-top:1px}.pcb-track{position:relative;z-index:1;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.pcb-track::-webkit-scrollbar{display:none}.pcb-track-item{flex:0 0 100%;scroll-snap-align:center;min-width:0}.pcb-track-item.is-locked .pcb-item-highlight .pcb-amount{opacity:.65}.pcb-dots{position:relative;z-index:1;display:flex;justify-content:center;gap:6px;margin-top:10px}.pcb-dots button{width:7px;height:7px;padding:0;border:none;border-radius:50%;background:#ffffff4d;cursor:pointer;transition:width .2s ease,background .2s ease}.pcb-dots button.locked{background:#ff8a8099}.pcb-dots button.active{width:18px;border-radius:4px;background:#ffc837}.pcb-dots button.active.locked{background:#ff8a80}.pcb-expand{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:5px;width:100%;margin-top:10px;padding:7px 12px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#ffffff12;color:#cfe0ff;font-size:12.5px;font-weight:600;cursor:pointer}.pcb-expand:active{background:#ffffff1f}.pcb-expand svg{transition:transform .22s ease}.pcb-expand.is-expanded svg{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.pcb-expand svg,.pcb-dots button{transition:none}}.pcb-time-trace{display:flex;align-items:center;gap:6px;margin-top:7px;padding:6px 9px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:7px;font-size:11px;color:#ffffff9e;font-variant-numeric:tabular-nums;white-space:nowrap;overflow-x:auto}.pcb-time-trace b{color:#ffffffeb;font-weight:600}.pcb-time-trace .pcb-tt-cach{margin-left:auto}.pcb-ky-khac{margin-left:6px;padding:2px 7px;border-radius:5px;font-size:10.5px;font-weight:600;color:#fdb022;background:#fdb0221f;border:1px solid rgba(253,176,34,.3);white-space:nowrap}.pcb-track{align-items:stretch}.pcb-track-item{display:flex;flex-direction:column;min-height:300px}.pcb-track-item>.pcb-item-detail{flex:1 1 auto}.pcb-track-item>.pcb-actions{margin-top:auto}.pcb-track-item{border-radius:16px;border:1px solid transparent;padding:2px;box-sizing:border-box}.pcb-track-item.pcb-nhom-TIEN{border-color:#2dd4bf66;background:linear-gradient(180deg,#2dd4bf14,transparent 40%)}.pcb-track-item.pcb-nhom-PHAT{border-color:#fb718588;background:linear-gradient(180deg,#fb71851a,transparent 40%)}.pcb-track-item.pcb-nhom-XU{border-color:#fbbf2488;background:linear-gradient(180deg,#fbbf241a,transparent 40%)}.pcb-track-item.pcb-loai-BAO_CAO{border-color:#c084fc99;background:linear-gradient(180deg,#c084fc1f,transparent 40%)}.sthq{padding:0 var(--home-gutter,16px);position:relative;z-index:2}.sthq-card{position:relative;border-radius:16px;padding:14px;background:linear-gradient(135deg,#0f1b3d,#1a2d5e 45%,#0d2247);border:1.5px solid rgba(255,200,55,.38);color:#f8fafc;display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 28px #02061755}.sthq-card--loi{flex-direction:row;align-items:center;justify-content:space-between;font-size:12px;color:#fecaca}.sthq-card--loi button{display:inline-flex;align-items:center;gap:4px;border:1px solid #475569;background:#1e293b;color:#e2e8f0;border-radius:9px;padding:6px 10px;font:600 12px inherit}.sthq-card--sach{flex-direction:row;align-items:center;gap:10px;border-color:#10b98166;background:linear-gradient(135deg,#052e2b,#0f1b3d)}.sthq-card--sach>svg{color:#34d399;flex:none}.sthq-card--sach div{flex:1;display:flex;flex-direction:column;gap:2px}.sthq-card--sach strong{font-size:13px}.sthq-card--sach small{font-size:11px;color:#a7f3d0}.sthq-card--sach a{color:#94a3b8;display:flex}.sthq-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sthq-head div{display:flex;flex-direction:column;gap:2px}.sthq-head strong{font-size:14px}.sthq-head small{font-size:11px;color:#cbd5e1}.sthq-xu-tong{display:inline-flex;align-items:center;gap:4px;padding:4px 9px 4px 5px;border-radius:999px;background:#3b2a0c;border:1px solid #d9a52a88;color:#fde68a;font:800 12px Rajdhani,Manrope,sans-serif;white-space:nowrap}.sthq-xu-tong svg{width:18px;height:18px}.sthq-note{display:flex;gap:6px;align-items:center;font-size:11px;color:#fde68a;background:#78350f44;border-radius:9px;padding:6px 9px}.sthq-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.sthq-item{display:grid;grid-template-columns:1fr auto;gap:6px 10px;padding:10px 11px;border-radius:12px;background:#0b1430cc;border:1px solid #26385f}.sthq-item.is-khoa{opacity:.75}.sthq-item-main{display:flex;flex-direction:column;gap:2px;min-width:0}.sthq-item-loai{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#93c5fd}.sthq-item-label{font-size:13px;line-height:1.3}.sthq-item-main small{font-size:10.5px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis}.sthq-item-so{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}.sthq-item-so b{font-size:14px;font-variant-numeric:tabular-nums}.sthq-item-xu{font:800 12px Rajdhani,Manrope,sans-serif;color:#fbbf24}.sthq-item-actions{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;gap:8px}.sthq-item-khoa{grid-column:1/-1;display:flex;gap:6px;align-items:center;font-size:11px;color:#fca5a5}.sthq-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:10px;border-radius:11px;border:1px solid #33476d;background:#172442;color:#e2e8f0;font:700 12.5px inherit;cursor:pointer}.sthq-btn:disabled{opacity:.5;cursor:default}.sthq-btn--dung{border:0;background:linear-gradient(90deg,#059669,#10b981);color:#fff}.sthq-btn--sai{background:transparent;border-color:#fb718566;color:#fda4af}.sthq-btn--tatca{border:0;background:linear-gradient(90deg,#d97706,#f59e0b);color:#1c1917;padding:12px}.sthq-loi{display:flex;gap:6px;align-items:center;font-size:12px;color:#fecdd3;background:#4c051988;border:1px solid #e11d48;border-radius:10px;padding:8px 10px}.sthq-chu-thich{margin:0;font-size:10.5px;color:#94a3b8;line-height:1.45}.sthq-khieu-nai{grid-column:1/-1;display:flex;flex-direction:column;gap:7px;padding-top:4px;border-top:1px dashed #33476d}.sthq-khieu-nai label{display:flex;flex-direction:column;gap:3px;font-size:10.5px;color:#cbd5e1}.sthq-khieu-nai textarea,.sthq-khieu-nai input{width:100%;box-sizing:border-box;border-radius:9px;border:1px solid #33476d;background:#111e40;color:#fff;padding:8px 10px;font:500 13px inherit}.sthq-khieu-nai textarea:focus,.sthq-khieu-nai input:focus{outline:2px solid #60a5fa;outline-offset:1px}.sthq-thuong{border-color:#10b981aa;background:linear-gradient(135deg,#052e2b,#0f1b3d,#3b2a0c);overflow:visible}.sthq-dong{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;border:0;background:#ffffff1a;color:#e2e8f0;display:flex;align-items:center;justify-content:center}.sthq-thuong-head{display:flex;align-items:center;gap:6px;font-size:13px;color:#a7f3d0;padding-right:36px}.sthq-thuong-xu{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0}.sthq-thuong-xu span{font-size:11px;color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px}.sthq-thuong-xu strong{font:800 40px/1 Rajdhani,Manrope,sans-serif;color:#fbbf24;text-shadow:0 0 18px #f59e0b88;font-variant-numeric:tabular-nums;animation:sthqPop .7s cubic-bezier(.2,1.4,.4,1)}.sthq-thuong-xu small{font-size:11px;color:#fde68a}.sthq-doi{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;background:#0b1430cc;border:1px solid #26385f}.sthq-doi>b{font-size:12px;color:#fde68a}.sthq-doi-dong{display:grid;grid-template-columns:1fr auto;gap:0 8px;font-size:12px;align-items:center}.sthq-doi-dong>span{grid-column:1;grid-row:1}.sthq-doi-dong span b{color:#fff}.sthq-doi-dong small{grid-column:1;font-size:10.5px;color:#94a3b8}.sthq-doi-dong em{grid-column:2;grid-row:1/3;font-style:normal;font-size:10px;padding:3px 8px;border-radius:999px;background:#064e3b;color:#a7f3d0;border:1px solid #10b981}.sthq-bay{position:absolute;inset:0;pointer-events:none;overflow:visible;z-index:3}.sthq-xu-bay{position:absolute;left:50%;top:40%;width:22px;height:22px;opacity:0;animation:sthqBay 1.4s ease-in forwards}.sthq-xu-bay svg{width:100%;height:100%}.sthq-xu-bay-0{animation-delay:.05s}.sthq-xu-bay-1{animation-delay:.15s}.sthq-xu-bay-2{animation-delay:.25s}.sthq-xu-bay-3{animation-delay:.35s}.sthq-xu-bay-4{animation-delay:.45s}.sthq-xu-bay-5{animation-delay:.55s}.sthq-xu-bay-6{animation-delay:.65s}.sthq-xu-bay-7{animation-delay:.75s}.sthq-xu-bay-8{animation-delay:.85s}.sthq-xu-bay-9{animation-delay:.95s}@keyframes sthqBay{0%{opacity:0;transform:translate(-50%) scale(.6)}15%{opacity:1;transform:translate(calc(-50% + 30px),-20px) scale(1.1)}to{opacity:0;transform:translate(calc(50vw - 90px),-260px) scale(.5)}}@keyframes sthqPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.sthq-xu-bay,.sthq-thuong-xu strong{animation:none}.sthq-xu-bay{display:none}}.sthq--cong .sthq-card{border:2px solid #f59e0b;box-shadow:0 10px 30px #f59e0b40}.sthq--cong .sthq-head strong{display:inline-flex;align-items:center;gap:6px;color:#fde68a}.pcb-amount.sthq-tru{color:#fb7185}.sthq-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px;position:relative;z-index:1}.sthq-chips button{border:1px solid #25356a;border-radius:99px;padding:3px 11px;font:600 12px Be Vietnam Pro,sans-serif;color:#cdd6f4;background:#0b1431;cursor:pointer}.sthq-chips button.on{background:#f5c451;color:#2a1a03;border-color:#fff3c4}.pcb-nv.pcb-nv--lam{background:linear-gradient(160deg,#7c2d12,#431407 70%)!important;border:1px solid #fb923c!important;box-shadow:0 0 16px #f9731655}.pcb-nv.pcb-nv--xong{background:linear-gradient(160deg,#0e3b2a,#0a2219)!important;border:1px solid #34d399!important;box-shadow:0 0 16px #34d39966}.pcb-nv .pcb-item-label,.pcb-nv .pcb-item-value,.pcb-nv strong{color:#fff!important}.pcb-nv .pcb-amount{color:#fde68a!important}.pcb-nv-chip{display:inline-block;margin-bottom:6px;border-radius:7px;padding:1px 9px;font:700 10.5px Be Vietnam Pro,sans-serif;letter-spacing:.4px}.pcb-nv-chip.lam{background:#f97316;color:#fff}.pcb-nv-chip.xong{background:#fde68a;color:#3a2d08}.pcb-nv-tien{height:6px;border-radius:4px;background:#0006;margin:6px 0;overflow:hidden}.pcb-nv-tien span{display:block;height:100%;background:linear-gradient(90deg,#fbbf24,#f97316)}.pcb-nv-link{width:100%;justify-content:center;text-align:center}.pcb-cm-nen{position:fixed;inset:0;z-index:9000;background:#030714b3;display:flex;align-items:center;justify-content:center;padding:20px}.pcb-cm{width:min(100%,360px);border-radius:20px;border:1px solid #f5c451;background:radial-gradient(120% 120% at 50% 0,#3b4f9e,#16224f 55%,#0b1431);padding:20px 18px;text-align:center;color:#eef2ff;box-shadow:0 14px 40px #000a;animation:pcb-cm-vao .25s ease-out}.pcb-cm-icon{font-size:42px}.pcb-cm-xu{font:700 36px Rajdhani,sans-serif;color:#fde68a;margin:2px 0 6px}.pcb-cm p{margin:6px 0;font-size:13.5px;line-height:1.45;color:#dbe3ff}.pcb-cm b{color:#fff}.pcb-cm-hang{display:flex;gap:8px;margin-top:14px}.pcb-cm-hang .pcb-btn{flex:1}@keyframes pcb-cm-vao{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.pcb-cm{animation:none}}.pcb-nv .pcb-item-value{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.4}.pcb-nv .pcb-btn-detail,.pcb-nv-link,.pcb-nv-link span{color:#fff!important;background:#ffffff1f!important;border:1px solid #ffffff55!important}.thst{margin:0}.thst-dai{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.thst-the{flex:0 0 86%;scroll-snap-align:start;border-radius:18px;padding:12px 14px;display:grid;gap:4px;background:linear-gradient(140deg,#0f3a37,#0c2232);box-shadow:inset 0 0 0 1.5px #3fd0c0,0 8px 18px #03141859;color:#eaf7f5}.thst-dai .thst-the:only-child{flex-basis:100%}.thst-the small{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.05em;color:#5fe0d0}.thst-the.dang small{color:#ffd27a}.thst-the b{font-size:15px;line-height:1.3}.thst-the span{font-size:12.5px;color:#a8c4c6}.thst-the button{justify-self:start;margin-top:4px;border:0;border-radius:12px;padding:9px 16px;font:800 13px/1 inherit;color:#032a25;background:linear-gradient(#5fe0d0,#1f9e8f);box-shadow:0 3px #0e5e55;cursor:pointer}.thst-the button:focus-visible{outline:2px solid #fff;outline-offset:2px}.c3-root{--c3-g0: #0b1020;--c3-g1: #111830;--c3-g2: #1c2541;--c3-edge: #303d65;--c3-ink: #f5ede1;--c3-mut: #a9b2c9;--c3-dim: #8e98b4;--c3-gold: #f0c674;--c3-gold2: #d9b071;--c3-teal: #3fd0c0;--c3-red: #ff8a7a;color:var(--c3-ink)}.c3-slab{background:linear-gradient(180deg,#242e4d,#19213b);border:1px solid var(--c3-edge);border-radius:18px;box-shadow:inset 0 1px #ffffff17,0 5px #080c19,0 14px 24px #0000006b}.c3-slab.warm{background:linear-gradient(180deg,#3d2e1c,#261b10);border-color:#f0c67480;box-shadow:inset 0 1px #ffe6b42e,0 5px #140d05,0 14px 24px #00000073}.c3-key{--a: #4b5680;--b: #262f4c;--c: #0b1020;width:42px;height:42px;border-radius:13px;flex:none;display:inline-grid;place-items:center;border:0;padding:0;cursor:pointer;color:#fff;background:linear-gradient(160deg,var(--a),var(--b));box-shadow:inset 0 1px #fff6,inset 0 -3px #00000038,0 4px 0 var(--c),0 9px 14px #00000073;transition:transform .12s ease,box-shadow .12s ease}.c3-key:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff59,0 1px 0 var(--c),0 4px 8px #0006}.c3-key:focus-visible{outline:2px solid var(--c3-gold);outline-offset:3px}.c3-key svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.45))}.c3-key.sm{width:34px;height:34px;border-radius:11px;box-shadow:inset 0 1px #fff6,inset 0 -2px #00000038,0 3px 0 var(--c),0 6px 10px #0006}.c3-key.lg{width:54px;height:54px;border-radius:17px}.c3-key.round{border-radius:50%}.c3-key.cu{--a: #f3bb72;--b: #b06a27;--c: #5a330f;color:#2a1706}.c3-key.gold{--a: #ffe39a;--b: #c9951f;--c: #5f450a;color:#3a2806}.c3-key.teal{--a: #63e6d5;--b: #11877b;--c: #073f39}.c3-key.blue{--a: #8aabff;--b: #3557d4;--c: #182868}.c3-key.violet{--a: #bba0ff;--b: #6944d4;--c: #2f1d66}.c3-key.rose{--a: #ff93a5;--b: #c4304e;--c: #5c1226}.c3-key.red{--a: #ff8070;--b: #c42b1c;--c: #56100a}.c3-key.green{--a: #72e8a3;--b: #15994a;--c: #0a4622}.c3-key.slate{--a: #4b5680;--b: #262f4c;--c: #0b1020}.c3-key:disabled{opacity:.5;cursor:default}.c3-b3{width:100%;height:50px;border:0;border-radius:16px;cursor:pointer;font:inherit;font-size:15px;font-weight:700;color:#2a1706;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,#f6c985,#c98238);box-shadow:inset 0 1px #ffffff8c,inset 0 -3px #00000026,0 5px #6a3c10,0 14px 22px #00000073}.c3-b3:disabled{opacity:.55;cursor:default}.c3-bs{border:0;border-radius:11px;padding:8px 12px;cursor:pointer;font:inherit;font-size:12.5px;font-weight:700;color:var(--c3-ink);background:linear-gradient(180deg,#323d62,#222a46);box-shadow:inset 0 1px #ffffff1a,0 3px #080c19}.c3-bs.cu{color:#2a1706;background:linear-gradient(180deg,#f6c985,#c98238);box-shadow:inset 0 1px #ffffff80,0 3px #6a3c10}.c3-bs.red{color:#fff;background:linear-gradient(180deg,#ff7d6c,#c42b1c);box-shadow:inset 0 1px #ffffff59,0 3px #56100a}.c3-inp{display:flex;align-items:center;gap:8px;min-height:44px;border-radius:16px;padding:0 12px;box-sizing:border-box;background:#0b1020;border:1px solid #2a3556;box-shadow:inset 0 3px 7px #0009,0 1px #ffffff0d}.c3-inp input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:14px;color:var(--c3-ink);outline:none}.c3-inp input::placeholder{color:#7d87a3}.c3-chip{border-radius:999px;padding:7px 13px;cursor:pointer;white-space:nowrap;font:inherit;font-size:12.5px;font-weight:600;color:#d6dcec;background:linear-gradient(180deg,#29335a,#1b2340);border:1px solid #34416b;box-shadow:inset 0 1px #ffffff14,0 3px #080c19}.c3-chip.on{color:#2a1706;border-color:var(--c3-gold);background:linear-gradient(180deg,#f6c985,#c98238);box-shadow:inset 0 1px #ffffff80,0 3px #6a3c10}.c3-dim{position:fixed;inset:0;background:#0407109e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1200}.c3-sheet{position:fixed;left:0;right:0;bottom:var(--ban-phim, 0px);z-index:1201;box-sizing:border-box;max-width:560px;margin:0 auto;max-height:calc(100dvh - 24px - var(--ban-phim, 0px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));border-radius:26px 26px 0 0;background:linear-gradient(180deg,#232d4c,#141b31);border-top:1px solid rgba(240,198,116,.45);box-shadow:inset 0 1px #ffffff14,0 -12px 34px #0000008c;font-family:Be Vietnam Pro,system-ui,sans-serif;font-size:14px;animation:c3-len .22s ease-out}@keyframes c3-len{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.c3-sheet{animation:none}}.c3-grab{width:42px;height:5px;border-radius:3px;margin:0 auto 12px;background:#0b1020;box-shadow:inset 0 1px 2px #000000b3,0 1px #ffffff14}.c3-ttl{font-size:17px;font-weight:700}.c3-sec{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--c3-gold2);margin:16px 0 7px;display:flex;justify-content:space-between;align-items:center}.c3-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13.5px}.c3-row:last-child{border-bottom:0}.c3-row.nut{width:100%;background:transparent;border-left:0;border-right:0;border-top:0;color:inherit;font:inherit;text-align:left;cursor:pointer}.c3-mut{color:var(--c3-mut)}.c3-chev{margin-left:auto;color:var(--c3-dim);font-size:12.5px}.c3-av{--c: #3557d4;width:40px;height:40px;border-radius:50%;flex:none;position:relative;display:grid;place-items:center;font-weight:700;font-size:13px;color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.45);background:radial-gradient(circle at 32% 26%,rgba(255,255,255,.45),transparent 46%),var(--c);box-shadow:0 0 0 2px #0e1322,0 0 0 3.5px #f0c6748c,0 5px 10px #00000080;overflow:visible}.c3-av img{width:100%;height:100%;border-radius:50%;object-fit:cover}.c3-av.s{width:30px;height:30px;font-size:11px}.c3-dot{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:var(--c3-teal);border:2px solid #0e1322;box-shadow:0 0 8px var(--c3-teal)}.c3-tag{font-size:10.5px;font-weight:700;border-radius:7px;padding:2px 7px;flex:none}.c3-tag.gold{background:#f0c67421;color:#f6d595;border:1px solid rgba(240,198,116,.4)}.c3-tag.blue{background:#6e96ff24;color:#aec4ff;border:1px solid rgba(110,150,255,.4)}.c3-tag.teal{background:#3fd0c021;color:#86f2e4;border:1px solid rgba(63,208,192,.38)}.c3-sw{width:44px;height:26px;border-radius:13px;position:relative;flex:none;margin-left:auto;border:0;padding:0;cursor:pointer;background:#0b1020;box-shadow:inset 0 2px 5px #000000b3}.c3-sw i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:linear-gradient(180deg,#e9edf7,#a9b2c9);box-shadow:0 2px #00000073;transition:left .15s ease}.c3-sw.on{background:linear-gradient(180deg,#14a596,#0d6f65);box-shadow:inset 0 2px 4px #00000073,0 0 10px #3fd0c073}.c3-sw.on i{left:21px}.c3-loi{margin-top:10px;padding:9px 12px;border-radius:12px;font-size:12.5px;color:#ffd2cb;background:#ff7a6b1f;border:1px solid rgba(255,122,107,.4)}.c3-tin-thoai{display:flex;align-items:center;gap:10px;min-width:230px}.c3-song{display:flex;align-items:center;gap:2px;height:26px;flex:1}.c3-song i{width:3px;border-radius:2px;background:#7882a099}.c3-song i.da{background:#f0c674;box-shadow:0 0 4px #f0c67499}.message-row.mine .c3-song i{background:#2a17064d}.message-row.mine .c3-song i.da{background:#5a330f;box-shadow:none}.c3-tin-thoai-giay{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;opacity:.8}.c3-the-lien-ket{display:flex;gap:9px;margin-top:6px;padding:7px;border-radius:11px;text-decoration:none;color:inherit;background:#0000002e;box-shadow:inset 0 2px 5px #00000059;max-width:260px}.c3-the-lien-ket img{width:52px;height:52px;border-radius:8px;object-fit:cover;flex:none}.c3-the-lien-ket span{display:flex;flex-direction:column;min-width:0;font-size:12px}.c3-the-lien-ket b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c3-the-lien-ket small{opacity:.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.c3-the-lien-ket-trang{opacity:.6!important}.c3-binh-chon,.c3-thong-bao{width:270px;max-width:100%;padding:10px 12px;box-sizing:border-box;color:#f5ede1}.c3-binh-chon-dau{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:9px}.c3-binh-chon-lc{position:relative;width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 10px;margin-bottom:7px;border-radius:10px;overflow:hidden;cursor:pointer;font:inherit;font-size:12.5px;color:#f5ede1;background:#0d1326;border:1px solid #27324f;box-shadow:inset 0 2px 4px #0000008c;text-align:left}.c3-binh-chon-lc i{position:absolute;left:0;top:0;bottom:0;background:#8aabff29;transition:width .3s ease}.c3-binh-chon-lc.chon{border-color:#f0c67499}.c3-binh-chon-lc.chon i{background:linear-gradient(90deg,#f0c67459,#f0c6741f)}.c3-binh-chon-lc span,.c3-binh-chon-lc b{position:relative;display:inline-flex;align-items:center;gap:4px}.c3-binh-chon-lc:disabled{cursor:default}.c3-binh-chon-chan{display:flex;align-items:center;gap:6px;font-size:11px;color:#a9b2c9}.c3-thong-bao{padding:0;overflow:hidden}.c3-thong-bao-dau{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#f6d595;background:#f0c6741a;border-bottom:1px solid rgba(240,198,116,.3)}.c3-thong-bao-than{padding:10px 12px 12px;font-size:13px}.c3-thong-bao-than p{margin:5px 0 0;color:#e9dcc6;white-space:pre-wrap}.c3-thong-bao-so{display:flex;justify-content:flex-end;font-size:12px;font-weight:700;color:#86f2e4;margin-top:9px}.c3-thanh{height:7px;border-radius:4px;margin-top:5px;background:#0b1020;box-shadow:inset 0 2px 3px #000000b3;overflow:hidden}.c3-thanh i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#11877b,#63e6d5);box-shadow:0 0 10px #3fd0c099}.c3-thong-bao-ok{display:flex;align-items:center;gap:5px;margin-top:9px;font-size:12px;color:#86f2e4}.c3-thong-bao-ds{margin-top:8px;font-size:12.5px;color:#e9dcc6}.c3-phan-doan{display:flex;padding:4px;gap:4px;border-radius:14px;background:#0b1020;box-shadow:inset 0 2px 5px #000000a6}.c3-phan-doan button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:10px;padding:8px 0;font:inherit;font-size:12.5px;font-weight:600;color:#a9b2c9;background:transparent;cursor:pointer}.c3-phan-doan button.on{color:#2a1706;background:linear-gradient(180deg,#f6c985,#c98238);box-shadow:inset 0 1px #ffffff80,0 2px #6a3c10}.c3-nhac-tra-loi{position:absolute;left:50%;top:42%;transform:translate(-50%);z-index:15;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:999px;cursor:pointer;font:inherit;color:#f5ede1;max-width:calc(100% - 32px);background:linear-gradient(180deg,#3d2e1c,#261b10);border:1px solid rgba(240,198,116,.5);box-shadow:inset 0 1px #ffe6b433,0 5px #140d05,0 0 26px #f0c67466,0 14px 24px #00000080;animation:c3-len .25s ease-out}.c3-nhac-tra-loi span{text-align:left;font-size:12.5px;line-height:1.3;min-width:0}.c3-nhac-tra-loi small{display:block;color:#d9c3a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c3-goi-y-nhac{position:absolute;left:12px;right:12px;bottom:100%;margin-bottom:6px;max-height:220px;overflow-y:auto;padding:4px 10px;z-index:12}.c3-ghi-am{display:flex;align-items:center;gap:10px;flex:1;height:42px;padding:0 14px;border-radius:22px;background:#2a0f12;border:1px solid rgba(255,122,107,.5);color:#ffd2cb;font-size:13px}.c3-ghi-am i{width:10px;height:10px;border-radius:50%;background:#ff5a4a;box-shadow:0 0 10px #ff5a4a;animation:c3-nhap 1s infinite}@keyframes c3-nhap{50%{opacity:.3}}.c3-nhan-phu{display:block;font-size:10.5px;font-style:italic;opacity:.75;margin-bottom:2px}.c3-nhac-ten{background:#f0c67438;color:#f6d595;font-weight:700;border-radius:5px;padding:0 3px}.message-row.mine .c3-nhac-ten{background:#2a170629;color:#4a2a08}.c3-thong-bao-cho{margin:12px 0 0;padding:10px 12px;display:flex;gap:11px;align-items:center;cursor:pointer}.c3-dem-cho{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#e0604f;color:#fff;font-size:11px;letter-spacing:0;display:inline-grid;place-items:center}.c3-nut-duyet{height:30px;padding:0 10px;border-radius:9px;border:0;display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;background:linear-gradient(180deg,#3fc189,#23905f);color:#fff;box-shadow:0 3px #17603f}.c3-nut-duyet.tu-choi{background:#2a3350;color:#ffb3a8;box-shadow:0 3px #1a2036}.c3-nut-duyet:active{transform:translateY(2px);box-shadow:none}.c3-nut-duyet:disabled{opacity:.55;cursor:default}.c3-nut-duyet:focus-visible{outline:2px solid #f0c674;outline-offset:2px}.c3-cho-duyet-chu{color:#ffb3a8;font-weight:700}.nm-bc-cong-tac{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:4px 2px;cursor:pointer;color:#e2e8ffb3;font-size:11.5px;font-weight:700}.nm-bc-cong-tac:focus-visible{outline:2px solid #f6d595;outline-offset:2px;border-radius:8px}.nm-bc-ray{position:relative;width:34px;height:20px;border-radius:999px;background:#94a3b859;transition:background .2s;flex-shrink:0}.nm-bc-ray i{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #00000059}.nm-bc-cong-tac.bat{color:#7ee2a8}.nm-bc-cong-tac.bat .nm-bc-ray{background:#22b36b}.nm-bc-cong-tac.bat .nm-bc-ray i{transform:translate(14px)}.nm-bc-cong-tac:disabled{opacity:.6;cursor:wait}.nm-bc-tag{background:#22b36b2e!important;color:#7ee2a8!important;border-color:#22b36b73!important}.nm-bc-dem{margin-left:auto;font-size:11.5px;letter-spacing:.02em;color:#7ee2a8;text-transform:none}.nm-bc-ghi{font-size:12.5px!important;line-height:1.45}@media(prefers-reduced-motion:reduce){.nm-bc-ray,.nm-bc-ray i{transition:none}}.rt-lop{position:fixed;inset:0;z-index:10000;height:100dvh;background:#030714b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:rtFade .2s}@keyframes rtFade{0%{opacity:0}}.rt-hop{width:min(100%,520px);max-height:94dvh;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(170deg,#101c40,#0a1230);border:1px solid #2a3c75;border-radius:22px 22px 0 0;padding:14px 16px 0;color:#eef2ff;box-shadow:0 -18px 50px #000a}.rt-dau{display:flex;align-items:center;gap:10px;margin-bottom:10px}.rt-dau h2{margin:0;font:700 20px Rajdhani,sans-serif;letter-spacing:.3px}.rt-dau small{color:#93a0c8}.rt-dong{width:36px;height:36px;border-radius:12px;border:1px solid #ffffff26;background:#0b1230aa;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.rt-tom-tat{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:16px;padding:12px 16px;background:linear-gradient(140deg,#3a230c,#1a1030);border:1px solid #7a5a22aa}.rt-tom-tat small{display:block;color:#f5c451;font:600 10.5px Be Vietnam Pro,sans-serif;letter-spacing:1px;text-transform:uppercase}.rt-tom-tat strong{font:700 24px Rajdhani,sans-serif}.rt-tien{color:#fde68a}.rt-buoc{list-style:none;display:flex;gap:8px;margin:12px 0;padding:0;font-size:12.5px;color:#93a0c8}.rt-buoc li{display:flex;align-items:center;gap:6px;flex:1;padding:7px 10px;border-radius:10px;background:#0b1431;border:1px solid #1f2d5a}.rt-buoc i{width:18px;height:18px;border-radius:50%;background:#1f2d5a;font-style:normal;font:700 11px Rajdhani,sans-serif;display:inline-flex;align-items:center;justify-content:center;color:#cdd6f4}.rt-buoc li.on{color:#fff;border-color:#f5c451}.rt-buoc li.on i{background:#f5c451;color:#2a1a03}.rt-buoc li.xong i{background:#34d399;color:#04120d}.rt-form{display:flex;flex-direction:column;gap:12px}.rt-hinh-thuc{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border:0;padding:0;margin:0}.rt-hinh-thuc legend{font-size:12.5px;color:#93a0c8;margin-bottom:6px;padding:0}.rt-the{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px;border-radius:14px;border:1px solid #25356a;background:#0b1431;color:#cdd6f4;cursor:pointer;font:600 12.5px Be Vietnam Pro,sans-serif}.rt-the.on{border-color:#f5c451;background:#2a1f0a;color:#fff;box-shadow:0 0 0 1px #f5c45188}.rt-the.on svg{color:#f5c451}.rt-truong{display:flex;flex-direction:column;gap:5px;position:relative}.rt-truong label{font-size:12.5px;color:#93a0c8}.rt-truong input,.rt-chon{height:46px;border-radius:12px;border:1px solid #25356a;background:#0b1431;color:#eef2ff;padding:0 14px;font:600 15px Be Vietnam Pro,sans-serif;outline:none}.rt-truong input:focus,.rt-chon:focus{border-color:#f5c451;box-shadow:0 0 0 2px #f5c45133}.rt-truong input.co-loi,.rt-chon.co-loi{border-color:#fb7185}.rt-truong small{color:#7f8db8;font-size:11.5px}.rt-chon{display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;width:100%}.rt-loi-nho{color:#fda4af;font-style:normal;font-size:12px}.rt-ds{position:absolute;left:0;right:0;top:78px;z-index:5;background:#0d1838;border:1px solid #3a4d8f;border-radius:12px;box-shadow:0 12px 30px #000c;padding:8px}.rt-ds input{width:100%;height:40px;margin-bottom:6px}.rt-ds ul{list-style:none;margin:0;padding:0;max-height:220px;overflow-y:auto}.rt-ds li button{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;color:#e6ecff;padding:9px 8px;border-radius:8px;font:500 14px Be Vietnam Pro,sans-serif;cursor:pointer;text-align:left}.rt-ds li button:hover,.rt-ds li button[aria-selected=true]{background:#1a2a5c}.rt-ds-trong{padding:10px;color:#93a0c8;font-size:13px}.rt-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 16px;border-radius:12px;border:1px solid #3a4d8f;background:#12224d;color:#eef2ff;font:600 14px Be Vietnam Pro,sans-serif;cursor:pointer}.rt-btn--chinh{background:linear-gradient(145deg,#f5c451,#c58a14);color:#2a1a03;border-color:#fff3c4}.rt-btn:disabled{opacity:.45;cursor:not-allowed}.rt-btn--rong{width:100%;height:48px;font-size:15px}.rt-nhan{position:relative;display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:14px;background:#0b1431;border:1px solid #1f2d5a}.rt-nhan small{color:#93a0c8;font-size:11px;text-transform:uppercase;letter-spacing:.8px}.rt-nhan b{font-size:15px}.rt-nhan span{color:#cdd6f4;font-size:13px}.rt-sua{position:absolute;right:10px;top:10px;background:none;border:0;color:#f5c451;font-weight:600;cursor:pointer}.rt-chup{display:flex;flex-direction:column;align-items:center;gap:10px}.rt-khung{position:relative;width:min(100%,300px);aspect-ratio:1;border-radius:24px;overflow:hidden;background:#050a1a;border:2px solid #3a4d8f}.rt-khung.co-anh{border-color:#34d399}.rt-khung video,.rt-khung img{width:100%;height:100%;object-fit:cover;display:block}.rt-khung video{transform:scaleX(-1)}.rt-oval{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.rt-oval ellipse{fill:none;stroke:#f5c451;stroke-width:1.2;stroke-dasharray:4 3}.rt-cho{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#93a0c8;font-size:13px}.rt-nut-chup{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.rt-goi-y{color:#7f8db8;font-size:12px;text-align:center}.rt-loi{color:#fda4af;font-size:13px;margin:0;text-align:center}.rt-dong-y{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;line-height:1.5;color:#c7d0ee;padding:10px 12px;border-radius:12px;background:#0b1431;border:1px solid #1f2d5a}.rt-dong-y input{width:20px;height:20px;accent-color:#f5c451;flex:none;margin-top:2px}.rt-dong-y svg{color:#34d399;vertical-align:-2px}.rt-chan{display:grid;grid-template-columns:auto 1fr;gap:8px}.rt-luu-y{color:#7f8db8;font-size:12px;text-align:center}.rt-ghim{position:sticky;bottom:0;margin:4px -16px 0;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#0a123000,#0a1230 22%);display:flex;flex-direction:column;gap:6px;z-index:2}.rt-ghim .rt-chan{margin:0}.rt-hop--nho{max-width:440px}.rt-so{display:flex;flex-direction:column;gap:6px}.rt-so label{font-size:12.5px;color:#93a0c8}.rt-so label small{color:#7f8db8}.rt-so-hang{display:grid;grid-template-columns:44px 1fr 44px auto;gap:8px;align-items:center}.rt-so-hang input{height:46px;border-radius:12px;border:1px solid #f5c451;background:#0b1431;color:#fde68a;text-align:center;font:700 22px Rajdhani,sans-serif;min-width:0;outline:none}.rt-buoc-nut{height:46px;border-radius:12px;border:1px solid #3a4d8f;background:#12224d;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.rt-max{height:46px;padding:0 12px;border-radius:12px;border:1px solid #f5c45188;background:#1b1a0e;color:#f5c451;font:700 13px Rajdhani,sans-serif;cursor:pointer}.rt-cho-tai{color:#c7d0ee;text-align:center;padding:18px 0;margin:0}.rt-xong{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:10px 0 16px}.rt-xong h2{margin:0;font:700 24px Rajdhani,sans-serif;color:#fde68a}.rt-xong p{margin:0;font-size:16px}.rt-xong small{color:#93a0c8;line-height:1.5}.rt-xong-dau{width:56px;height:56px;border-radius:50%;background:#34d399;color:#04120d;display:flex;align-items:center;justify-content:center;box-shadow:0 0 28px #34d39980}.cs-wrap{position:relative}.cs-card{position:relative;border-radius:20px;padding:14px 14px 10px;background:linear-gradient(145deg,#2a1a0c,#17102c 60%,#0b1230);border:1px solid #7a5a22aa;box-shadow:0 14px 34px #0009,inset 0 1px #ffffff14;overflow:hidden;color:#eef2ff}.cs-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0,#f5c45133,transparent 55%);pointer-events:none}.cs-top{display:flex;align-items:center;gap:12px;position:relative}.cs-coin{width:70px;height:70px;flex:none;filter:drop-shadow(0 8px 14px #000a)}.cs-coin svg{width:100%;height:100%}.cs-nums{min-width:0;flex:1;user-select:none;-webkit-user-select:none;touch-action:manipulation}.cs-lbl{font:700 10.5px Be Vietnam Pro,system-ui,sans-serif;letter-spacing:1.3px;color:#f5c451;display:flex;align-items:center;gap:6px}.cs-info{width:15px;height:15px;border-radius:50%;border:1px solid #93a0c8;background:none;color:#93a0c8;font:700 10px sans-serif;padding:0;cursor:help;display:inline-flex;align-items:center;justify-content:center}.cs-big{display:flex;align-items:baseline;gap:6px;margin-top:2px;font:700 34px/1 Rajdhani,sans-serif;font-variant-numeric:tabular-nums}.cs-big small{font:600 16px Rajdhani,sans-serif;color:#cdd6f4}.cs-vnd{display:flex;align-items:center;gap:6px;margin-top:2px;font:700 15px Rajdhani,sans-serif;font-variant-numeric:tabular-nums}.cs-tick{font:700 11px Rajdhani,sans-serif;padding:1px 6px;border-radius:99px}.cs-tick.up{color:#34d399;background:#34d3991f}.cs-tick.down{color:#fb7185;background:#fb71851f}.cs-wrap .nup{color:#34d399;transition:color .15s}.cs-wrap .ndown{color:#fb7185;transition:color .15s}.cs-zoom{position:absolute;top:0;right:0;width:34px;height:34px;border-radius:10px;border:1px solid #ffffff2e;background:#0b1230aa;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;padding:0}.cs-note{margin-top:8px;font-size:12px;color:#c7d0ee;border:1px dashed #3a4d8f;border-radius:10px;padding:6px 9px}.cs-hold{position:absolute;left:92px;top:58px;z-index:25;background:#06101fee;border:1px solid #3a4d8f;border-radius:10px;padding:6px 10px;font:600 12px Be Vietnam Pro,sans-serif}.cs-chart{position:relative;margin-top:10px;height:200px;touch-action:none;cursor:grab}.cs-chart:active{cursor:grabbing}.cs-chart canvas{width:100%;height:100%;display:block}.cs-tip{position:absolute;pointer-events:none;background:#0a1226f2;border:1px solid #3a4d8f;border-radius:10px;padding:6px 9px;font:700 13px Rajdhani,sans-serif;white-space:normal;width:216px;transform:translate(-50%,-110%);opacity:0;transition:opacity .12s;box-shadow:0 6px 16px #0008;z-index:4}.cs-tip small{display:block;font:500 10px Be Vietnam Pro,sans-serif;color:#93a0c8}.cs-khung{position:absolute;top:0;right:42px;z-index:4}.cs-khung-nut{height:34px;padding:0 9px;border-radius:10px;border:1px solid #ffffff2e;background:#0b1230cc;color:#eef2ff;display:flex;align-items:center;gap:6px;cursor:pointer;font:600 12px Be Vietnam Pro,sans-serif}.cs-khung-nut b{font:700 15px Rajdhani,sans-serif;color:#f5c451}.cs-khung-ds{position:absolute;top:38px;right:0;margin:0;padding:4px;list-style:none;background:#0d1838;border:1px solid #3a4d8f;border-radius:12px;box-shadow:0 10px 26px #000b;min-width:150px}.cs-khung-ds button{width:100%;display:flex;gap:8px;align-items:center;background:none;border:0;color:#dbe3ff;padding:9px 10px;border-radius:8px;font:500 13px Be Vietnam Pro,sans-serif;cursor:pointer;text-align:left}.cs-khung-ds button b{font:700 15px Rajdhani,sans-serif;color:#f5c451;width:14px}.cs-khung-ds button.on,.cs-khung-ds button:hover{background:#1a2a5c}.cs-tf{width:27px;height:27px;border-radius:8px;border:1px solid #ffffff2e;background:#0b1230aa;color:#a9b6e6;font:700 13px Rajdhani,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.cs-tf.on{background:linear-gradient(145deg,#f5c451,#c58a14);color:#2a1a03;border-color:#fff3c4}.cs-stat{position:absolute;left:8px;top:2px;z-index:3;display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:3px 10px 3px 7px;font:700 11px Rajdhani,sans-serif;letter-spacing:.8px}.cs-stat.hot{background:linear-gradient(90deg,#ff6a1a,#ffb02e);color:#2a0d00;animation:csChip .7s ease-in-out infinite alternate;box-shadow:0 0 16px #ff8a2a99}.cs-stat i{width:8px;height:11px;border-radius:50%/60% 60% 40% 40%;background:#2a0d00;display:inline-block}@keyframes csChip{to{transform:scale(1.07);box-shadow:0 0 26px #ffb02ecc}}.cs-bung .cs-card{border-color:#ffb02e;box-shadow:0 0 0 1px #ff8a2a66,0 0 34px #ff7a1a66,0 14px 34px #0009;animation:csGlow 1s ease-in-out 5 alternate}@keyframes csGlow{to{box-shadow:0 0 0 1px #ffb02e99,0 0 54px #ff7a1aaa,0 14px 34px #0009}}.cs-bung .cs-coin{animation:csCoinHot .6s ease-in-out 8 alternate}@keyframes csCoinHot{to{filter:drop-shadow(0 0 16px #ffae42) brightness(1.15)}}.cs-axis{display:flex;justify-content:space-between;align-items:center;color:#6f7fb0;font-size:10px;margin-top:4px;gap:6px;position:relative}.cs-nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.cs-nav button{border:1px solid #ffffff2e;background:#0b1230cc;color:#f5c451;border-radius:99px;padding:3px 10px;font:600 11px Be Vietnam Pro,sans-serif;cursor:pointer}.cs-why{margin-top:8px;font-size:12px;border:1px solid #1f2d5a;background:#0b1431;border-radius:12px;padding:8px 10px;position:relative}.cs-why header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.cs-why header button{border:0;background:none;color:#93a0c8;font-size:18px;cursor:pointer;line-height:1}.cs-why-row{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #162250;padding:3px 0}.cs-why-row i{color:#93a0c8;font-style:normal}.cs-why .u{color:#34d399}.cs-why .d{color:#fb7185}.cs-sess{position:absolute;inset:0;z-index:20;background:linear-gradient(160deg,#0a1431f2,#1b1030f2);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:16px;animation:csFade .4s}@keyframes csFade{0%{opacity:0;transform:scale(.97)}}.cs-bell{width:62px;height:62px;transform-origin:50% 8%;animation:csRing 1.1s ease-in-out 3}@keyframes csRing{0%,to{transform:rotate(0)}15%{transform:rotate(18deg)}30%{transform:rotate(-16deg)}45%{transform:rotate(12deg)}60%{transform:rotate(-9deg)}75%{transform:rotate(5deg)}}.cs-sess h4{margin:0;font:700 20px Rajdhani,sans-serif}.cs-sess-big{font:700 32px Rajdhani,sans-serif;font-variant-numeric:tabular-nums}.cs-sess small{color:#93a0c8}.cs-sess-row{display:flex;gap:14px;font-size:12.5px;flex-wrap:wrap;justify-content:center}.cs-sess button{border:1px solid #3a4d8f;background:#12224d;color:#eef2ff;border-radius:10px;padding:8px 18px;font:600 13px Be Vietnam Pro,sans-serif;cursor:pointer}.cs-pulse{position:fixed;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle,#fff 0,#5eead4 45%,#5eead400 72%);box-shadow:0 0 18px 6px #5eead4aa;z-index:2000;pointer-events:none}.cs-pulse-lab{position:fixed;z-index:2001;pointer-events:none;font:700 13px Rajdhani,sans-serif;color:#b9fff2;text-shadow:0 0 8px #000}.cs-trail{position:fixed;border-radius:50%;background:#5eead4;z-index:1999;pointer-events:none;opacity:.7;transition:opacity .45s,transform .45s}.cs-full{position:fixed;inset:0;z-index:3000;background:#050a1a;display:flex;align-items:center;justify-content:center}.cs-full .cs-card{width:calc(100% - 24px);height:calc(100% - 24px);display:flex;flex-direction:column}.cs-full .cs-chart{flex:1;height:auto;min-height:0}.cs-full .cs-big{font-size:44px}.cs-full.cs-rot{inset:0 auto auto 100%;width:100vh;height:100vw;transform-origin:top left;transform:rotate(90deg)}.cs-nav .cs-am{display:inline-flex;align-items:center;justify-content:center;padding:3px 7px}.cs-wrap[data-nhac=cho] .cs-am{animation:csAm 1.4s ease-in-out infinite}@keyframes csAm{50%{box-shadow:0 0 10px #f5c451aa}}.cs-ref{margin-top:6px;font-size:11.5px;color:#f5c451;opacity:.9}.cs-stat.cool{background:#13306b;color:#9fc4ff;box-shadow:0 0 12px #3b82f655;animation:none}.cs-pin.on{color:#34d399;border-color:#34d39988}.cs-gon .cs-chart{height:150px}.cs-gon .cs-big{font-size:30px}.cs-home{margin:12px 0 0}.cs-guide{border-style:solid;border-color:#7a5a22;background:#1a1408f0;font-size:12.5px;line-height:1.5}.cs-guide b:first-child{display:block;color:#f5c451;font:700 14px Rajdhani,sans-serif;letter-spacing:.4px;margin-bottom:4px}.cs-guide ol{margin:4px 0 6px;padding-left:18px}.cs-guide li{margin:3px 0}.cs-guide li b{color:#fde68a;display:inline;font:inherit;margin:0;letter-spacing:0}.cs-guide i{display:block;color:#fcd9a0}body.cs-phong-to{overflow:hidden}body.cs-phong-to .bottom-nav,body.cs-phong-to .recog-top-bar{display:none!important}.cs-full .cs-card{width:calc(100% - 8px);height:calc(100% - 8px);padding:8px 12px 6px;border-radius:14px}.cs-full .cs-why,.cs-full .cs-note,.cs-full .cs-ref{display:none}.cs-full .cs-top{gap:10px}.cs-full .cs-coin{width:46px;height:46px}.cs-full .cs-big{font-size:30px}.cs-full .cs-big small{font-size:14px}.cs-full .cs-vnd{font-size:13px;margin-top:0}.cs-full .cs-lbl{font-size:9.5px}.cs-full .cs-chart{margin-top:4px}.cs-full .cs-axis{margin-top:2px}.cs-ind{display:flex;gap:6px;margin-top:5px}.cs-ind button{display:inline-flex;align-items:center;gap:4px;border:1px solid #ffffff26;background:#0b1230aa;color:#cdd6f4;border-radius:99px;padding:2px 8px;font:700 12px Rajdhani,sans-serif;cursor:pointer;font-variant-numeric:tabular-nums}.cs-ind button svg{color:#f5c451}.cs-ind button:nth-child(2) svg{color:#ff9a2e}.cs-ind button:nth-child(3) svg{color:#5eead4}.cs-bubble{position:absolute;left:12px;right:12px;top:96px;z-index:30;background:#06101fee;border:1px solid #3a4d8f;border-radius:10px;padding:7px 10px;font:500 12px/1.4 Be Vietnam Pro,sans-serif;box-shadow:0 8px 20px #000a;animation:csFade .2s}.cs-full .cs-bubble{top:70px}.cs-lo{position:absolute;left:0;top:22px;width:76px;height:82px;z-index:3;border:0;background:none;padding:0;cursor:pointer;transition:opacity 1.6s ease;filter:drop-shadow(0 7px 12px #000b) saturate(calc(.3 + var(--i,1) * .9)) brightness(calc(.55 + var(--i,1) * .55))}.cs-lo .lo-dan-svg{width:100%;height:100%;overflow:visible}.lo-aura{opacity:var(--i,1);animation:loGlow 1s ease-in-out infinite alternate}.cs-lo.nong .lo-aura{transform-box:fill-box;transform-origin:50% 50%;animation:loGlowHot .7s ease-in-out infinite alternate}@keyframes loGlow{0%{opacity:calc(var(--i,1) * .6)}to{opacity:var(--i,1)}}@keyframes loGlowHot{0%{transform:scale(1)}to{transform:scale(1.12)}}.lo-ring{stroke-dashoffset:0;animation:loRing 3.4s linear infinite;opacity:calc(.15 + var(--i,1) * .85)}@keyframes loRing{to{stroke-dashoffset:-32}}.lo-fl{opacity:calc(.1 + var(--i,1) * .95)}.lo-flame{transform-box:fill-box;transform-origin:50% 100%;animation:loFlame .55s ease-in-out infinite alternate}.lo-f2{animation-duration:.42s;animation-delay:.08s}.lo-f3{animation-duration:.5s;animation-delay:.15s}.lo-f4{animation-duration:.3s}.cs-lo.nong .lo-flame{animation-name:loFlameHot}@keyframes loFlame{0%{transform:scale(.8) skew(-4deg)}to{transform:scale(1.02,1.1) skew(5deg)}}@keyframes loFlameHot{0%{transform:scaleX(.95) skew(-6deg)}to{transform:scale(1.22,1.4) skew(7deg)}}.lo-lid{transform-box:fill-box;transform-origin:50% 100%;animation:loLid 1.3s ease-in-out infinite alternate}@keyframes loLid{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-3px) rotate(2deg)}}.lo-ember{opacity:0;animation:loEmber 1.5s ease-out infinite}.lo-e2{animation-delay:.4s}.lo-e3{animation-delay:.8s}.lo-e4{animation-delay:1.1s}@keyframes loEmber{0%{transform:translate(0);opacity:0}15%{opacity:calc(var(--i,1))}to{transform:translate(6px,-38px);opacity:0}}.lo-smoke{opacity:0;animation:loSmoke 2.6s linear infinite}.lo-s2{animation-delay:.9s}.lo-s3{animation-delay:1.7s}@keyframes loSmoke{0%{transform:translateY(0) scale(.5);opacity:0}25%{opacity:.4}to{transform:translateY(-34px) scale(1.7);opacity:0}}.lo-rune{animation:loRune .9s ease-in-out infinite alternate}@keyframes loRune{0%{opacity:.5}to{opacity:1}}.cs-combo{position:absolute;right:-18px;top:-6px;font:800 22px Rajdhani,sans-serif;color:#fff3c4;text-shadow:0 0 10px #ff8a1f,0 0 22px #ff5a14;animation:csCombo 5s ease-out forwards;pointer-events:none}@keyframes csCombo{0%{transform:scale(.4);opacity:0}8%{transform:scale(1.5);opacity:1}18%{transform:scale(1)}80%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.cs-why-arrows{display:flex;gap:14px;font:700 14px Rajdhani,sans-serif;margin:2px 0 4px}.cs-why-arrows span{display:inline-flex;align-items:center;gap:3px}.cs-why-arrows .u{color:#34d399}.cs-why-arrows .d{color:#fb7185}.cs-full .cs-lo{top:18px;width:56px;height:60px}.cs-why-arrows{flex-wrap:wrap;align-items:center}.cs-why-arrows span.u,.cs-why-arrows span.d{opacity:.55;transition:opacity .2s,transform .2s,text-shadow .2s}.cs-why-arrows span.u.act{opacity:1;transform:scale(1.12);text-shadow:0 0 10px #34d39988}.cs-why-arrows span.d.act{opacity:1;transform:scale(1.12);text-shadow:0 0 10px #fb718588}.cs-why-arrows .now{margin-left:auto;color:#cdd6f4;font-weight:600}.cs-coin{position:relative}.cs-coin--bam{cursor:pointer;-webkit-tap-highlight-color:transparent}.cs-doi{position:absolute;left:50%;top:calc(100% - 2px);transform:translate(-50%);z-index:8;white-space:nowrap;height:30px;padding:0 14px;border-radius:99px;border:1px solid #fff3c4;background:linear-gradient(145deg,#f5c451,#c58a14);color:#2a1a03;font:700 13px Rajdhani,sans-serif;letter-spacing:.4px;cursor:pointer;box-shadow:0 6px 18px #f5c45155;animation:csDoi .22s ease-out}@keyframes csDoi{0%{opacity:0;transform:translate(-50%,-6px) scale(.9)}}.dtk-the{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:#fff7e0;border:1px solid #f1d28a;color:#78350f;text-decoration:none}.dtk-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fde68a;flex:none}.dtk-icon svg{width:22px;height:22px}.dtk-noi-dung{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.dtk-noi-dung small{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#92400e}.dtk-noi-dung strong{font-size:14px}.dtk-noi-dung em{font-style:normal;font-size:12px;font-variant-numeric:tabular-nums}.dtk-the>svg{width:18px;height:18px;flex:none}.hnck{padding:0 16px 10px}.hnck-card{background:linear-gradient(135deg,#1e293b,#0f172a);color:#f1f5f9;border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 24px #0f172a40}.hnck-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.hnck-head div{display:flex;flex-direction:column;gap:2px}.hnck-head strong{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#fde68a}.hnck-head small{font-size:11px;color:#cbd5e1}.hnck-head small b{color:#fff}.hnck-tong{display:inline-flex;align-items:center;gap:4px;font-weight:800;font-size:15px;color:#fde68a;font-variant-numeric:tabular-nums}.hnck-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.hnck-list a{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff12;color:inherit;text-decoration:none}.hnck-list a span{display:flex;flex-direction:column;gap:1px}.hnck-list a strong{font-size:13px}.hnck-list a small{font-size:11px;color:#94a3b8}.hnck-list a b{font-size:13px;color:#fde68a;font-variant-numeric:tabular-nums}.hnck-trong{margin:0;font-size:12px;color:#cbd5e1}.hnck-duc{display:flex;flex-direction:column;gap:5px;color:inherit;text-decoration:none;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.hnck-duc-text{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#e2e8f0}.hnck-bar{display:block;height:8px;border-radius:999px;background:#ffffff1f;overflow:hidden}.hnck-bar b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#fde68a);transition:width .4s ease}.hnck-duc small{font-size:11px;color:#94a3b8}.np-khoa-xu{position:fixed;z-index:60;left:12px;right:92px;bottom:calc(var(--bottom-nav-height, 64px) + env(safe-area-inset-bottom,0px) + 14px);display:flex;align-items:center;gap:7px;border:1px solid #f0c674;border-radius:14px;padding:9px 12px;cursor:pointer;text-align:left;background:linear-gradient(180deg,#4a2414,#2c140b);color:#ffe2b8;font:inherit;font-size:12.5px;font-weight:700;box-shadow:0 6px 18px #00000059}.np-khoa-xu b{color:#f0c674}.np-khoa-xu.thap-vai-tro{background:linear-gradient(180deg,#5a1a14,#34100b);border-color:#e0574a;color:#ffe2dc}.np-khoa-xu.thap-vai-tro b{color:#ffb4a8}.np-khoa-xu.thap-vai-tro.cao{bottom:calc(var(--bottom-nav-height, 64px) + env(safe-area-inset-bottom,0px) + 66px)}.reward-penalty-page-v2{min-height:100vh;min-height:100dvh;width:100%;background-color:#050811;background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(0,240,255,.12) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(99,102,241,.1) 0px,transparent 50%);color:#f1f5f9;padding-bottom:calc(var(--bottom-nav-height, 64px) + env(safe-area-inset-bottom,0px) + 36px);position:relative;overflow-x:hidden;box-sizing:border-box;font-family:inherit}.rp-container{display:flex;flex-direction:column;gap:14px;color:#172033}.rp-overview{display:grid;grid-template-columns:1.4fr 1fr;gap:10px}.rp-overview>div{padding:15px;border:1px solid #e2e8f0;border-radius:16px;background:#fff;box-shadow:0 5px 18px #0f172a0f}.rp-overview small{display:block;color:#64748b;margin-bottom:6px}.rp-overview strong{font-size:19px;color:#07845c}.rp-overview strong.negative{color:#dc3d56}.rp-attention{display:flex;gap:10px;padding:12px;border-radius:14px;background:#eef8ff;border:1px solid #bfdbfe;color:#294463;font-size:13px;line-height:1.45}.rp-tabs-header{display:flex;padding:4px;background:#edf1f7;border-radius:13px}.rp-tab-button{flex:1;border:0;background:transparent;padding:9px;border-radius:10px;color:#596579;font-weight:700}.rp-tab-button.active{background:#fff;color:#101b31;box-shadow:0 2px 8px #0f172a1a}.rp-item-row{background:#fff;border:1px solid #e1e7ef;border-radius:16px;overflow:hidden}.rp-item-main-clickable{display:flex;align-items:center;justify-content:space-between;padding:14px;cursor:pointer}.rp-item-left,.rp-title-line,.rp-item-right{display:flex;align-items:center;gap:9px}.rp-target-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:none}.rp-target-icon.reward{background:#e8fbf3;color:#07845c}.rp-target-icon.penalty{background:#fff0f2;color:#d52e4d}.rp-item-info{min-width:0}.rp-amount-text{font-size:17px;font-weight:900}.rp-amount-text.reward{color:#07845c}.rp-amount-text.penalty{color:#d52e4d}.rp-title-text{font-size:14px;margin:3px 0;color:#172033}.rp-decision-badge{font-size:9px;background:#eef2f7;padding:3px 5px;border-radius:5px}.rp-date-text{font-size:11px;color:#778398;margin:0}.rp-status-capsule{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap}.status-pending{background:#fff5dc;color:#9a6500}.status-approved{background:#eaf3ff;color:#2563a8}.status-applied,.status-confirmed{background:#e8fbf3;color:#07845c}.status-disputed,.status-rejected,.status-voided{background:#fff0f2;color:#b72843}.rp-status-capsule.tt-cho-duyet{background:#fff3d6;color:#8a5a00}.rp-status-capsule.tt-cho-xac-nhan{background:#e5efff;color:#1e4fb8}.rp-status-capsule.tt-da-xac-nhan{background:#e3f7ec;color:#07764f}.rp-status-capsule.tt-khieu-nai{background:#ffefe0;color:#a85209}.rp-status-capsule.tt-da-huy{background:#eef1f5;color:#5b6675}.rp-status-capsule.tt-tu-choi{background:#ffe6ea;color:#b01f3c}.rp-status-capsule.tt-da-duyet{background:#e9f1ff;color:#2f5d99}.rp-item-row.tt-cho-duyet{border-left:4px solid #e0a43b}.rp-item-row.tt-cho-xac-nhan{border-left:4px solid #2563eb}.rp-item-row.tt-da-xac-nhan{border-left:4px solid #10b981}.rp-item-row.tt-khieu-nai{border-left:4px solid #ea7a2b}.rp-item-row.tt-da-huy{border-left:4px solid #94a3b8}.rp-item-row.tt-tu-choi{border-left:4px solid #e11d48}.rp-item-row.tt-da-duyet{border-left:4px solid #9bc0f0}.rp-item-detail-drawer{padding:0 14px 14px}.rp-detail-grid{border-top:1px solid #edf0f5;padding-top:12px;display:flex;flex-direction:column;gap:9px}.rp-detail-row{display:flex;justify-content:space-between;gap:12px;font-size:12px}.rp-detail-label{display:flex;gap:5px;color:#6b7689}.rp-detail-value{text-align:right;font-weight:650}.rp-workflow-actions button,.rp-confirm-actions button{border:0;border-radius:11px;background:#0d1a34;color:#fff;font-weight:800;padding:11px 14px;cursor:pointer}.rp-dispute-warning-box,.rp-confirm-note{display:flex;gap:8px;background:#fff6e5;padding:10px;border-radius:10px;color:#85570a;font-size:12px}.rp-empty-state,.rp-loading-state,.rp-error-container{padding:30px;text-align:center;color:#718096}.rp-confirm-overlay{position:fixed;z-index:1000;inset:0;background:#050b18b3;display:grid;place-items:end center;padding:18px}.rp-confirm-modal{position:relative;width:min(100%,480px);max-height:90vh;overflow:auto;background:#fff;border-radius:24px;padding:22px;color:#172033;box-shadow:0 30px 80px #00000059}.rp-modal-close{position:absolute;right:14px;top:12px;border:0;background:#eef2f7;border-radius:50%;width:32px;height:32px;font-size:22px}.rp-confirm-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px}.rp-confirm-icon.reward{background:#e8fbf3;color:#07845c}.rp-confirm-icon.penalty{background:#fff0f2;color:#d52e4d}.rp-eyebrow{font-size:10px;letter-spacing:.12em;color:#768398;font-weight:900;margin:16px 0 5px}.rp-confirm-modal h3{margin:0;font-size:21px}.rp-confirm-amount{font-size:32px;font-weight:950;margin:14px 0;color:#0d1a34}.rp-confirm-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.rp-confirm-facts div{background:#f6f8fb;padding:9px;border-radius:10px;min-width:0}.rp-confirm-facts span,.rp-confirm-facts b{display:block;font-size:10px}.rp-confirm-facts span{color:#768398;margin-bottom:4px}.rp-confirm-facts b{overflow-wrap:anywhere}.rp-confirm-reason{margin:14px 0;border:1px solid #e5eaf1;border-radius:12px;padding:11px;font-size:13px}.rp-confirm-reason p{margin:5px 0 0;color:#596579}.rp-confirm-modal textarea{width:100%;min-height:75px;box-sizing:border-box;margin:12px 0;border:1px solid #d8dee8;border-radius:11px;padding:10px;font:inherit}.rp-confirm-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:9px}.rp-confirm-actions .secondary{background:#eef2f7;color:#26344b}.rp-confirm-actions button:disabled{opacity:.45}.rp-action-error{color:#c62e49;font-size:12px}.rp-history-toggle{border:0;background:transparent;color:#3068ad;padding:0}.rp-history-list{display:flex;flex-direction:column;gap:5px;margin-top:6px}.rp-history-item{display:flex;justify-content:space-between;font-size:10px;background:#f7f9fc;padding:7px;border-radius:7px}@media(max-width:390px){.rp-overview,.rp-confirm-facts{grid-template-columns:1fr}.rp-status-capsule{font-size:9px;padding:4px 6px;gap:3px}}.rp-card-employee{margin-top:3px;color:#67e8f9;font-size:10px;font-weight:800}.rp-body{max-width:480px;margin:0 auto;padding:12px 14px 24px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.rp-header-create-btn{background:linear-gradient(135deg,#00f0ff,#3b82f6);border:none;color:#050811;font-family:inherit;font-size:11.5px;font-weight:900;padding:6px 12px;border-radius:12px;display:inline-flex;align-items:center;gap:4px;cursor:pointer;box-shadow:0 4px 14px #00f0ff4d;transition:all .15s ease;white-space:nowrap}.rp-header-create-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #00f0ff73}.rp-period-box{background:#0d1527f2;border:1px solid rgba(30,41,59,.85);border-radius:20px;padding:12px;box-shadow:0 4px 16px #00000059;display:flex;flex-direction:column;gap:10px}.rp-period-nav{display:flex;align-items:center;justify-content:space-between;background:#030712d9;border:1px solid rgba(30,41,59,.8);border-radius:12px;padding:4px 8px}.rp-nav-btn{background:transparent;border:none;color:#94a3b8;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.rp-nav-btn:hover{background:#1e293be6;color:#fff}.rp-month-label{font-size:13px;font-weight:800;color:#fff;letter-spacing:.3px}.rp-filter-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#030712e6;border:1px solid rgba(30,41,59,.8);border-radius:12px;padding:3px}.rp-filter-btn{background:transparent;border:none;color:#94a3b8;font-family:inherit;font-size:11.5px;font-weight:700;padding:7px 4px;border-radius:9px;cursor:pointer;transition:all .15s ease;text-align:center}.rp-filter-btn:hover{color:#f1f5f9}.rp-filter-btn.active{background:#2563eb;color:#fff;font-weight:900;box-shadow:0 2px 8px #2563eb66}.rp-summary-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.rp-summary-card{background:#0d1527e6;border:1px solid rgba(30,41,59,.8);border-radius:16px;padding:10px 12px}.rp-summary-label{font-size:10.5px;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-bottom:2px}.rp-summary-amount{font-size:14px;font-weight:900;font-family:monospace,sans-serif}.rp-summary-amount.reward{color:#34d399}.rp-summary-amount.penalty{color:#f43f5e}.rp-items-list{display:flex;flex-direction:column;gap:10px}.rp-card{background:#0d1527f2;border:1px solid rgba(30,41,59,.85);border-radius:18px;padding:14px 12px;box-shadow:0 4px 16px #00000059;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.rp-card:hover{transform:translateY(-2px);border-color:#6366f180;box-shadow:0 8px 24px #6366f133}.rp-card.reward{border-left:4px solid #10b981}.rp-card.penalty{border-left:4px solid #f43f5e}.rp-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none}.rp-card.tt-cho-duyet{border-left-color:#e0a43b}.rp-card.tt-cho-xac-nhan{border-left-color:#3b82f6}.rp-card.tt-da-xac-nhan{border-left-color:#10b981}.rp-card.tt-khieu-nai{border-left-color:#f59e0b}.rp-card.tt-da-huy{border-left-color:#94a3b8}.rp-card.tt-da-duyet{border-left-color:#60a5fa}.rp-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}.rp-card-left{display:flex;align-items:center;gap:8px;min-width:0}.rp-card-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rp-card-icon.reward{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.rp-card-icon.penalty{background:#f43f5e26;color:#f43f5e;border:1px solid rgba(244,63,94,.3)}.rp-card-header-info{min-width:0}.rp-card-title{font-size:13px;font-weight:800;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-card-tag{font-size:9.5px;font-weight:700;color:#94a3b8;display:flex;align-items:center;gap:4px}.rp-card-amount{font-size:14px;font-weight:900;font-family:monospace,sans-serif;flex-shrink:0}.rp-card-amount.reward{color:#34d399}.rp-card-amount.penalty{color:#f43f5e}.rp-card-reason{font-size:11.5px;color:#cbd5e1;line-height:1.4;margin:6px 0 8px}.rp-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(30,41,59,.7);padding-top:8px;font-size:10px;color:#64748b}.rp-status-tag{font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:999px}.rp-status-tag.approved{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.35)}.rp-status-tag.pending{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.rp-empty-box{background:#0d1527cc;border:1px dashed rgba(30,41,59,.9);border-radius:20px;padding:32px 16px;text-align:center;color:#94a3b8}.rp-empty-icon{width:48px;height:48px;margin:0 auto 8px;opacity:.4}.rp-modal-backdrop{position:fixed;inset:0;z-index:9999;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:12px 12px calc(12px + var(--bottom-nav-height, 64px) + env(safe-area-inset-bottom,0px));box-sizing:border-box}.rp-modal-content{background:#0d1527;border:1px solid #1e293b;border-radius:24px;width:100%;max-width:440px;max-height:90vh;max-height:calc(100dvh - 24px - var(--bottom-nav-height, 64px) - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:18px 16px;color:#f1f5f9;box-shadow:0 20px 50px #0009;position:relative;box-sizing:border-box}.rp-modal-close-btn{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:10px;background:#1e293bcc;border:none;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.rp-modal-close-btn:hover{background:#334155;color:#fff}.rp-modal-title{font-size:16px;font-weight:900;color:#fff;margin-bottom:14px}.rp-form{display:flex;flex-direction:column;gap:12px}.rp-form-group{display:flex;flex-direction:column;gap:4px}.rp-form-label{font-size:11px;font-weight:700;color:#94a3b8}.rp-form-input,.rp-form-select,.rp-form-textarea{background:#030712cc;border:1px solid rgba(30,41,59,.9);border-radius:12px;padding:10px 12px;font-family:inherit;font-size:12.5px;color:#fff;outline:none;transition:border-color .15s ease;box-sizing:border-box}.rp-form-input:focus,.rp-form-select:focus,.rp-form-textarea:focus{border-color:#00f0ff}.rp-type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.rp-type-btn{background:#030712b3;border:1px solid rgba(30,41,59,.8);border-radius:12px;padding:9px;color:#94a3b8;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;text-align:center;transition:all .15s ease}.rp-type-btn.reward.active{background:#10b98133;border-color:#10b981;color:#34d399}.rp-type-btn.penalty.active{background:#f43f5e33;border-color:#f43f5e;color:#f43f5e}.rp-form-submit-btn{margin-top:10px;background:linear-gradient(135deg,#00f0ff,#3b82f6);border:none;color:#050811;font-family:inherit;font-size:13px;font-weight:900;padding:12px;border-radius:14px;cursor:pointer;box-shadow:0 4px 16px #00f0ff59;transition:all .15s ease}.rp-form-submit-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00f0ff80}.rp-muc-tieu{background:#fff;border:1px solid #e4e7ec;border-radius:14px;padding:12px 14px;margin-bottom:12px}.rp-muc-tieu-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.rp-muc-tieu-head strong{font-size:15px}.rp-muc-tieu-head small{color:#475467;font-weight:600}.rp-muc-tieu-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.rp-muc-tieu-item{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:#f8fafc;border:1px solid #eef2f6}.rp-muc-tieu-item.dat{background:#ecfdf3;border-color:#a6f4c5}.rp-muc-tieu-item.penalty.dat{background:#fef3f2;border-color:#fecdca}.rp-muc-tieu-dot{font-weight:700;color:#98a2b3;text-align:center}.rp-muc-tieu-item.dat .rp-muc-tieu-dot{color:#027a48}.rp-muc-tieu-item.penalty.dat .rp-muc-tieu-dot{color:#b42318}.rp-muc-tieu-body{display:grid;min-width:0}.rp-muc-tieu-body b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rp-muc-tieu-body small{color:#475467;font-size:12px}.rp-muc-tieu-kq{display:grid;text-align:right}.rp-muc-tieu-kq b{font-size:13px;font-variant-numeric:tabular-nums}.rp-muc-tieu-item.dat .rp-muc-tieu-kq b{color:#027a48}.rp-muc-tieu-item.penalty.dat .rp-muc-tieu-kq b{color:#b42318}.rp-muc-tieu-kq small{color:#98a2b3;font-size:11px}.rp-inline-confirm{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:7px 12px;border-radius:9px;border:1px solid #1d4ed8;background:#1d4ed8;color:#fff;font-weight:600;font-size:12.5px;cursor:pointer}.rp-inline-confirm:hover{background:#1e40af}.rp-confirm-xu{margin:8px 0 0;padding:9px 12px;border-radius:10px;background:#fff7e6;border:1px solid #fcd34d;color:#92400e;font-size:13px}.rp-confirm-xu b{color:#b45309}.bp-home .pcb-icon-wrap{background:linear-gradient(135deg,#6366f1,#4338ca)}.bp-home .bph-name{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:62%;text-align:right}.bp-home .pcb-amount.bph-chua{color:#ffffff8c;font-size:15px}.bp-home .pcb-amount.bph-phat{color:#ff8a8a}.bp-home .pcb-btn-detail{flex:1}.bph-tools{display:flex;align-items:center;gap:8px;margin-left:auto;position:relative;z-index:1}.bph-view{display:inline-flex;border:1px solid rgba(255,255,255,.18);border-radius:8px;overflow:hidden}.bph-view button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:26px;border:none;background:transparent;color:#ffffff8c;cursor:pointer}.bph-view button.on{background:#ffffff29;color:#fff}.bph-list{position:relative;z-index:1;display:grid;gap:6px;max-height:330px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.35) transparent}.bph-list::-webkit-scrollbar{width:6px}.bph-list::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:999px}.bph-row{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:#fff}.bph-row.dat{background:#22c55e24;border-color:#22c55e59}.bph-row.dat.phat{background:#ef444424;border-color:#ef444459}.bph-row-dot{text-align:center;font-weight:700;color:#ffffff73}.bph-row.dat .bph-row-dot{color:#34d399}.bph-row.dat.phat .bph-row-dot{color:#ff8a8a}.bph-row-body{display:grid;min-width:0}.bph-row-body b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bph-row-body small{font-size:11.5px;color:#fff9;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bph-row-kq{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;color:#ffffffbf;white-space:nowrap}.bph-row.dat .bph-row-kq{color:#34d399}.bph-row.dat.phat .bph-row-kq{color:#ff8a8a}.bph-row-xn{grid-column:2 / 4;justify-self:end;display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:12px;font-weight:700;text-decoration:none}.bph-pager{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;font-size:11.5px;color:#ffffff8c}.bph-pager button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;cursor:pointer}.bph-pager button:disabled{opacity:.35;cursor:default}.bph-lich-su{position:relative}.bph-lich-su i{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:#f59e0b;color:#1f1300;font:700 10px/15px Be Vietnam Pro,system-ui,sans-serif;font-style:normal;text-align:center}.bph-lich-su-list .bph-row.doi-soat{background:#f59e0b24;border-color:#f59e0b66}.bph-lich-su-list .bph-row.doi-soat .bph-row-dot,.bph-lich-su-list .bph-row.doi-soat .bph-row-kq{color:#fbbf24}.bph-trong{position:relative;z-index:1;padding:14px 12px;border-radius:10px;background:#ffffff0f;color:#ffffffb3;font-size:13px;text-align:center}.bph-row-xn{border:none;cursor:pointer}.bph-cho-khoan{flex:2;background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.35);font-size:13px}@media(max-width:480px){.bp-home .pcb-header{flex-wrap:wrap;row-gap:8px}.bp-home .bph-tools{flex-basis:100%;justify-content:flex-end;margin-left:0}.bp-home .pcb-header-text{flex:1;min-width:0}}.hub-btn,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit;font-weight:600;border-radius:var(--radius-sm, 10px);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all var(--duration-fast, .15s) var(--ease, ease);box-sizing:border-box;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.hub-btn:disabled,.button:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.hub-btn-primary,.button:not(.hub-btn-secondary):not(.hub-btn-outline):not(.hub-btn-ghost):not(.hub-btn-danger){background:var(--primary-action, #EF4D8D);color:#fff;box-shadow:0 2px 10px #ef4d8d47}.hub-btn-primary:hover:not(:disabled),.button:hover:not(:disabled){background:var(--primary-action-hover, #DB2777);box-shadow:0 4px 14px #ef4d8d5c}.hub-btn-secondary{background:#f1f5f9;color:var(--text-primary, #0F172A);border-color:var(--border-color, #E2E8F0)}.hub-btn-secondary:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1}.hub-btn-outline{background:transparent;color:var(--text-primary, #0F172A);border-color:var(--border-color, #E2E8F0)}.hub-btn-outline:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.hub-btn-ghost{background:transparent;color:var(--text-secondary, #475569);border-color:transparent}.hub-btn-ghost:hover:not(:disabled){background:#f1f5f9;color:var(--text-primary, #0F172A)}.hub-btn-danger{background:var(--danger-color, #EF4444);color:#fff;box-shadow:0 2px 10px #ef444440}.hub-btn-danger:hover:not(:disabled){background:#dc2626}.hub-btn-sm{min-height:36px;padding:6px 12px;font-size:12.5px}.hub-btn-md{min-height:44px;padding:10px 18px;font-size:14px}.hub-btn-lg{min-height:48px;padding:12px 24px;font-size:15px}.hub-btn-full{width:100%}.hub-btn-spinner{animation:hub-spin .8s linear infinite}@keyframes hub-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hub-card,.card{background:var(--card-background, #FFFFFF);border:1px solid var(--border-color, #E2E8F0);border-radius:var(--card-radius, 16px);box-sizing:border-box;transition:box-shadow var(--duration-fast, .15s) var(--ease, ease)}.hub-card-default{box-shadow:var(--card-shadow)}.hub-card-elevated{box-shadow:0 10px 25px -5px #0f172a14,0 8px 10px -6px #0f172a0a}.hub-card-flat{box-shadow:none}.hub-card-outline{box-shadow:none;border:1px solid var(--border-color, #E2E8F0)}.hub-card-interactive{cursor:pointer}.hub-card-interactive:hover{border-color:#cbd5e1;box-shadow:0 8px 24px -4px #0f172a1a}.hub-card-interactive:active{transform:scale(.99)}.hub-card-pad-none{padding:0}.hub-card-pad-sm{padding:10px 12px}.hub-card-pad-md{padding:16px}.hub-card-pad-lg{padding:20px}.skeleton{display:flex;flex-direction:column;gap:12px;width:100%;padding:16px;box-sizing:border-box}.skeleton span{display:block;width:100%;height:20px;border-radius:var(--radius-sm, 8px);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:hub-shimmer 1.5s infinite linear}.skeleton span:nth-child(1){width:60%;height:24px}.skeleton span:nth-child(2){width:90%}.skeleton span:nth-child(3){width:75%}@keyframes hub-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 20px;background:var(--card-background, #FFFFFF);border:1px solid var(--border-color, #E2E8F0);border-radius:var(--card-radius, 16px);gap:8px;box-sizing:border-box}.state strong{font-size:15px;font-weight:700;color:var(--text-primary, #0F172A)}.state p{font-size:13px;color:var(--text-secondary, #475569);max-width:320px;margin:0}.state-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.state-error strong{color:#991b1b}.state-error small{font-size:11px;color:#b91c1c;font-family:monospace}.lhc{margin:12px 0 0;border-radius:16px;padding:12px 14px;color:var(--t-fg, #F1F3F8);background:linear-gradient(180deg,color-mix(in srgb,var(--t-acc, #4F6BFF) 16%,var(--t-card, #0F131D)),var(--t-card, #0F131D));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--t-acc, #4F6BFF) 45%,transparent)}.lhc-dau{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--t-acc-fg, #A9B8FF)}.lhc-dau span{flex:1}.lhc-dau em{font-style:normal;letter-spacing:0;text-transform:none;color:var(--t-amb, #F5B83D)}.lhc-so{display:block;font-size:21px;font-weight:800;margin:6px 0 2px;font-variant-numeric:tabular-nums}.lhc-ds{margin:0;font-size:12.5px;line-height:1.5;color:var(--t-mut, #8C95AA);overflow-wrap:anywhere}.lhc-ds b{color:var(--t-fg, #F1F3F8)}.lhc-moi{display:inline-block;margin-left:6px;font:700 11px/1 inherit;padding:3px 6px;border-radius:6px;background:#ff6b8129;color:var(--t-neg, #FF6B81)}.lhc-nut{display:grid;grid-template-columns:1fr 1.4fr;gap:8px;margin-top:10px}.lhc-nut button{height:40px;border-radius:11px;border:0;font:700 14px inherit;font-family:inherit;cursor:pointer}.lhc-nut .huy{background:#ff6b8124;color:var(--t-neg, #FF6B81)}.lhc-nut .ok{background:var(--t-acc, #4F6BFF);color:var(--t-on, #fff)}.lhc-kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;font-size:13px}.lhc-kv>span{color:var(--cc-chu2)}.lhc-kv>b{text-align:right;overflow-wrap:anywhere}.lhc-kv small{color:var(--cc-chu2);font-weight:500}.lhc-kv .lhc-do{color:var(--cc-do-chu);font-weight:700}.tc2{--t-bg:#07090F;--t-card:#0F131D;--t-raise:#141926;--t-line:rgba(255,255,255,.08);--t-fg:#F1F3F8;--t-mut:#8C95AA;--t-acc:#4F6BFF;--t-acc-t:rgba(79,107,255,.18);--t-acc-fg:#A9B8FF;--t-on:#FFFFFF;--t-pos:#34D399;--t-amb:#F5B83D;--t-neg:#FF6B81;--t-hl:inset 0 1px 0 rgba(255,255,255,.06);--gc:#F5B83D;position:relative;min-height:100vh;padding:0 12px calc(var(--bottom-nav-height,72px) + 28px + env(safe-area-inset-bottom,0px));background:var(--t-bg);color:var(--t-fg);font-family:Be Vietnam Pro,Plus Jakarta Sans,system-ui,sans-serif;font-variant-numeric:tabular-nums;overflow-x:clip;transition:background-color .35s;-webkit-tap-highlight-color:transparent}.tc2[data-mau=b-sang]{--t-bg:#F4F5F8;--t-card:#FFFFFF;--t-raise:#FFFFFF;--t-line:#E3E6EC;--t-fg:#0B0F1A;--t-mut:#5F6B80;--t-acc:#2747F5;--t-acc-t:rgba(39,71,245,.1);--t-acc-fg:#2747F5;--t-pos:#047857;--t-amb:#B7791F;--t-neg:#C8203E;--t-hl:0 1px 2px rgba(11,15,26,.04),0 8px 24px -16px rgba(11,15,26,.18)}.tc2[data-mau=su]{--t-bg:#F3F6F6;--t-card:#FFFFFF;--t-raise:#FFFFFF;--t-line:#DFE6E5;--t-fg:#0C1716;--t-mut:#56676A;--t-acc:#0B7A64;--t-acc-t:rgba(11,122,100,.1);--t-acc-fg:#0A6B58;--t-pos:#047857;--t-amb:#B26B00;--t-neg:#C8203E;--t-hl:0 1px 2px rgba(12,23,22,.05),0 8px 24px -16px rgba(12,23,22,.2)}.tc2[data-mau=dao]{--t-bg:#FBF4F3;--t-card:#FFFFFF;--t-raise:#FFFFFF;--t-line:#F0E1DF;--t-fg:#22121A;--t-mut:#7A5E66;--t-acc:#C2185B;--t-acc-t:rgba(194,24,91,.09);--t-acc-fg:#AD1452;--t-pos:#0F7A55;--t-amb:#B26B00;--t-neg:#C8203E;--t-hl:0 1px 2px rgba(34,18,26,.05),0 8px 24px -16px rgba(120,30,60,.22)}.tc2[data-mau=da]{--t-bg:#2A313D;--t-card:#353D4B;--t-raise:#3D4656;--t-line:rgba(255,255,255,.1);--t-fg:#F2F5FA;--t-mut:#AEB7C6;--t-acc:#7CC4FF;--t-on:#0B2236;--t-acc-t:rgba(124,196,255,.16);--t-acc-fg:#A9D8FF;--t-pos:#5EE3A8;--t-amb:#FFC65C;--t-neg:#FF8A9B;--t-hl:inset 0 1px 0 rgba(255,255,255,.07)}.tc2[data-mau=hh]{--t-bg:#241D33;--t-card:#30283F;--t-raise:#3A3049;--t-line:rgba(255,236,220,.1);--t-fg:#FFF4EC;--t-mut:#C2B2BE;--t-acc:#FFB454;--t-on:#2A1700;--t-acc-t:rgba(255,180,84,.15);--t-acc-fg:#FFC985;--t-pos:#6EE7B7;--t-amb:#FFB454;--t-neg:#FF8FA0;--t-hl:inset 0 1px 0 rgba(255,240,230,.07);background:linear-gradient(180deg,#3a2a4a 0,#241d33 420px) var(--t-bg)}.tc2[data-mau=dem]{--t-bg:#000000;--t-card:#0B0C0E;--t-raise:#121316;--t-line:rgba(255,255,255,.09);--t-fg:#FFFFFF;--t-mut:#9AA0A8;--t-acc:#2FD39A;--t-on:#00261A;--t-acc-t:rgba(47,211,154,.14);--t-acc-fg:#5FE6B5;--t-pos:#2FD39A;--t-amb:#F7C14A;--t-neg:#FF6B81;--t-hl:none}.tc2[data-ca=trong]{--gc:var(--t-pos)}.tc2[data-ca=xong]{--gc:var(--t-acc)}body:has(.tc2-khung){background:var(--tc2-nen,#07090F)}.app-shell.home-shell:has(.tc2-khung){background:transparent;box-shadow:none}.home-shell:has(.tc2-khung)>.bottom-nav{background:color-mix(in srgb,var(--tc2-nen,#07090F) 84%,transparent);border-color:var(--tc2-vien,rgba(255,255,255,.08))}.home-shell:has(.tc2-khung)>.bottom-nav a{color:var(--tc2-mo,#8C95AA);font-size:11.5px;font-weight:500}.home-shell:has(.tc2-khung)>.bottom-nav a.active{color:var(--tc2-chu,#F1F3F8);font-weight:700}.home-shell:has(.tc2-khung)>.bottom-nav a:before{background:var(--tc2-nhan,#4F6BFF);width:20px;height:2px}.tc2-sang-goc{position:absolute;left:-40px;right:-40px;top:-60px;height:380px;pointer-events:none;background-color:var(--gc);opacity:.22;transition:background-color .6s ease;-webkit-mask-image:radial-gradient(55% 50% at 78% 18%,#000,transparent 72%);mask-image:radial-gradient(55% 50% at 78% 18%,#000,transparent 72%)}.tc2-sang .tc2-sang-goc{opacity:.14}.tc2>:where(header,section,div):not(.tc2-sang-goc):not(.tc2-man-tren):not(.tc2-man):not(.tc2-bang):not(.tc2-bao){position:relative}.tc2-man-tren{position:fixed;left:0;right:0;top:0;height:env(safe-area-inset-top,0px);min-height:0;z-index:15;background:color-mix(in srgb,var(--t-bg) 80%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transition:opacity .25s;pointer-events:none}.tc2-man-tren.is-on{opacity:1;min-height:6px}.tc2-dau{display:flex;align-items:center;gap:10px;min-height:44px;padding-top:calc(12px + env(safe-area-inset-top,0px))}.tc2-anh{position:relative;width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--t-acc) 22%,var(--t-raise));color:var(--t-fg);font-weight:700;font-size:13px;box-shadow:inset 0 0 0 1px var(--t-line);text-decoration:none}.tc2-sang .tc2-anh{background:color-mix(in srgb,var(--t-acc) 12%,#fff)}.tc2-anh img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tc2-ai{min-width:0;flex:1;line-height:1.25}.tc2-ai small{display:block;font-size:11.5px;font-weight:500;color:var(--t-mut)}.tc2-ai b{display:block;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc2-vien{display:flex;align-items:center;height:40px;border-radius:20px;background:var(--t-card);box-shadow:inset 0 0 0 1px var(--t-line),var(--t-hl);padding:0 2px;flex:none}.tc2-vien .sep{width:1px;height:18px;background:var(--t-line)}.tc2-vien .employee-home-my{width:40px!important;height:40px!important;min-width:40px;border:0!important;background:none!important;box-shadow:none!important;padding:0!important;display:grid;place-items:center;border-radius:20px!important;margin:0!important}.tc2-vien .employee-home-my img{width:28px!important;height:28px!important;border-radius:50%}.tc2-vien .notification-bell-container{position:relative}.tc2-vien .notification-bell-button{width:40px!important;height:40px!important;min-width:40px;border:0!important;background:none!important;box-shadow:none!important;color:var(--t-fg)!important;border-radius:20px!important;padding:0!important;display:grid;place-items:center}.tc2-vien .notification-bell-button svg{width:20px;height:20px;stroke-width:1.8}.tc2-vien .notification-badge{position:absolute;top:4px!important;right:4px!important;min-width:16px;height:16px;border-radius:8px;background:var(--t-acc)!important;color:var(--t-on)!important;font:700 10px/16px inherit!important;padding:0 4px;border:0!important;box-shadow:none!important}.tc2-my-noi{display:flex;align-items:center;gap:4px;margin-top:10px;border-radius:14px;background:var(--t-acc-t);color:var(--t-fg);min-height:40px;padding:0 4px 0 0}.tc2-my-noi-chu{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border:0;background:none;color:inherit;font:500 13px/1.35 Be Vietnam Pro,system-ui,sans-serif;font-family:inherit;text-align:left;padding:8px 0 8px 8px;cursor:pointer}.tc2-my-cham{flex:none;width:24px;height:24px;border-radius:50%;background:var(--t-acc);color:var(--t-on);display:grid;place-items:center;font:700 10px/1 Be Vietnam Pro,system-ui,sans-serif;font-family:inherit}.tc2-my-noi-x{flex:none;width:34px;height:34px;border:0;background:none;color:var(--t-mut);display:grid;place-items:center;cursor:pointer;border-radius:10px}.tc2-my-noi-x svg{width:16px;height:16px}.tc2-ca{margin-top:12px;border-radius:20px;padding:14px;background:color-mix(in srgb,var(--t-card) 86%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px var(--t-line),var(--t-hl)}.tc2-cho-ca{height:132px}.tc2-ca-hang{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:22px}.tc2-ca-tt{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;min-width:0}.tc2-ca-tt span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc2-ca-phu{font-size:13px;font-weight:600;color:var(--t-mut);white-space:nowrap}.tc2-ca-phu.is-tot{color:var(--t-pos)}.tc2-den{position:relative;width:8px;height:8px;border-radius:50%;background:var(--t-amb);flex:none}.tc2-den.is-on{background:var(--t-pos)}.tc2-den.is-xong{background:var(--t-acc)}.tc2-den.is-on:after{content:"";position:absolute;inset:0;border-radius:50%;animation:tc2-den 1.8s ease-out infinite}@keyframes tc2-den{0%{box-shadow:0 0 color-mix(in srgb,var(--t-pos) 60%,transparent)}to{box-shadow:0 0 0 7px transparent}}.tc2-truc{position:relative;height:32px;margin-top:10px}.tc2-truc .ln{position:absolute;left:0;right:0;top:7px;height:4px;border-radius:2px;background:var(--t-line)}.tc2-truc .hk{position:absolute;top:14px;width:1px;height:4px;background:var(--t-line)}.tc2-truc .fl{position:absolute;left:0;top:7px;height:4px;border-radius:2px;background:var(--t-acc);transition:width 1s cubic-bezier(.2,.8,.2,1)}.tc2-truc .kim{position:absolute;top:2px;width:2px;height:14px;margin-left:-1px;border-radius:1px;background:var(--t-fg);transition:left 1s linear;animation:tc2-kim 3s ease-in-out infinite}@keyframes tc2-kim{50%{box-shadow:0 0 10px 1px var(--gc)}}.tc2-truc .lb2{position:absolute;bottom:0;font-size:11.5px;font-weight:500;color:var(--t-mut);white-space:nowrap}.tc2-vuot{margin-top:12px;position:relative;height:52px;border-radius:12px;background:var(--t-acc-t);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--t-acc) 45%,transparent);overflow:hidden;display:grid;place-items:center;user-select:none;-webkit-user-select:none;touch-action:pan-y}.tc2-vuot .lb{font-size:15px;font-weight:700;padding-left:44px;background:linear-gradient(90deg,var(--t-mut) 25%,var(--t-fg) 50%,var(--t-mut) 75%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:tc2-lap 2.8s linear infinite}@keyframes tc2-lap{0%{background-position:120% 0}to{background-position:-120% 0}}.tc2-vuot .tr{position:absolute;left:0;top:0;bottom:0;background:color-mix(in srgb,var(--t-acc) 30%,transparent);transition:width .45s cubic-bezier(.2,.9,.3,1.2)}.tc2-vuot .nut{position:absolute;left:4px;top:4px;width:44px;height:44px;border-radius:12px;border:0;background:var(--t-acc);display:grid;place-items:center;color:var(--t-on);box-shadow:0 6px 16px -6px color-mix(in srgb,var(--t-acc) 90%,transparent);cursor:grab;transition:transform .45s cubic-bezier(.2,.9,.3,1.2),background-color .2s;touch-action:none}.tc2-vuot .nut svg{width:20px;height:20px;stroke-width:2.4}.tc2-vuot .nut.is-ok{background:var(--t-pos)}.tc2-vuot.is-keo .nut,.tc2-vuot.is-keo .tr{transition:none}.tc2-vuot.is-keo .nut{cursor:grabbing}.tc2-vuot.is-ra{background:var(--t-card);box-shadow:inset 0 0 0 1px var(--t-line)}.tc2-vuot.is-ra .nut{background:var(--t-raise);color:var(--t-fg);box-shadow:inset 0 0 0 1px var(--t-line)}.tc2-vuot.is-ra .nut.is-ok{background:var(--t-pos);color:var(--t-on)}.tc2-vuot.is-ra .tr{background:color-mix(in srgb,var(--t-fg) 8%,transparent)}.tc2-vuot .nut:focus-visible{outline:2px solid var(--t-fg);outline-offset:2px}.tc2-ca-xem{margin-top:12px;height:52px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--t-line);background:var(--t-card);display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:15px;font-weight:700;color:var(--t-fg);text-decoration:none}.tc2-pager{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:12px -12px 0;padding:0 12px;scrollbar-width:none;overscroll-behavior-x:contain}.tc2-pager::-webkit-scrollbar{display:none}.tc2-trang{flex:0 0 100%;scroll-snap-align:center;border-radius:20px;background:var(--t-card);box-shadow:inset 0 0 0 1px var(--t-line),var(--t-hl);padding:0 14px 14px;display:flex;flex-direction:column;min-width:0}.tc2-trang-dau{display:flex;justify-content:space-between;align-items:center;height:44px}.tc2-nhan-mo{font-size:13px;font-weight:600;color:var(--t-mut);display:flex;align-items:center;gap:4px}.tc2-nhan-mo .giai-thich-so-du,.tc2-nhan-mo button{color:var(--t-mut)!important}.tc2-lk{font:600 13px/1 Be Vietnam Pro,system-ui,sans-serif;font-family:inherit;color:var(--t-acc-fg);background:none;border:0;cursor:pointer;padding:0;min-height:34px;display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}.tc2-so-lon{display:flex;align-items:center;gap:6px;height:40px}.tc2-so-lon b{font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1}.tc2-so-lon b.is-am{color:var(--t-neg)}.tc2-so-lon .cu{font-size:15px;font-weight:600;color:var(--t-mut);align-self:flex-end;padding-bottom:5px}.tc2-mat{margin-left:auto;width:34px;height:34px;border-radius:12px;border:0;box-shadow:inset 0 0 0 1px var(--t-line);background:none;color:var(--t-mut);display:grid;place-items:center;cursor:pointer}.tc2-mat svg{width:16px;height:16px}.tc2-so-phu{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--t-mut);margin-top:8px;min-height:18px;white-space:nowrap;overflow:hidden}.tc2-so-phu .ok{color:var(--t-pos);font-weight:600;display:flex;align-items:center;gap:4px}.tc2-so-phu .ok svg{width:14px;height:14px;stroke-width:2.6}.tc2-tk{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:var(--t-mut);min-width:0}.tc2-tk>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc2-tk b{color:var(--t-fg);font-weight:700}.tc2-tk .am{color:var(--t-neg);font-weight:600;white-space:normal}.tc2-tk button{flex:none;height:28px;padding:0 10px;border-radius:999px;border:0;background:var(--t-acc-t);color:var(--t-acc-fg);font-weight:600;font-size:12px;font-family:inherit;cursor:pointer}.tc2-duong{width:100%;flex:1 1 56px;height:0;min-height:56px;margin-top:10px;display:block}.tc2-cho-nhan{margin-top:12px;border-top:1px solid var(--t-line);padding-top:12px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--t-mut);min-height:46px}.tc2-cho-nhan .d{width:8px;height:8px;border-radius:50%;background:var(--t-amb);flex:none}.tc2-cho-nhan span{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc2-cho-nhan b{color:var(--t-fg);font-weight:700}.tc2-nut-nhat{height:34px;min-width:76px;padding:0 12px;border-radius:12px;border:0;background:var(--t-acc-t);color:var(--t-acc-fg);font:700 13px/1 Be Vietnam Pro,system-ui,sans-serif;font-family:inherit;cursor:pointer;white-space:nowrap;flex:none;transition:transform .15s,opacity .2s}.tc2-nut-nhat:active{transform:scale(.96)}.tc2-nut-nhat:disabled{opacity:.55;cursor:default}.tc2-nut-dac{width:100%;height:52px;border-radius:12px;border:0;background:var(--t-acc);color:var(--t-on);font:700 15px/1 Be Vietnam Pro,system-ui,sans-serif;font-family:inherit;cursor:pointer;margin-top:12px}.tc2-nut-dac:disabled{opacity:.6}.tc2-vi4{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}.tc2-vi4 button{border:0;border-radius:12px;background:color-mix(in srgb,var(--t-fg) 4%,transparent);padding:12px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:2px 10px;align-items:center;text-align:left;color:var(--t-fg);font-family:inherit;cursor:pointer}.tc2-vi4 .ic{grid-row:span 2;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--t-raise);box-shadow:inset 0 0 0 1px var(--t-line)}.tc2-vi4 .ic svg{width:22px;height:22px}.tc2-vi4 small{font-size:11.5px;font-weight:500;color:var(--t-mut);line-height:1.2}.tc2-vi4 b{font-size:22px;font-weight:700;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc2-dong-tdn{display:flex;align-items:baseline;gap:10px;height:40px}.tc2-dong-tdn b{font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1}.tc2-dong-tdn span{font-size:13px;font-weight:600;color:var(--t-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc2-nen{width:100%;height:118px;margin-top:8px;display:block;cursor:pointer}.tc2-cham{display:flex;justify-content:center;gap:6px;height:24px;align-items:center}.tc2-cham button{width:6px;height:6px;padding:0;border:0;border-radius:3px;background:color-mix(in srgb,var(--t-fg) 18%,transparent);transition:width .3s,background .3s;cursor:pointer;position:relative}.tc2-cham button:after{content:"";position:absolute;inset:-9px -4px}.tc2-cham button.is-on{width:18px;background:var(--t-acc)}.tc2-the{margin-top:12px;background:var(--t-card);box-shadow:inset 0 0 0 1px var(--t-line),var(--t-hl);border-radius:20px;padding:0 14px}.tc2-cham+.tc2-the{margin-top:0}.tc2-the-dau{display:flex;justify-content:space-between;align-items:center;height:44px}.tc2-the-dau h2{margin:0;font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--t-fg)}.tc2-dem{min-width:18px;height:18px;border-radius:6px;background:var(--t-acc-t);color:var(--t-acc-fg);font:700 11.5px/18px Be Vietnam Pro,system-ui,sans-serif;font-family:inherit;text-align:center;padding:0 5px}.tc2-ti-hang{display:grid;padding-bottom:14px}.tc2-ti-hang a{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11.5px;line-height:15px;font-weight:500;color:var(--t-mut);text-decoration:none;min-width:0}.tc2-ti-hang .lb,.tc2-luoi .lb{display:block;white-space:nowrap;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis}.tc2-ti-hang .lb{white-space:normal;height:30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-wrap:balance}.tc2-ti-hang .t,.tc2-luoi .t{width:40px;height:40px;border-radius:12px;background:var(--t-card);box-shadow:inset 0 0 0 1px var(--t-line),var(--t-hl);display:grid;place-items:center;color:var(--t-fg);position:relative;transition:transform .15s,box-shadow .2s}.tc2-ti-hang .t svg,.tc2-luoi .t svg{width:20px;height:20px;stroke-width:1.8}.tc2-ti-hang a:active .t,.tc2-luoi a:active .t{transform:scale(.93)}.tc2-ti-hang a:hover .t{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--t-acc) 70%,transparent)}.tc2-so-do{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;border-radius:8px;background:var(--t-acc);color:var(--t-on);font:700 10px/16px Be Vietnam Pro,system-ui,sans-serif;font-family:inherit;text-align:center;padding:0 4px;box-shadow:0 0 0 2px var(--t-card)}.tc2-dong{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:60px;border-top:1px solid var(--t-line)}.tc2-dong-ic{width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--t-fg) 5%,transparent);display:grid;place-items:center;color:var(--t-fg)}.tc2-dong-ic svg{width:18px;height:18px;stroke-width:1.8}.tc2-dong-chu{min-width:0;line-height:1.35}.tc2-dong-chu b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc2-dong-chu small{display:block;font-size:11.5px;font-weight:500;color:var(--t-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc2-dong-chu small.is-gap{color:var(--t-neg)}.tc2-trong-dong{display:flex;align-items:center;gap:10px;min-height:60px;color:var(--t-mut);font-size:13px;border-top:1px solid var(--t-line);padding-bottom:2px}.tc2-trong-dong svg{color:var(--t-pos);width:18px;height:18px;stroke-width:2.4}.tc2-can{padding-bottom:0}.tc2-tin-dai{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;padding-bottom:14px;scroll-snap-type:x mandatory;margin:0 -14px;padding-left:14px;padding-right:14px;scroll-padding:0 14px}.tc2-tin-dai::-webkit-scrollbar{display:none}.tc2-tin-o{flex:0 0 112px;aspect-ratio:3/4;border-radius:12px;padding:10px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;color:#fff;position:relative;overflow:hidden;scroll-snap-align:start;text-decoration:none;background:linear-gradient(160deg,#3a4fd8,#151c4a)}.tc2-tin-o.loai-policy_update{background:linear-gradient(160deg,#127a8a,#0a2a33)}.tc2-tin-o.loai-event{background:linear-gradient(160deg,#9a6b12,#2a1c05)}.tc2-tin-o.loai-achievement{background:linear-gradient(160deg,#6b3fb8,#1d1038)}.tc2-tin-o .tc2-tin-anh{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tc2-tin-o:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.72))}.tc2-tin-o>small,.tc2-tin-o>b{position:relative;z-index:1}.tc2-tin-o small{font-size:11.5px;font-weight:600;opacity:.9}.tc2-tin-o b{font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tc2-tin-o.is-moi:before{content:"";position:absolute;z-index:2;top:8px;left:8px;right:8px;height:3px;border-radius:2px;background:var(--t-acc)}.tc2-cho{position:relative;overflow:hidden;background:color-mix(in srgb,var(--t-fg) 6%,transparent)!important}.tc2-cho:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--t-fg) 8%,transparent),transparent);animation:tc2-cho 1.4s infinite}@keyframes tc2-cho{to{transform:translate(100%)}}.tc2-cho-so{display:block;width:200px;height:32px;border-radius:8px}.tc2-dong.tc2-cho{border-radius:12px;margin-bottom:14px;border:0;min-height:60px}.tc2-man{position:fixed;inset:0;z-index:2000;background:#05081480;opacity:0;pointer-events:none;transition:opacity .3s}.tc2-man.is-on{opacity:1;pointer-events:auto}.tc2-bang{position:fixed;z-index:2001;left:0;right:0;bottom:0;max-width:560px;margin:0 auto;max-height:78vh;overflow:auto;background:var(--t-card);color:var(--t-fg);border-radius:24px 24px 0 0;padding:8px 16px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 40px -10px #00000080,inset 0 1px 0 var(--t-line);transform:translateY(105%);visibility:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),visibility 0s .4s}.tc2-bang.is-on{transform:none;visibility:visible;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.tc2-bang-keo{width:36px;height:4px;border-radius:2px;background:var(--t-line);margin:0 auto 6px}.tc2-bang-dau{display:flex;align-items:center;justify-content:space-between;height:44px}.tc2-bang-dau h3{margin:0;font-size:16px;font-weight:700}.tc2-bang-dau button{width:34px;height:34px;border-radius:12px;border:0;background:color-mix(in srgb,var(--t-fg) 6%,transparent);color:var(--t-fg);display:grid;place-items:center;cursor:pointer}.tc2-bang-dau button svg{width:18px;height:18px}.tc2-luoi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 4px;padding:8px 0 4px}.tc2-luoi a{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11.5px;line-height:15px;font-weight:500;color:var(--t-mut);text-decoration:none;min-width:0}.tc2-ghi{margin:0 0 6px;font-size:13px;color:var(--t-mut)}.tc2-dong-cho{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;min-height:60px;border-top:1px solid var(--t-line)}.tc2-dong-cho b{display:block;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc2-dong-cho small{display:block;font-size:11.5px;color:var(--t-mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tc2-dong-cho .v{font-weight:700;color:var(--t-pos);font-size:13px}.tc2-trong{display:flex;align-items:center;gap:8px;color:var(--t-mut);font-size:13px;min-height:60px}.tc2-trong svg{color:var(--t-pos);width:18px;height:18px}.tc2-bao{position:fixed;z-index:2102;left:50%;top:calc(12px + env(safe-area-inset-top,0px));transform:translate(-50%,-160%);opacity:0;background:var(--t-fg);color:var(--t-bg);font-size:13px;font-weight:700;padding:10px 16px;border-radius:99px;transition:transform .35s,opacity .35s;pointer-events:none;max-width:calc(100vw - 32px);text-align:center}.tc2-bao.is-on{transform:translate(-50%);opacity:1}.tc2-xu-bay{position:fixed;z-index:2103;width:18px;height:18px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 35% 30%,#ffe29a,#e0a526 60%,#9a6a0e);box-shadow:0 0 10px #ffc85099}.tc2-cu{display:flex;flex-direction:column;gap:12px}.tc2-cu:not(:empty){margin-top:12px}.tc2-cu>*{margin:0!important}.tc2-cu .mood-widget-wrapper{border-radius:20px;background:var(--t-card)!important;border:0!important;box-shadow:inset 0 0 0 1px var(--t-line),var(--t-hl)!important;color:var(--t-fg)}.tc2-cu .mood-widget-header{background:transparent!important;border:0!important}.tc2 a:focus-visible,.tc2 button:focus-visible{outline:2px solid var(--t-acc);outline-offset:2px}@media(min-width:700px){.tc2{max-width:560px;margin:0 auto}}@media(prefers-reduced-motion:reduce){.tc2 *,.tc2-bang,.tc2-man{animation:none!important;transition:none!important}}.tc2 .tc2-nhan-mo .giaithich-nut,.tc2 .tc2-nhan-mo .giaithich-nut.toi{color:var(--t-mut);border-color:currentColor;background:none}.tca .tca-nhan .giaithich-nut,.tca .tca-nhan .giaithich-nut.toi{color:#fff;border-color:#ffffffbf;background:none}.home-income-card .giaithich-nut.toi,.employee-home.theme-dark .giaithich-nut.toi{color:#cbd5e1;border-color:#fff9;background:#ffffff14}.employee-home .employee-home-theme.tc2-nut-gd{background:#ffffff24;color:#fff;box-shadow:none}.tc2-duong-trong{flex:1 1 56px;min-height:56px;margin:10px 0 0;display:grid;place-items:center;font-size:13px;color:var(--t-mut);border-radius:12px;background:color-mix(in srgb,var(--t-fg) 3%,transparent)}body:has(.tc2-bang.is-on,.tc2-khay.is-on) .mcb-nut,body:has(.tc2-bang.is-on,.tc2-khay.is-on) .my-noi{opacity:0;pointer-events:none;transition:opacity .2s}.tc2-luoi .lb{white-space:normal;line-height:15px;height:30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-wrap:balance}.tc2.tca[data-mau=a-sang]{--t-bg:#F3F5FA;--t-card:#FFFFFF;--t-raise:#FFFFFF;--t-line:#E4E8F2;--t-fg:#0F1630;--t-mut:#66708F;--t-acc:#E5397A;--t-acc-t:rgba(229,57,122,.1);--t-acc-fg:#C8215F;--t-on:#FFFFFF;--t-pos:#15975F;--t-amb:#C27A0E;--t-neg:#C8203E;--t-hl:0 8px 24px -14px rgba(15,22,48,.35)}.tc2.tca[data-mau=a-toi]{--t-bg:#090E1E;--t-card:#131B33;--t-raise:#18213D;--t-line:#212B48;--t-fg:#EEF1FA;--t-mut:#8E97B5;--t-acc:#FF5C9A;--t-acc-t:rgba(255,92,154,.15);--t-acc-fg:#FF8DB8;--t-on:#FFFFFF;--t-pos:#5FE0A6;--t-amb:#F5C065;--t-neg:#FF7F9A;--t-hl:none}.tca{padding-left:0;padding-right:0}.tca-troi{position:relative;padding:calc(12px + env(safe-area-inset-top,0px)) 12px 74px;color:#fff;overflow:hidden;transition:background .8s}.tca-troi.buoi-sang{background:radial-gradient(120% 80% at 85% 0%,rgba(255,206,120,.55),transparent 55%),linear-gradient(165deg,#173e7a,#0f2a5c 55%,#0b1c40)}.tca-troi.buoi-chieu{background:radial-gradient(120% 80% at 90% 5%,rgba(255,140,110,.55),transparent 55%),linear-gradient(165deg,#5a2a6e,#3a1d5a,#1b1438)}.tca-troi.buoi-toi{background:radial-gradient(90% 60% at 80% 0%,rgba(110,130,255,.28),transparent 60%),linear-gradient(170deg,#0b1230,#070b1e)}.tca-sao{position:absolute;inset:0;opacity:0;pointer-events:none;background-image:radial-gradient(1.2px 1.2px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 32% 8%,#fff 50%,transparent 51%),radial-gradient(1.4px 1.4px at 58% 22%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 76% 12%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 88% 30%,#fff 50%,transparent 51%),radial-gradient(1.2px 1.2px at 22% 40%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 66% 44%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 44% 34%,#fff 50%,transparent 51%)}.buoi-toi .tca-sao{opacity:.8;animation:tca-sao 4s ease-in-out infinite alternate}@keyframes tca-sao{to{opacity:.45}}.tca-dau{position:relative;display:flex;align-items:center;gap:8px;min-height:44px}.tca-anh{position:relative;width:40px;height:40px;border-radius:50%;flex:none;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#f7b2c8,#c9d6ff);color:#1a2147;font-weight:800;font-size:14px;box-shadow:0 0 0 2px #ffffffb3;text-decoration:none}.tca-anh img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tca-chao{flex:1;min-width:0;line-height:1.25}.tca-chao small{display:block;font-size:12px;opacity:.78}.tca-chao b{display:block;font-size:17px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tca .tca-tron{--t-card:rgba(255,255,255,.12);--t-fg:#fff;--t-line:transparent;--t-hl:none;--t-acc:#FFD889}.tca-my .employee-home-my,.tca-chuong .notification-bell-button{width:40px!important;height:40px!important;min-width:40px;border-radius:50%!important;border:0!important;background:#ffffff1f!important;color:#fff!important;display:grid;place-items:center;padding:0!important;margin:0!important;box-shadow:none!important}.tca-my .employee-home-my img{width:30px!important;height:30px!important;border-radius:50%}.tca-chuong .notification-bell-button svg{width:19px;height:19px}.tca-chuong .notification-badge{background:#e5397a!important;color:#fff!important;border:0!important;box-shadow:0 0 0 2px #0f2a5c!important}.tca-nhip{position:relative;margin-top:16px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}.tca-vong{width:96px;height:96px;position:relative}.tca-vong svg{width:100%;height:100%;transform:rotate(-90deg)}.tca-vong .nen{fill:none;stroke:#ffffff24;stroke-width:9}.tca-vong .chay{fill:none;stroke:#2ee08a;stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1)}.tca-vong.is-du .chay{stroke:#f3c766;filter:drop-shadow(0 0 6px rgba(243,199,102,.8))}.tca-vong.is-du{animation:tca-du 2.4s ease-in-out infinite}@keyframes tca-du{50%{filter:drop-shadow(0 0 14px rgba(243,199,102,.5))}}.tca-vong .giua{position:absolute;inset:0;display:grid;place-content:center;text-align:center;line-height:1.1}.tca-vong .giua b{font-size:20px;font-weight:800}.tca-vong .giua small{font-size:10.5px;opacity:.78;display:block}.tca-nhip-chu{display:flex;flex-direction:column;gap:6px;min-width:0}.tca-nhip-chu .t1{font-size:12px;opacity:.82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tca-nhip-chu .t2{font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tca-buoc{display:flex;flex-wrap:wrap;gap:4px}.tca-buoc span{font-size:11px;font-weight:700;padding:2px 8px;border-radius:99px;background:#ffffff1f}.tca-buoc span.is-xong{background:#2ee08a38;color:#9ff5c9}.tca-nut{position:relative;margin-top:14px;width:100%;height:52px;border:0;border-radius:16px;padding:0 14px;font:800 15px/1 Be Vietnam Pro,system-ui,sans-serif;font-family:inherit;color:#fff;background:linear-gradient(135deg,#ff4f8f,#e02d6b);box-shadow:0 10px 24px -8px #e5397ab3,inset 0 1px #ffffff4d;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:transform .15s}.tca-nut:active{transform:scale(.98)}.tca-nut.is-mo{background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff40}.tca-nut.is-vang{background:linear-gradient(135deg,#f3c766,#c88a1e);color:#2b1800}.tca-nut em{font-style:normal;font-size:12.5px;font-weight:700;opacity:.92}.tca-than{position:relative;margin-top:-58px;padding:0 12px}.tca-than>.tc2-my-noi{margin:0 0 12px;background:var(--t-card);box-shadow:inset 0 0 0 1px var(--t-line),var(--t-hl)}.tca-lat{perspective:1000px;height:184px;cursor:pointer}.tca-lat-trong{position:relative;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}.tca-lat.is-sau .tca-lat-trong{transform:rotateY(180deg)}.tca-mat{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;padding:14px;color:#fff;overflow:hidden;background:linear-gradient(135deg,#ffffff24,#ffffff05 40%),linear-gradient(150deg,#22315f,#121a3a 70%);box-shadow:0 18px 34px -16px #050a1ea6,inset 0 1px #ffffff2e,inset 0 0 0 1px #ffffff14}.tca-mat:before{content:"";position:absolute;width:220px;height:220px;right:-70px;top:-90px;border-radius:50%;background:radial-gradient(circle,rgba(217,164,65,.35),transparent 65%);pointer-events:none}.tca-mat.sau{transform:rotateY(180deg)}.tca-hang{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:24px}.tca-nhan{font-size:12.5px;opacity:.85;display:flex;align-items:center;gap:6px}.tca-nhan button{color:#fff!important}.tca-lk{font:700 12.5px/1 Be Vietnam Pro,system-ui,sans-serif;font-family:inherit;color:#ffd889;background:none;border:0;cursor:pointer;padding:0;min-height:34px}.tca-so{position:relative;display:flex;align-items:center;gap:6px;margin-top:4px}.tca-so b{font-size:32px;font-weight:800;letter-spacing:-.02em}.tca-so sup{font-size:16px;text-decoration:underline;align-self:flex-start;margin-top:6px}.tca-mat-nut{margin-left:6px;width:34px;height:34px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;display:grid;place-items:center;cursor:pointer}.tca-mat-nut svg{width:17px;height:17px}.tca-phu{position:relative;display:flex;justify-content:space-between;gap:8px;font-size:12px;opacity:.85;margin-top:2px}.tca-phu .ok{color:#8ff0c2;font-weight:700}.tca-tk{position:relative;display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;min-width:0}.tca-tk>span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.9}.tca-tk .am{color:#ffb4b4;font-weight:700}.tca-tk button{flex:none;height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:#ffffff1f;color:inherit;font-weight:600;font-size:12px;font-family:inherit;cursor:pointer}.tca-cho{position:absolute;left:14px;right:14px;bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:8px;background:#d9a4412e;border:1px solid rgba(243,199,102,.45);border-radius:12px;padding:0 10px;min-height:38px;font:700 12.5px/1.2 Be Vietnam Pro,system-ui,sans-serif;font-family:inherit;color:#ffe2a6;cursor:pointer}.tca-cho span{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tca-cho i{width:8px;height:8px;border-radius:50%;background:#ffc24a;flex:none;animation:tca-cho 1.6s infinite}@keyframes tca-cho{0%{box-shadow:0 0 #ffc24ab3}to{box-shadow:0 0 0 8px #ffc24a00}}.tca-cho b{white-space:nowrap}.tca-vi{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.tca-vi>div{background:#ffffff14;border-radius:12px;padding:8px 10px;display:flex;align-items:center;gap:8px;font-size:11.5px;min-width:0}.tca-vi .ic{width:30px;height:30px;display:grid;place-items:center;flex:none}.tca-vi .ic svg{width:24px;height:24px}.tca-vi b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tca-tacvu{margin-top:12px;background:var(--t-card);border-radius:20px;padding:14px 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));box-shadow:var(--t-hl);border:1px solid var(--t-line)}.tca-tacvu>a,.tca-tacvu>button{min-width:0;background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:6px;font:600 10.5px/15px Be Vietnam Pro,system-ui,sans-serif;font-family:inherit;letter-spacing:-.01em;color:var(--t-fg);text-decoration:none;cursor:pointer;padding:2px}.tca-tacvu .lb{max-width:100%;text-align:center;height:30px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-wrap:balance}.tca-tacvu .ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;position:relative;transition:transform .15s}.tca-tacvu .ic svg{width:21px;height:21px}.tca-tacvu>*:active .ic{transform:scale(.92)}.tca .i1{background:#e6f0ff;color:#2563eb}.tca .i2{background:#ffe8f0;color:#e5397a}.tca .i3{background:#e6f7ef;color:#15975f}.tca .i4{background:#fff3df;color:#c27a0e}.tca .i5{background:#eef1f8;color:#66708f}.tca[data-mau=a-toi] .i1{background:#16294f;color:#7fb0ff}.tca[data-mau=a-toi] .i2{background:#3a1730;color:#ff7fae}.tca[data-mau=a-toi] .i3{background:#12382a;color:#5fe0a6}.tca[data-mau=a-toi] .i4{background:#3a2a10;color:#f5c065}.tca[data-mau=a-toi] .i5{background:#1a2340;color:#8e97b5}.tca-dong{margin-top:12px;width:100%;display:flex;align-items:center;gap:12px;min-height:66px;padding:0 14px;border-radius:20px;border:1px solid rgba(217,164,65,.35);background:linear-gradient(120deg,#2a1a0a,#1a1430);color:#fff;font-family:inherit;text-align:left;cursor:pointer}.tca-dong .dg{width:40px;height:40px;display:grid;place-items:center;flex:none}.tca-dong .dg svg{width:32px;height:32px}.tca-dong .chu{flex:1;min-width:0;line-height:1.2}.tca-dong small{display:block;font-size:10.5px;letter-spacing:.14em;color:#f3c766;font-weight:800}.tca-dong b{font-size:18px;font-weight:800}.tca-dong .gia{font-size:12px;text-align:right;opacity:.9;line-height:1.4}.tca-dong em{font-style:normal;color:#ffd889;font-weight:700}.tca .tc2-the{border-radius:20px}.login-page-container{min-height:100vh;min-height:100dvh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:28px 16px max(14px,env(safe-area-inset-bottom));background-color:#060914;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(20,35,75,.6) 0%,transparent 80%),radial-gradient(ellipse 80% 60% at 50% 110%,rgba(30,15,45,.5) 0%,transparent 80%),linear-gradient(180deg,#050813,#070d1f,#060914);position:relative;overflow-x:hidden;box-sizing:border-box;font-family:inherit}.login-bg-ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(60px);z-index:0}.login-bg-ambient-top{top:-60px;left:50%;transform:translate(-50%);width:460px;height:300px;background:radial-gradient(circle,rgba(59,130,246,.18) 0%,rgba(255,45,85,.12) 60%,transparent 80%)}.login-bg-ambient-bottom{bottom:-40px;left:50%;transform:translate(-50%);width:500px;height:260px;background:radial-gradient(ellipse,rgba(255,45,85,.18) 0%,rgba(59,130,246,.12) 50%,transparent 80%)}.login-bg-grid-overlay{position:absolute;inset:0;background-image:radial-gradient(circle at 50% 20%,rgba(255,255,255,.05) 1px,transparent 1px),radial-gradient(circle at 30% 60%,rgba(255,45,85,.04) 1.5px,transparent 1.5px),radial-gradient(circle at 70% 75%,rgba(59,130,246,.04) 1.5px,transparent 1.5px);background-size:40px 40px,80px 80px,90px 90px;pointer-events:none;z-index:0}.login-content-wrapper{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;z-index:1;margin:auto 0}.login-brand-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:16px}.login-brand-logo{display:flex;align-items:baseline;gap:6px;font-size:26px;font-weight:900;letter-spacing:.5px;line-height:1}.brand-tdn{color:#ff2d55;text-shadow:0 0 16px rgba(255,45,85,.65)}.brand-group{color:#fff;letter-spacing:1px}.login-brand-tagline{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;font-size:10.5px;font-weight:600;color:#94a3b8;letter-spacing:1.4px;text-transform:uppercase}.tagline-dot{color:#ff2d55;font-size:12px;line-height:0;filter:drop-shadow(0 0 4px rgba(255,45,85,.8))}.login-orbit-hero{position:relative;width:340px;height:155px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .3s ease}.login-star-contour{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);color:#ff2d5514;pointer-events:none;filter:drop-shadow(0 0 4px rgba(255,45,85,.05))}.login-orbit-track{position:absolute;width:320px;height:110px;border-radius:50%;border:1px dashed rgba(255,45,85,.35);box-shadow:inset 0 0 12px #3b82f626,0 0 12px #ff2d551f;pointer-events:none}.login-orbit-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;z-index:2}.node-people{top:10px;left:18px}.node-work{bottom:8px;left:36px}.node-knowledge{top:10px;right:18px}.node-growth{bottom:8px;right:36px}.node-icon-glow{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .25s ease,box-shadow .25s ease}.node-people .node-icon-glow{background:radial-gradient(circle,#ff2d5559,#0f172ad9);border:1px solid rgba(255,45,85,.65);color:#ff2d55;box-shadow:0 0 14px #ff2d5573}.node-work .node-icon-glow{background:radial-gradient(circle,#8b5cf659,#0f172ad9);border:1px solid rgba(139,92,246,.65);color:#a78bfa;box-shadow:0 0 14px #8b5cf673}.node-knowledge .node-icon-glow{background:radial-gradient(circle,#3b82f659,#0f172ad9);border:1px solid rgba(59,130,246,.65);color:#60a5fa;box-shadow:0 0 14px #3b82f673}.node-growth .node-icon-glow{background:radial-gradient(circle,#d946ef59,#0f172ad9);border:1px solid rgba(217,70,239,.65);color:#f472b6;box-shadow:0 0 14px #d946ef73}.node-title{font-size:9px;font-weight:700;color:#cbd5e1;letter-spacing:.5px;text-transform:uppercase}.login-center-star-stage{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.login-star-beam{position:absolute;bottom:6px;width:50px;height:60px;background:linear-gradient(180deg,rgba(255,45,85,.4) 0%,transparent 100%);clip-path:polygon(25% 0%,75% 0%,100% 100%,0% 100%);pointer-events:none;filter:blur(1px)}.login-star-podium{position:absolute;bottom:2px;width:38px;height:6px;border-radius:50%;background:#ff2d55;filter:blur(1.5px);box-shadow:0 0 14px #ff2d55}.login-center-star-glow{color:#ff2d55;filter:drop-shadow(0 0 8px rgba(255,45,85,.85)) drop-shadow(0 0 15px rgba(255,45,85,.4));transform:translateY(-4px)}.login-center-star-icon{stroke:#ff2d55}@keyframes loginCardBreathingGlow{0%,to{border-color:#3b82f638;box-shadow:0 12px 36px #0009,0 0 14px #3b82f61f,0 0 24px #ff2d5514}50%{border-color:#ff2d5585;box-shadow:0 16px 44px #000000b3,0 0 24px #ff2d5552,0 0 45px #3b82f633}}.login-card{width:100%;background:#0c1328d9;border-radius:22px;padding:26px 22px 24px;box-sizing:border-box;display:flex;flex-direction:column;gap:18px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);position:relative;z-index:1;border:1.5px solid rgba(59,130,246,.22)}.login-card-breathing{animation:loginCardBreathingGlow 6s ease-in-out infinite}.login-form-group{display:flex;flex-direction:column;gap:6px}.login-field-label{font-size:13.5px;font-weight:600;color:#f1f5f9}.login-label-row{display:flex;align-items:center;justify-content:space-between}.login-forgot-link{font-size:12.5px;font-weight:500;color:#ff2d55;text-decoration:none;transition:opacity .15s ease}.login-forgot-link:hover{opacity:.85;text-decoration:underline}.login-input-wrapper{position:relative;display:flex;align-items:center;background:#101a34b3;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:0 14px;height:46px;box-sizing:border-box;transition:all .2s ease}.login-input-wrapper:focus-within{border-color:#ff2d55b3;background:#162344d9;box-shadow:0 0 0 3px #ff2d5529,0 0 12px #ff2d5533}.login-input-icon{color:#64748b;flex-shrink:0;margin-right:10px}.login-input-element{flex:1;border:none;outline:none;background:transparent;color:#fff;font-size:13.5px;font-family:inherit;width:100%}.login-input-element::placeholder{color:#64748b;font-size:13px}.login-eye-toggle-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.login-eye-toggle-btn:hover{color:#f1f5f9}.login-error-alert{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:10px;color:#fca5a5;font-size:13px;line-height:1.4}.login-submit-button{width:100%;height:46px;background:linear-gradient(90deg,#e11d48,#ff2d55,#e11d48);color:#fff;border:none;border-radius:12px;font-size:14.5px;font-weight:700;letter-spacing:.6px;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 18px #ff2d5566;transition:transform .15s ease,box-shadow .15s ease;margin-top:2px}.login-submit-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #ff2d558c}.login-submit-button:active:not(:disabled){transform:translateY(0)}.login-submit-button:disabled{opacity:.65;cursor:not-allowed}.login-arrow-icon{transition:transform .2s ease}.login-submit-button:hover:not(:disabled) .login-arrow-icon{transform:translate(3px)}.login-or-divider{display:flex;align-items:center;margin:2px 0}.login-or-line{flex:1;height:1px;background:#ffffff14}.login-or-text{padding:0 12px;font-size:12px;color:#64748b;font-weight:500}.login-google-button{width:100%;height:46px;background:#101a34b3;border:1px solid rgba(255,255,255,.09);border-radius:12px;font-size:13.5px;font-weight:600;color:#f1f5f9;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background-color .15s ease,border-color .15s ease}.login-google-button:hover:not(:disabled){background:#1a2a52d9;border-color:#ffffff2e}.login-google-svg{flex-shrink:0}.login-footer{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:auto;padding-top:20px;padding-bottom:max(6px,env(safe-area-inset-bottom));z-index:1;width:100%}.login-footer-badge{margin-bottom:8px}.footer-shield-star{width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,45,85,.4);background:#ff2d551f;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #ff2d5559}.login-footer-company{font-size:11.5px;font-weight:700;color:#94a3b8;letter-spacing:.6px}.login-footer-copy{font-size:11px;color:#64748b;margin-top:2px}@media(max-width:360px){.login-orbit-hero{width:300px;transform:scale(.9)}.login-card{padding:20px 16px 16px}}.login-link-button{margin-top:10px;width:100%;background:none;border:1px dashed rgba(148,163,184,.45);border-radius:12px;padding:11px 14px;color:#cbd5e1;font-size:13.5px;font-weight:600;cursor:pointer}.login-link-button:hover:not(:disabled){border-color:#cbd5e1cc;color:#fff}.login-link-button:focus-visible{outline:2px solid #f8c35a;outline-offset:2px}.login-link-sent{margin:10px 0 0;font-size:13px;line-height:1.5;color:#a7f3d0;text-align:center}.lk-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.lk-card{max-width:420px;width:100%;text-align:center;display:flex;flex-direction:column;gap:14px}.lk-card h1{margin:0;font-size:22px;color:#fff}.lk-card p{margin:0;color:#cbd5e1;font-size:14px;line-height:1.55}.standby-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 24px 28px;width:100%;max-width:360px;margin:0 auto}.standby-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#6366f1);display:flex;align-items:center;justify-content:center;overflow:hidden;font:800 26px Rajdhani,sans-serif;color:#fff;box-shadow:0 0 24px #6366f166}.standby-avatar img{width:100%;height:100%;object-fit:cover}.standby-name{font:800 17px "Manrope",inherit;color:#f8fafc;margin-top:4px;text-align:center}.standby-tap-btn{margin-top:14px;width:100%;padding:14px;border-radius:14px;background:linear-gradient(120deg,#3b82f6,#6366f1);color:#fff;font:800 14px "Manrope",inherit;letter-spacing:.3px;box-shadow:0 0 20px #6366f159;transition:transform .12s ease}.standby-tap-btn:active{transform:scale(.97)}.standby-not-me{margin-top:6px;background:none;color:#8b93a7;font:600 12px "Manrope",inherit;padding:6px}.standby-milestones{width:100%;margin-top:22px}.standby-ms-head{display:flex;justify-content:space-between;align-items:center;font:800 11px "Manrope",inherit;text-transform:uppercase;letter-spacing:.04em;color:#8b93a7;margin-bottom:8px}.standby-ms-count{font-family:Rajdhani,sans-serif;color:#fbbf24}.standby-ms-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.standby-ms-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#0e1a3a;border:1px solid #1e2c52;cursor:pointer}.standby-ms-dot{width:22px;height:22px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.standby-ms-row.done .standby-ms-dot{background:#22c55e}.standby-ms-row.todo .standby-ms-dot{background:transparent;border:2px solid #2f3d63}.standby-ms-body{flex:1;min-width:0}.standby-ms-title{font:700 12.5px "Manrope",inherit;color:#f8fafc}.standby-ms-sub{font:600 11px "Manrope",inherit;color:#8b93a7}.standby-ms-row.done .standby-ms-sub{color:#4ade80}.standby-ms-chev{color:#4b5875;font-size:14px}.standby-modal-backdrop{position:fixed;inset:0;background:#040814b8;display:flex;align-items:flex-end;justify-content:center;z-index:60}.standby-modal{width:100%;max-width:420px;max-height:80vh;overflow-y:auto;background:#0b1330;border:1px solid #1e2c52;border-radius:20px 20px 0 0;padding:22px 20px 28px;position:relative}.standby-modal-close{position:absolute;top:12px;right:14px;background:none;color:#8b93a7;font-size:22px;line-height:1}.standby-modal h3{font:800 17px "Manrope",inherit;color:#f8fafc;margin:0 0 14px;padding-right:24px}.standby-modal-block{padding:12px 0;border-top:1px solid #1e2c52}.standby-modal-block:first-of-type{border-top:none;padding-top:0}.standby-modal-block b{display:block;font:700 12.5px "Manrope",inherit;color:#93c5fd;margin-bottom:5px}.standby-modal-block p{font:500 13px/1.65 "Manrope",inherit;color:#cbd5e1;margin:0;white-space:pre-wrap}.standby-modal-empty{color:#8b93a7;font-size:13px}:root{font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#0f172a;background:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-background: #F8FAFC;--header-background: linear-gradient(180deg, #070D1E 0%, #0B1736 60%, #0E1E42 100%);--card-background: #FFFFFF;--primary-action: #EF4D8D;--primary-action-hover: #DB2777;--success-color: #10B981;--danger-color: #EF4444;--warning-color: #F59E0B;--text-primary: #0F172A;--text-secondary: #475569;--border-color: #E2E8F0;--card-radius: 16px;--header-radius: 26px;--card-shadow: 0 4px 20px -2px rgba(15, 23, 42, .06), 0 2px 6px -1px rgba(15, 23, 42, .03);--bottom-nav-height: 64px;--floating-button-bottom: 78px;--navy-900: #0B1D33;--navy-800: #102A43;--navy-700: #1A365D;--navy-600: #243B53;--navy-500: #334E68;--navy-400: #486581;--navy-300: #627D98;--teal-700: #0f766e;--teal-600: #0d9488;--teal-500: #14b8a6;--teal-400: #2dd4bf;--teal-100: #ccfbf1;--teal-50: #f0fdfa;--teal-glow: rgba(13, 148, 136, .2);--pink-600: var(--primary-action-hover);--pink-500: var(--primary-action);--pink-400: #f472b6;--pink-100: #fce7f3;--pink-glow: rgba(239, 77, 141, .15);--primary: var(--teal-600);--primary-dark: var(--teal-700);--primary-light: var(--teal-500);--accent: var(--teal-50);--accent-mint: var(--teal-100);--danger: var(--danger-color);--danger-bg: #fef2f2;--danger-border: #fecaca;--success: var(--success-color);--success-bg: #ecfdf5;--success-border: #a7f3d0;--warning: var(--warning-color);--warning-bg: #fffbeb;--warning-border: #fde68a;--surface: var(--card-background);--surface-glass: rgba(255, 255, 255, .92);--surface-elevated: var(--card-background);--bg: var(--page-background);--bg-subtle: var(--page-background);--text: var(--text-primary);--muted: #64748b;--muted-light: #94a3b8;--border: var(--border-color);--border-light: #f1f5f9;--border-focus: var(--primary-action);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 2px 8px rgba(15, 23, 42, .05);--shadow-md: var(--card-shadow);--shadow-lg: 0 20px 40px -8px rgba(15, 23, 42, .12), 0 8px 20px -4px rgba(15, 23, 42, .04);--shadow-teal: 0 8px 24px -4px rgba(13, 148, 136, .3);--shadow-pink: 0 8px 24px -4px rgba(239, 77, 141, .25);--radius-xs: 6px;--radius-sm: 10px;--radius: var(--card-radius);--radius-lg: 20px;--radius-xl: var(--header-radius);--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration: .25s;--duration-slow: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:manipulation;background-color:var(--bg);color:var(--text);line-height:1.5}html,#root{min-height:100%;overflow-x:hidden}button,input,select,textarea{font:inherit}a{color:var(--primary);text-decoration:none;transition:color var(--duration-fast) var(--ease)}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto}.skip-link{position:absolute;left:-9999px;top:var(--space-2);z-index:100;background:var(--navy-800);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius);font-weight:700;font-size:14px}.skip-link:focus{left:var(--space-4)}.app-shell{max-width:1100px;margin:auto;min-height:100vh;min-height:100dvh;background:var(--bg);position:relative}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);color:var(--navy-500);background:transparent;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease);min-width:44px;min-height:44px}.icon-button:hover{background:var(--bg);color:var(--primary)}.icon-button .badge{position:absolute;right:2px;top:2px;background:var(--pink-500);color:#fff;border-radius:var(--radius-full);font-size:10px;font-weight:800;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 6px #ef4d8d66;border:2px solid var(--surface)}.app-shell>main{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom,0px) + 24px);touch-action:manipulation}html.chat-mode,body.chat-mode,html:has(.chat-shell),body:has(.chat-shell),html:has(.assistant-shell),body:has(.assistant-shell){overflow:hidden!important;height:100%!important;max-height:100%!important;position:fixed!important;width:100%!important;inset:0!important;margin:0!important;padding:0!important;overscroll-behavior:none!important}.app-shell.chat-shell,.app-shell.assistant-shell{max-width:100%;height:100%!important;min-height:0!important;overflow:hidden!important;margin:0!important;position:fixed!important;inset:0!important;width:100%!important}.app-shell.chat-shell>main,.app-shell.assistant-shell>main{padding-bottom:0!important;height:100%!important;min-height:0!important;overflow:hidden!important;width:100%!important}.app-shell.chat-shell .bottom-nav,.app-shell.assistant-shell .bottom-nav{display:none!important}body.modal-open .tasks-fab-create,body.modal-open .calendar-fab-create,:has(.period-picker-overlay) .tasks-fab-create,:has(.period-picker-overlay) .calendar-fab-create,:has(.celebration-overlay) .tasks-fab-create,:has(.celebration-overlay) .calendar-fab-create{display:none!important;opacity:0!important;pointer-events:none!important}.notifications-page{display:grid;gap:16px}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.notification-count{display:inline-flex;align-items:center;gap:6px;color:var(--primary-action);font-size:13px;font-weight:800}.notification-list{display:grid;gap:10px}.notification-list .card{display:grid;gap:5px}.notification-list .is-unread{border-left:4px solid var(--primary-action);background:var(--pink-100)}.notification-empty{display:grid;justify-items:center;gap:8px;padding:32px 20px;text-align:center}.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;margin:auto;max-width:1100px;min-height:var(--bottom-nav-height);padding:var(--space-2) max(var(--space-3),env(safe-area-inset-right)) calc(var(--space-2) + env(safe-area-inset-bottom,0px)) max(var(--space-3),env(safe-area-inset-left));display:grid;grid-template-columns:repeat(5,1fr);background:var(--surface-glass);border-top:1px solid var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.2px;transition:all var(--duration-fast) var(--ease);padding:var(--space-1) var(--space-1);border-radius:var(--radius-sm);min-height:52px;position:relative}.bottom-nav a:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%) scaleX(0);width:24px;height:3px;border-radius:0 0 3px 3px;background:var(--primary-action);transition:transform var(--duration) var(--ease-spring)}.bottom-nav a.active{color:var(--primary-action);font-weight:700}.bottom-nav a.active:before{transform:translate(-50%) scaleX(1)}.bottom-nav a:hover{color:var(--primary-action-hover)}.bottom-nav-icon{position:relative;display:inline-grid;place-items:center}.bottom-nav a>span:last-child{white-space:nowrap;letter-spacing:-.01em}.bottom-nav-dem{position:absolute;top:-6px;left:calc(100% - 8px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#e5395b;color:#fff;font:700 10px/16px var(--font-sans, inherit);text-align:center;box-shadow:0 0 0 2px var(--surface, #fff);font-variant-numeric:tabular-nums}.page{padding:var(--space-5) var(--space-4)}.page h1{font-size:24px;font-weight:800;letter-spacing:-.5px;color:var(--navy-800);margin:0;line-height:1.2}.page h2{font-size:16px;font-weight:700;color:var(--navy-700);margin:var(--space-6) 0 var(--space-3);line-height:1.3}.muted{color:var(--muted);font-size:13px}.badge-hr{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);background:var(--bg);color:var(--muted);font-size:11px;font-weight:600}.card{border:1px solid var(--border-color);border-radius:var(--card-radius);background:var(--card-background);padding:var(--space-4);box-shadow:var(--card-shadow);transition:box-shadow var(--duration) var(--ease)}.card-item-row{background:var(--card-background);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0f172a0a;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;margin-bottom:10px}.card-item-row:last-child{margin-bottom:0}.btn-pink-action{border:0;border-radius:var(--radius);padding:12px 20px;background:var(--primary-action);color:#fff;font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:var(--shadow-pink);transition:all var(--duration) var(--ease);position:relative;min-height:44px;white-space:nowrap}.btn-pink-action:hover:not(:disabled){background:var(--primary-action-hover);transform:translateY(-1px)}.btn-pink-action:active:not(:disabled){transform:translateY(0)}.button,.btn-primary{border:0;border-radius:var(--radius);padding:12px 20px;background:linear-gradient(135deg,var(--teal-600) 0%,var(--teal-700) 100%);color:#fff;font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:var(--shadow-teal);transition:all var(--duration) var(--ease);position:relative;overflow:hidden;min-height:44px;white-space:nowrap}.button:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--teal-500) 0%,var(--teal-600) 100%);box-shadow:0 10px 28px -4px #0d948866;transform:translateY(-1px)}.button:active:not(:disabled),.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-sm)}.button:disabled,.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{border:1.5px solid var(--border);border-radius:var(--radius);padding:12px 20px;background:var(--surface);color:var(--text-secondary);font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--duration-fast) var(--ease);min-height:44px}.btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--accent)}.btn-ghost{border:none;border-radius:var(--radius);padding:10px 16px;background:transparent;color:var(--primary);font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--duration-fast) var(--ease);min-height:44px}.btn-ghost:hover:not(:disabled){background:var(--accent)}.w-full{width:100%}.button:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-ghost:focus-visible,.bottom-nav a:focus-visible,.forgot-link:focus-visible,.icon-button:focus-visible,.checkbox-container:focus-within,.input-container .toggle-password-btn:focus-visible,.recovery-tab-btn:focus-visible,.dashboard-action-grid a:focus-visible,.dashboard-action-grid button:focus-visible{outline:3px solid var(--teal-500);outline-offset:2px}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:13px;font-weight:600;color:var(--text-secondary)}.input-container{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:14px;color:var(--muted-light);pointer-events:none;display:flex;align-items:center;justify-content:center;transition:color var(--duration-fast) var(--ease)}.input-container input{width:100%;border:1.5px solid var(--border);border-radius:var(--radius);padding:13px 14px 13px 44px;background:var(--bg-subtle);color:var(--text);font-size:14px;font-weight:500;outline:none;transition:all var(--duration) var(--ease);min-height:48px}.input-container input:focus{background:var(--surface);border-color:var(--teal-600);box-shadow:0 0 0 4px var(--teal-glow)}.input-container:focus-within .input-icon{color:var(--teal-600)}.input-container input::placeholder{color:var(--muted-light);font-weight:400}.input-container .toggle-password-btn{position:absolute;right:4px;background:none;border:none;color:var(--muted-light);cursor:pointer;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease)}.input-container .toggle-password-btn:hover{color:var(--primary)}.field-error{font-size:12px;color:var(--danger);font-weight:500;margin-top:var(--space-1);display:flex;align-items:center;gap:4px}.skeleton{display:grid;gap:var(--space-3);padding:var(--space-2) 0}.skeleton>span{display:block;background:linear-gradient(90deg,var(--border-light) 0%,var(--border) 50%,var(--border-light) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm);height:16px}.skeleton>span:first-child{width:70%;height:20px}.skeleton>span:nth-child(2){width:100%}.skeleton>span:nth-child(3){width:45%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center}.state strong{font-size:14px;color:var(--text-secondary)}.state p{color:var(--muted);font-size:13px;max-width:280px}.state-error strong{color:var(--danger)}.state-unavailable{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);text-align:center}.state-unavailable .unavailable-icon{width:40px;height:40px;border-radius:var(--radius-full);background:var(--bg);display:flex;align-items:center;justify-content:center;color:var(--muted-light)}.state-unavailable .unavailable-label{font-size:13px;font-weight:600;color:var(--muted)}.state-unavailable .unavailable-desc{font-size:12px;color:var(--muted-light)}.inline-error{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--danger-bg);border:1px solid var(--danger-border);color:#b91c1c;font-size:13px;font-weight:500;line-height:1.5;animation:slideInDown .25s var(--ease-spring)}.inline-success{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--success-bg);border:1px solid var(--success-border);color:#065f46;font-size:13px;font-weight:500;line-height:1.5;animation:slideInDown .25s var(--ease-spring)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);background:radial-gradient(ellipse 60% 50% at 20% 20%,rgba(13,148,136,.1),transparent),radial-gradient(ellipse 50% 60% at 80% 80%,rgba(16,42,67,.06),transparent),linear-gradient(180deg,var(--teal-50) 0%,var(--bg) 100%);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(13,148,136,.06) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.auth-card{width:min(100%,420px);display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-8) var(--space-6);background:#fffffff5;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-lg);position:relative;z-index:1;animation:cardFadeIn var(--duration-slow) var(--ease-spring)}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.brand-badge{width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--navy-800) 0%,var(--teal-700) 100%);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 28px -4px #102a4359;margin-bottom:var(--space-2);position:relative}.brand-badge:after{content:"";position:absolute;inset:-2px;border-radius:calc(var(--radius-lg) + 2px);background:linear-gradient(135deg,var(--teal-400),transparent);z-index:-1;opacity:.4}.auth-card h1{font-size:22px;font-weight:800;letter-spacing:-.3px;color:var(--navy-800);margin:0}.auth-subtitle{font-size:13px;color:var(--muted);line-height:1.5;margin:0}.auth-options{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-top:var(--space-1)}.checkbox-container{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary);font-weight:500;min-height:44px;font-size:13px}.checkbox-container input[type=checkbox]{accent-color:var(--teal-600);width:16px;height:16px;border-radius:4px;cursor:pointer}.forgot-link{font-size:13px;font-weight:600;color:var(--teal-600);display:inline-flex;align-items:center;min-height:44px}.forgot-link:hover{color:var(--teal-700);text-decoration:underline}.auth-footer{text-align:center;font-size:13px;color:var(--muted);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.auth-footer a{font-weight:700}.spinner{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.recovery-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:var(--bg);padding:4px;border-radius:var(--radius);margin-bottom:var(--space-2)}.recovery-tab-btn{border:none;background:transparent;padding:10px var(--space-2);border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all var(--duration-fast) var(--ease);min-height:44px}.recovery-tab-btn.active{background:var(--surface);color:var(--teal-600);font-weight:700;box-shadow:var(--shadow-sm)}.recovery-tab-btn:hover:not(.active){color:var(--text-secondary)}.stepper-bar{display:flex;align-items:center;justify-content:space-between;position:relative;margin:var(--space-3) 0 var(--space-5);padding:0 var(--space-4)}.stepper-bar:before{content:"";position:absolute;top:14px;left:calc(16.66% + 14px);right:calc(16.66% + 14px);height:2px;background:var(--border);z-index:0}.step-item{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--muted-light);z-index:2;transition:color var(--duration) var(--ease)}.step-circle{width:28px;height:28px;border-radius:var(--radius-full);background:var(--border);color:var(--muted);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;transition:all var(--duration) var(--ease)}.step-item.active .step-circle{background:var(--teal-600);color:#fff;box-shadow:0 0 0 4px var(--teal-glow)}.step-item.active{color:var(--teal-600)}.step-item.completed .step-circle{background:var(--success);color:#fff}.step-item.completed{color:var(--success)}.otp-box-wrapper{display:flex;flex-direction:column;gap:var(--space-3)}.otp-input-large{text-align:center;font-size:28px!important;font-weight:800!important;letter-spacing:12px!important;padding:14px 10px!important}.otp-cooldown-badge{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:13px;color:var(--muted)}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--teal-500);animation:pulseDot 1.5s infinite}@keyframes pulseDot{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.7}}.support-card{background:var(--accent);border:1px solid var(--accent-mint);border-radius:var(--radius-lg);padding:var(--space-5);font-size:13px;line-height:1.6;color:#134e4a;display:flex;flex-direction:column;gap:var(--space-3)}.support-card ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.support-card li{display:flex;align-items:center;gap:var(--space-2)}.dashboard-greeting{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.dashboard-greeting-avatar{width:52px;height:52px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--teal-100);box-shadow:var(--shadow-sm);flex-shrink:0}.dashboard-greeting-avatar-fallback{width:52px;height:52px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--teal-600),var(--teal-700));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;flex-shrink:0;border:3px solid var(--teal-100)}.dashboard-greeting-text h1{margin-bottom:2px}.dashboard-greeting-text .greeting-time{font-size:13px;color:var(--muted);font-weight:500}.dashboard-grid{margin-top:var(--space-4)}.dashboard-operational-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-3)}.dashboard-widget{position:relative;overflow:hidden}.dashboard-widget h2{margin:0 0 var(--space-3);font-size:14px;font-weight:700;color:var(--navy-700)}.widget-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.widget-icon{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.widget-icon-teal{background:var(--teal-50);color:var(--teal-600)}.widget-icon-pink{background:var(--pink-100);color:var(--pink-600)}.widget-icon-navy{background:#102a4314;color:var(--navy-600)}.widget-icon-warning{background:var(--warning-bg);color:var(--warning)}.operational-widget-ready{display:grid;gap:var(--space-2)}.operational-widget-ready>svg{color:var(--primary)}.operational-widget-ready p{margin:0;font-weight:700;font-size:14px}.dashboard-widget-error p{margin:0 0 var(--space-3);color:var(--danger);font-size:13px}.dashboard-load-error{margin-top:var(--space-5)}.profile-summary-widget{display:grid;grid-template-columns:72px 1fr;gap:var(--space-4);align-items:center}.profile-summary-widget>img,.profile-summary-widget>[role=img]{width:72px;height:72px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--teal-100)}.profile-summary-widget>[role=img]{display:grid;place-items:center;background:linear-gradient(135deg,var(--teal-600),var(--teal-700));color:#fff;font-size:24px;font-weight:800}.profile-summary-widget dl{display:grid;gap:var(--space-2);margin:0}.profile-summary-widget dt{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-summary-widget dd{margin:0;font-weight:700;font-size:14px;color:var(--text)}.dashboard-quick-actions{margin-top:var(--space-6)}.dashboard-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-3)}.dashboard-action-grid a,.dashboard-action-grid button{min-height:88px;padding:var(--space-3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;text-align:center;cursor:pointer;transition:all var(--duration-fast) var(--ease)}.dashboard-action-grid a:hover{border-color:var(--teal-500);background:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.dashboard-action-grid a>svg,.dashboard-action-grid button>svg{width:24px;height:24px}.dashboard-action-grid a{color:var(--teal-700)}.dashboard-action-grid strong{font-size:13px;font-weight:700;color:var(--text)}.dashboard-action-grid span{color:var(--muted);font-size:11px;font-weight:500}.dashboard-action-grid button:disabled{cursor:not-allowed;opacity:.6}.recent-activity-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.recent-activity-list li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-light)}.recent-activity-list li:last-child{border-bottom:0}.activity-icon{width:32px;height:32px;border-radius:var(--radius-full);background:var(--bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--teal-600)}.activity-content{flex:1;display:grid;gap:2px}.activity-content span{font-size:13px;color:var(--text);font-weight:500}.recent-activity-list time{color:var(--muted);font-size:12px;white-space:nowrap;margin-left:auto;padding-top:2px}.profile-page{max-width:760px;margin:0 auto}.profile-card{margin-top:var(--space-4)}.profile-hero{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-light);text-align:center}.profile-hero-avatar{position:relative}.profile-avatar,.profile-avatar-fallback{width:88px;height:88px;flex:0 0 88px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--teal-100)}.profile-avatar-fallback{display:grid;place-items:center;background:linear-gradient(135deg,var(--teal-600),var(--teal-700));color:#fff;font-size:28px;font-weight:800}.profile-avatar-overlay{position:absolute;bottom:0;right:0;width:32px;height:32px;border-radius:var(--radius-full);background:var(--surface);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:all var(--duration-fast) var(--ease)}.profile-avatar-overlay:hover{background:var(--teal-600);color:#fff;border-color:var(--teal-600)}.profile-avatar-editor{display:grid;justify-items:center;gap:var(--space-2)}.profile-avatar-editor input[type=file]{width:min(100%,250px);min-height:44px;font-size:12px}.profile-avatar-input-label{font-size:13px;font-weight:700}.profile-avatar-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.profile-avatar-editor progress{width:100%;height:6px;border-radius:3px;appearance:none;-webkit-appearance:none}.profile-avatar-editor progress::-webkit-progress-bar{background:var(--bg);border-radius:3px}.profile-avatar-editor progress::-webkit-progress-value{background:var(--teal-600);border-radius:3px}.profile-identity{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:1px solid var(--border-light)}.profile-identity h2{margin:0 0 2px;font-size:18px}.profile-editable-note{display:inline-block;margin-top:4px;color:var(--teal-700);font-size:12px;font-weight:700}.profile-section{margin-top:var(--space-5)}.profile-section-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-light)}.profile-section-header svg{color:var(--teal-600);width:18px;height:18px}.profile-section-header h3{font-size:14px;font-weight:700;color:var(--navy-700);margin:0}.profile-fields{display:grid;gap:0;margin:0}.profile-field{padding:var(--space-3) 0;border-bottom:1px solid var(--border-light)}.profile-field:last-child{border-bottom:0}.profile-field dt{color:var(--muted);font-size:12px;font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.profile-field dd{margin:4px 0 0;color:var(--text);font-weight:600;font-size:14px;overflow-wrap:anywhere}.profile-field dd>span+div{margin-top:var(--space-3)}.profile-phone-form{display:grid;gap:var(--space-3)}.profile-phone-form label{font-size:13px}.profile-phone-form input{width:100%;min-height:44px;padding:10px var(--space-3);border:1.5px solid var(--border);border-radius:var(--radius);font:inherit;font-size:14px;transition:border-color var(--duration-fast) var(--ease)}.profile-phone-form input:focus{border-color:var(--teal-600);outline:none;box-shadow:0 0 0 4px var(--teal-glow)}.profile-phone-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2);max-width:360px}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius);font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);animation:toastIn var(--duration) var(--ease-spring);display:flex;align-items:center;gap:var(--space-3)}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.connectivity-banner{background:var(--warning-bg);border-bottom:1px solid var(--warning-border);padding:var(--space-2) var(--space-4);text-align:center;font-size:13px;font-weight:600;color:#92400e}@media(min-width:768px){.page{padding:var(--space-8) var(--space-6)}.header-greeting{display:block}.bottom-nav{position:sticky;top:64px;bottom:auto;border-top:0;border-bottom:1px solid var(--border);padding:var(--space-1) var(--space-5);grid-template-columns:repeat(5,auto);justify-content:center;gap:var(--space-1)}.app-shell:not(.home-shell)>.bottom-nav{top:0}.bottom-nav a{flex-direction:row;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:13px;min-height:44px}.bottom-nav a:before{top:auto;bottom:-1px;height:2px;width:100%;left:0;transform:scaleX(0);border-radius:2px 2px 0 0}.bottom-nav a.active:before{transform:scaleX(1)}.app-shell>main{padding-bottom:0}.dashboard-operational-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-fields{grid-template-columns:1fr 1fr;column-gap:var(--space-6)}.profile-hero{flex-direction:row;text-align:left;gap:var(--space-5)}}@media(min-width:1024px){.dashboard-operational-grid,.dashboard-action-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1200px){.dashboard-action-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.attendance-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:700}.badge-active{background:#0d94881f;color:var(--teal-700)}.badge-completed{background:#22c55e1f;color:#16a34a}.badge-pending{background:#f59e0b1f;color:#d97706}.badge-present{background:#22c55e1f;color:#16a34a;padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.badge-late{background:#ef44441f;color:#dc2626;padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.badge-leave{background:#9333ea1f;color:#9333ea;padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.badge-holiday{background:#3b82f61f;color:#2563eb;padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.badge-absent{background:#64748b1f;color:#475569;padding:3px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.attendance-widget-content{display:flex;flex-direction:column;gap:var(--space-3);padding-top:var(--space-1)}.attendance-widget-status-row{display:flex;justify-content:space-between;align-items:center}.attendance-widget-state{display:flex;align-items:center;gap:var(--space-2)}.shift-name{font-size:12px}.attendance-view-all-link{display:inline-flex;align-items:center;gap:2px;font-size:12px;font-weight:600;color:var(--teal-600);text-decoration:none}.attendance-view-all-link:hover{text-decoration:underline}.attendance-widget-times{display:flex;align-items:center;background:var(--bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius);justify-content:space-around}.time-block{display:flex;flex-direction:column;align-items:center;gap:2px}.time-label{font-size:11px;color:var(--muted)}.time-value{font-size:14px;font-weight:700;color:var(--text-primary)}.time-divider{width:1px;height:24px;background:var(--border)}.attendance-widget-actions{display:flex;flex-direction:column;gap:var(--space-2)}.attendance-quick-btn{width:100%;justify-content:center;padding:9px var(--space-3);font-size:13px;gap:var(--space-2)}.attendance-completed-msg{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:12px;font-weight:600;color:#16a34a;padding:var(--space-2);background:#22c55e14;border-radius:var(--radius)}.attendance-inline-error{display:flex;align-items:center;gap:var(--space-2);font-size:12px;color:#dc2626;background:#ef444414;padding:var(--space-2);border-radius:var(--radius-sm)}.attendance-page-container{max-width:800px;margin:0 auto}.attendance-header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}.attendance-nav-tabs{display:flex;background:var(--bg);padding:4px;border-radius:var(--radius-lg);gap:4px}.attendance-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px var(--space-3);border:none;background:transparent;border-radius:var(--radius);font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all var(--duration-fast) var(--ease)}.attendance-header{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}@media(min-width:768px){.attendance-header{flex-direction:row;align-items:center;justify-content:space-between}}.attendance-title-wrapper h1{font-size:22px;font-weight:800;color:var(--navy-800)}.attendance-header-subtitle{font-size:13px;margin-top:2px}.attendance-nav-tabs{display:flex;background:var(--bg);padding:4px;border-radius:var(--radius-lg);border:1px solid var(--border);gap:4px;width:fit-content}.attendance-tab-btn{display:flex;align-items:center;gap:var(--space-2);padding:8px 16px;border:none;background:transparent;border-radius:var(--radius);font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;transition:all var(--duration-fast) var(--ease)}.attendance-tab-btn.active{background:var(--surface);color:var(--teal-600);font-weight:700;box-shadow:var(--shadow-sm)}.attendance-today-content{display:flex;flex-direction:column;gap:var(--space-4)}@media(min-width:992px){.attendance-today-layout-grid{display:grid;grid-template-columns:360px 1fr;gap:var(--space-5);align-items:start}}.attendance-col-left,.attendance-col-right{display:flex;flex-direction:column;gap:var(--space-4)}.attendance-clock-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-6) var(--space-4);text-align:center;background:linear-gradient(135deg,#0d948814,#1e293b0a);border:1px solid rgba(13,148,136,.2);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.clock-badge-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#16a34a;background:#22c55e1f;padding:3px 10px;border-radius:var(--radius-full);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.5px}.live-dot{width:7px;height:7px;border-radius:var(--radius-full);background:#16a34a;animation:livePulse 1.5s infinite}@keyframes livePulse{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.7}}.clock-date-text{font-size:13px;font-weight:600;color:var(--muted);margin-top:var(--space-1)}.clock-time-display{font-size:42px;font-weight:800;letter-spacing:2px;color:var(--navy-800);font-variant-numeric:tabular-nums;line-height:1.1;font-family:var(--font-mono, monospace)}.attendance-branch-info{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%}.branch-info-header{display:flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--navy-800)}.branch-gps-tag{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--muted);font-weight:600}.attendance-security-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.security-icon-wrapper{width:40px;height:40px;border-radius:var(--radius-full);background:#22c55e1a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.security-text strong{display:block;font-size:13px;color:var(--navy-800);margin-bottom:2px}.security-text p{font-size:11px;line-height:1.4}.attendance-status-overview-card{padding:var(--space-5);border-radius:var(--radius-xl)}.status-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);font-size:13px}.shift-badge{padding:4px 12px;background:#0d94881a;color:var(--teal-700);border-radius:var(--radius-full);font-size:12px;font-weight:700}.attendance-milestones{display:flex;align-items:center;justify-content:space-between;background:var(--bg);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.milestone-item{display:flex;align-items:center;gap:var(--space-3);opacity:.55;transition:opacity var(--duration-fast)}.milestone-item.active{opacity:1}.milestone-icon{width:40px;height:40px;border-radius:var(--radius-full);background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--teal-600);box-shadow:var(--shadow-sm)}.milestone-text{display:flex;flex-direction:column;gap:2px}.milestone-label{font-size:11px;color:var(--muted);font-weight:600}.milestone-time{font-size:15px;font-weight:800;color:var(--navy-800);font-family:var(--font-mono, monospace)}.milestone-arrow{color:var(--muted-light);font-size:18px}.today-work-duration{display:flex;align-items:center;gap:var(--space-2);font-size:13px;padding:var(--space-2) var(--space-3);background:#22c55e14;border-radius:var(--radius);color:#16a34a}.attendance-action-card{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4);border-radius:var(--radius-xl)}.attendance-warning-banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#f59e0b1a;color:#d97706;border-radius:var(--radius);font-size:13px;font-weight:500}.attendance-note-box{display:flex;flex-direction:column;gap:var(--space-2)}.attendance-note-box label{font-size:12px;font-weight:600;color:var(--muted)}.attendance-note-input{width:100%;min-height:132px;padding:12px var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text-primary);font:inherit;font-size:16px;line-height:1.5;resize:vertical;transition:all var(--duration-fast)}.attendance-note-input::placeholder{color:var(--muted)}.attendance-note-input:focus{outline:none;border-color:var(--teal-500);background:var(--surface);box-shadow:0 0 0 3px #0d948826}.attendance-note-hint{color:var(--muted);font-size:12px;text-align:right}.attendance-main-button-wrapper{margin-top:var(--space-2)}.report-review-overlay{position:fixed;inset:0;z-index:1040;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172ab8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.report-review-card{width:100%;max-width:440px;max-height:min(88vh,720px);overflow-y:auto;padding:24px 20px 20px;border-radius:24px;background:var(--surface);box-shadow:0 24px 60px #0f172a59}.report-review-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:16px;color:var(--teal-600);background:#0d94881f}.report-review-card h2{margin:0 0 6px;color:var(--navy-800);font-size:20px}.report-review-content{margin:18px 0;padding:16px;border:1px solid rgba(13,148,136,.22);border-radius:16px;background:#0d94880f;color:var(--text-primary);font-size:15px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.report-review-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px}.report-review-actions .btn{min-height:48px;justify-content:center}.attendance-action-buttons-group{display:flex;flex-direction:column;gap:var(--space-3)}@media(min-width:640px){.attendance-action-buttons-group{flex-direction:row;align-items:stretch}.attendance-action-buttons-group .attendance-big-btn{flex:1.5}.attendance-action-buttons-group .attendance-camera-btn{flex:1}}.attendance-camera-btn{min-height:56px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-xl);border:1.5px solid var(--border);background:var(--surface);color:var(--navy-800);transition:all .15s ease}.attendance-camera-btn:hover:not(:disabled){border-color:var(--teal-500);color:var(--teal-600);background:#0d94880f;transform:translateY(-2px);box-shadow:0 4px 12px #0d948826}.attendance-big-btn{width:100%;min-height:56px;font-size:16px;font-weight:800;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:var(--space-3);border-radius:var(--radius-xl);box-shadow:0 6px 18px #0d94884d;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.attendance-big-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0d948866}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 8px 24px #f59e0b66}.attendance-all-done-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:#22c55e14;border-radius:var(--radius-xl);border:1px solid rgba(34,197,94,.2)}.attendance-all-done-banner h3{font-size:16px;margin-bottom:2px;color:#16a34a}.camera-modal-overlay{position:fixed;inset:0;background:#0f172abf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1050;display:flex;align-items:center;justify-content:center;padding:var(--space-3, 12px);animation:celebrationFadeIn .2s ease-out;box-sizing:border-box}.camera-modal-card{position:relative;background:var(--surface);border-radius:var(--radius-2xl, 20px);width:100%;max-width:480px;max-height:calc(100dvh - 24px);box-shadow:0 25px 50px -12px #00000059;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.camera-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.camera-header-left{display:flex;align-items:center;gap:var(--space-3)}.camera-badge-icon{width:36px;height:36px;border-radius:var(--radius-full);background:#0d94881f;display:flex;align-items:center;justify-content:center;color:var(--teal-600)}.camera-modal-header h3{font-size:15px;font-weight:700;color:var(--navy-800);margin-bottom:1px}.camera-subtitle{font-size:11px}.camera-close-btn{border:none;background:var(--bg);border-radius:var(--radius-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:background .15s ease}.camera-close-btn:hover{background:var(--border)}.camera-viewport-wrapper{position:relative;width:100%;height:clamp(240px,45vh,340px);background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.camera-live-box,.camera-preview-box{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.camera-live-video,.camera-captured-img{width:100%;height:100%;object-fit:cover}.camera-live-video{transform:scaleX(-1)}.face-oval-guide{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.face-oval-line{width:200px;height:250px;border-radius:50%/45%;border:2px dashed rgba(255,255,255,.7);box-shadow:0 0 0 9999px #0006}.face-guide-hint{margin-top:var(--space-3);font-size:12px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.8);background:#00000080;padding:3px 12px;border-radius:var(--radius-full)}.camera-spinner-overlay{position:absolute;inset:0;background:#0f172acc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:#fff}.camera-error-box{padding:var(--space-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:#fff}.camera-verified-tag{position:absolute;bottom:16px;background:#16a34ae6;color:#fff;font-size:12px;font-weight:700;padding:6px 14px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #00000040}.camera-modal-actions{padding:var(--space-4) var(--space-5);background:var(--surface);border-top:1px solid var(--border)}.camera-actions-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.camera-actions-row .btn-primary,.camera-actions-row .btn-secondary{flex:1}.camera-snap-btn{min-height:44px;font-size:14px}.attendance-history-section{display:flex;flex-direction:column;gap:var(--space-4)}.attendance-month-selector{display:flex;align-items:center;justify-content:space-between;background:var(--surface);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.attendance-month-title{display:flex;align-items:center;gap:var(--space-3);font-size:16px;font-weight:700;color:var(--navy-800)}.btn-link-current-month{display:inline-flex;align-items:center;gap:4px;background:#0d94881a;color:var(--teal-600);border:1px solid rgba(13,148,136,.2);border-radius:var(--radius-full);padding:3px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-link-current-month:hover{background:#0d94882e;transform:translateY(-1px)}.attendance-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media(min-width:768px){.attendance-stats-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-4)}}.stat-card{background:var(--surface);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-header{display:flex;align-items:center;justify-content:space-between}.stat-card-icon{opacity:.85}.stat-card-primary{border-left:4px solid var(--teal-500)}.stat-card-success{border-left:4px solid #16a34a}.stat-card-warning{border-left:4px solid #f59e0b}.stat-card-info{border-left:4px solid #2563eb}.stat-label{font-size:12px;color:var(--muted);font-weight:600}.stat-value{font-size:20px;font-weight:800;line-height:1.2}.stat-unit{font-size:12px;font-weight:600;color:var(--muted)}.stat-subtext{font-size:11px;color:var(--muted-light)}.attendance-records-list{display:flex;flex-direction:column;gap:var(--space-3)}.records-header-row{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.records-header{font-size:15px;font-weight:700;color:var(--navy-800)}.records-counter{font-size:12px;font-weight:600}.attendance-record-card{background:var(--surface);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-sm);transition:transform .15s ease,border-color .15s ease}.attendance-record-card:hover{transform:translateY(-1px);border-color:var(--border-focus)}.record-top-row{display:flex;justify-content:space-between;align-items:center}.record-date{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.record-date-title{font-size:14px;font-weight:700;color:var(--navy-800)}.record-method-badge{font-size:10px;font-weight:700;color:var(--teal-700);background:#0d94881a;padding:2px 7px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:3px;letter-spacing:.3px}.record-time-row{display:flex;align-items:center;gap:var(--space-4);font-size:13px;background:var(--bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius)}.record-time-item{display:flex;align-items:center;gap:4px}.time-sublabel{color:var(--muted);font-size:12px}.time-display-val{color:var(--navy-800);font-family:var(--font-mono);font-weight:700}.record-time-divider{color:var(--muted-light);font-size:12px}.record-duration{margin-left:auto;font-size:12px;font-weight:700;color:var(--teal-600);display:flex;align-items:center;gap:4px}.record-note{font-size:12px;color:var(--muted);border-top:1px dashed var(--border-light);padding-top:var(--space-2)}.attendance-empty-records{display:flex;flex-direction:column;align-items:center;padding:var(--space-8);gap:var(--space-2);color:var(--muted);text-align:center;background:var(--surface);border-radius:var(--radius);border:1px dashed var(--border)}.attendance-loading{display:flex;flex-direction:column;align-items:center;padding:var(--space-8);gap:var(--space-3);color:var(--muted)}.attendance-error-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-6);gap:var(--space-3);text-align:center}.celebration-overlay{position:fixed;inset:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto;animation:celebrationFadeIn .25s ease-out}@keyframes celebrationFadeIn{0%{opacity:0}to{opacity:1}}.celebration-card{position:relative;background:var(--surface, #ffffff);border-radius:var(--radius-xl, 20px);padding:20px 20px 22px;width:100%;max-width:420px;max-height:calc(100dvh - 32px);overflow-y:auto;text-align:center;box-shadow:0 20px 40px #00000040;animation:celebrationSlideUp .35s cubic-bezier(.175,.885,.32,1.275);z-index:10;margin:auto}@keyframes celebrationSlideUp{0%{transform:scale(.85) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.celebration-close-btn{position:absolute;top:12px;right:12px;border:none;background:var(--bg, #f1f5f9);border-radius:var(--radius-full, 9999px);width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--muted, #64748b);cursor:pointer;z-index:2}.celebration-badge{position:relative;width:56px;height:56px;margin:0 auto 10px}.celebration-icon-wrapper{width:56px;height:56px;border-radius:var(--radius-full, 9999px);background:linear-gradient(135deg,#22c55e26,#0d948840);display:flex;align-items:center;justify-content:center;color:#16a34a;animation:celebrationPulse 1.5s infinite}@keyframes celebrationPulse{0%{transform:scale(.95);box-shadow:0 0 #22c55e66}70%{transform:scale(1.05);box-shadow:0 0 0 14px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.celebration-sparkle{position:absolute;color:#f59e0b}.celebration-sparkle-1{top:-4px;right:2px;animation:sparkleRotate 2s linear infinite}.celebration-sparkle-2{bottom:2px;left:-2px;animation:sparkleRotate 2s linear infinite reverse}@keyframes sparkleRotate{0%{transform:rotate(0) scale(.8)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(.8)}}.celebration-title{font-size:18px;font-weight:800;color:var(--navy-800, #1e293b);margin-bottom:4px}.celebration-message{font-size:12.5px;color:var(--muted, #64748b);margin-bottom:12px;line-height:1.4}.checkout-wage-card{position:relative;display:grid;gap:4px;margin:0 0 12px;padding:12px 14px;overflow:hidden;border-radius:14px;color:#fff;background:linear-gradient(135deg,#059669,#0d9488 60%,#0891b2);box-shadow:0 8px 20px #05966938}.checkout-wage-card:after{content:"";position:absolute;width:80px;height:80px;right:-24px;top:-36px;border-radius:50%;background:#ffffff29}.checkout-wage-card>span{font-size:10.5px;font-weight:800;letter-spacing:.05em}.checkout-wage-card>strong{font-size:clamp(22px,6vw,28px);line-height:1.15;text-shadow:0 2px 6px rgba(0,0,0,.12)}.checkout-wage-card>small{font-size:12px;font-weight:700;opacity:.92}.checkout-wage-card.is-pending{background:linear-gradient(135deg,#475569,#334155)}.celebration-xu-card{position:relative;display:grid;gap:3px;margin:0 0 12px;padding:11px 14px;overflow:hidden;border-radius:14px;color:#fff;background:linear-gradient(135deg,#b45309,#d97706 55%,#f59e0b);box-shadow:0 8px 20px #d977063d}.celebration-xu-card{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px}.celebration-xu-dong{font-size:30px;line-height:1}.celebration-xu-card>span{font-size:10.5px;font-weight:800;letter-spacing:.05em}.celebration-xu-card>strong{font-size:clamp(20px,5.5vw,26px);line-height:1.15;font-variant-numeric:tabular-nums;text-shadow:0 2px 6px rgba(0,0,0,.12)}.celebration-xu-card>small{font-size:12px;font-weight:700;opacity:.92}.celebration-xu-card--hoa{background:linear-gradient(135deg,#475569,#64748b);box-shadow:0 8px 20px #47556938}.celebration-xu-card--thua{background:linear-gradient(135deg,#991b1b,#dc2626);box-shadow:0 8px 20px #dc262638}.celebration-report-issue{display:block;margin:0 0 12px;color:#b45309;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.celebration-details{background:var(--bg, #f8fafc);border-radius:var(--radius, 10px);padding:10px 12px;display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:12.5px;border:1px solid var(--border-color, #e2e8f0)}.celebration-report{margin:0 0 12px;padding:10px 12px;border:1px solid rgba(13,148,136,.2);border-radius:10px;background:#0d94880f;text-align:left}.celebration-report>span{display:block;margin-bottom:4px;color:var(--teal-700, #0f766e);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.celebration-report p{max-height:80px;margin:0;overflow-y:auto;color:var(--text-primary, #0f172a);font-size:12.5px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.celebration-detail-row{display:flex;justify-content:space-between;align-items:center}.celebration-action-btn{width:100%;justify-content:center;padding:11px;font-size:14px;font-weight:700}.celebration-confetti-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.confetti-piece{position:absolute;top:-20px;width:10px;height:14px;opacity:.9;border-radius:2px;animation:confettiFall linear forwards}.confetti-1{background:#f59e0b;transform:rotate(15deg)}.confetti-2{background:#10b981;transform:rotate(-25deg)}.confetti-3{background:#3b82f6;transform:rotate(45deg)}.confetti-4{background:#ec4899;transform:rotate(-15deg)}.confetti-5{background:#8b5cf6;transform:rotate(30deg)}.confetti-6{background:#06b6d4;transform:rotate(-40deg)}@keyframes confettiFall{0%{top:-20px;transform:translateY(0) rotate(0) rotateX(0)}to{top:105%;transform:translateY(0) rotate(720deg) rotateX(360deg)}}body:has(.company-page-dark),html:has(.company-page-dark),#root:has(.company-page-dark),.app-layout:has(.company-page-dark),.main-content:has(.company-page-dark),main:has(.company-page-dark){background-color:#060608!important}.fs-oval{border-style:solid!important;border-width:3px!important;border-color:#ffffff8c!important;transition:border-color .25s ease,transform .25s ease}.fs-giu .fs-oval{border-color:#f2c14e!important}.fs-chop .fs-oval{border-color:#f2c14e!important;animation:fs-nhip 1.1s ease-in-out infinite}.fs-xong .fs-oval{border-color:#3fbf7f!important}.fs-hint{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#0000008c}.fs-buoc{display:flex;gap:8px;justify-content:center;list-style:none;margin:10px 16px 0;padding:0;counter-reset:fsb;flex-wrap:wrap}.fs-buoc li{counter-increment:fsb;font-size:12px;font-weight:600;color:var(--text-muted, #7a6a5a);padding:5px 10px;border-radius:999px;border:1px solid var(--border, #e6dccb)}.fs-buoc li:before{content:counter(fsb) " · ";opacity:.7}.fs-buoc li.on{color:#8a5a12;border-color:#f2c14e;background:#f2c14e24}.fs-buoc li.done{color:#1f7a4d;border-color:#3fbf7f;background:#3fbf7f1f}.fs-thong-bao{display:flex;gap:8px;align-items:flex-start;margin:10px 16px 0;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.45;color:#8a3b12;background:#e6783c1f;border:1px solid rgba(230,120,60,.35)}.fs-note{margin:0;text-align:center;font-size:12px;color:var(--text-muted, #7a6a5a)}@keyframes fs-nhip{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.fs-chop .fs-oval{animation:none}}.ban-sao-dai{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:13px;line-height:1.4;color:#6b4a10;background:#fff4d9;border-bottom:1px solid #f0d58f}.ban-sao-dai>svg{flex-shrink:0}.ban-sao-dai button{margin-left:auto;flex-shrink:0;background:none;border:0;color:inherit;font-weight:600;cursor:pointer;padding:2px 6px}@media(prefers-color-scheme:dark){.ban-sao-dai{color:#f6dc9c;background:#3a2e14;border-bottom-color:#5c4718}}.cch-co-le{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;border:1px solid var(--border, #e6dccb);background:var(--surface, #fff);color:var(--text-muted, #7a6a5a);cursor:pointer}.cch-co-le:hover{color:#8a5a12;border-color:#d9b46a}.cch-nen{position:fixed;inset:0;z-index:80;background:#140e068c;display:flex;align-items:flex-end;justify-content:center}@media(min-width:720px){.cch-nen{align-items:center}}.cch-hop{width:min(760px,100%);max-height:92vh;overflow:auto;background:var(--surface, #fff);color:var(--text, #2b2118);border-radius:18px 18px 0 0;padding:18px 16px 24px;display:flex;flex-direction:column;gap:14px}@media(min-width:720px){.cch-hop{border-radius:18px}}.cch-dau{display:flex;gap:12px;align-items:flex-start}.cch-dau h3{margin:0 0 4px;font-size:18px}.cch-dau p{margin:0;font-size:13px;color:var(--text-muted, #7a6a5a);line-height:1.45}.cch-dau button{margin-left:auto;background:none;border:0;color:inherit;cursor:pointer;padding:4px}.cch-so{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px}.cch-so>div{border:1px solid var(--border, #e6dccb);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.cch-so b{font-size:18px;font-variant-numeric:tabular-nums}.cch-so span{font-size:12px;color:var(--text-muted, #7a6a5a)}.cch-so .tot b{color:#1f7a4d}.cch-so .canh b{color:#a86a0c}.cch-so .xau b{color:#b33a2a}.cch-loc{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.cch-loc button{border:1px solid var(--border, #e6dccb);background:none;color:inherit;border-radius:999px;padding:5px 12px;font-size:13px;cursor:pointer}.cch-loc button.on{background:#2b2118;color:#fff;border-color:#2b2118}.cch-loc .cch-lam-moi{margin-left:auto;padding:5px 8px}.cch-ds{display:flex;flex-direction:column;gap:8px}.cch-trong{margin:12px 0;text-align:center;font-size:13px;color:var(--text-muted, #7a6a5a)}.cch-dong{border:1px solid var(--border, #e6dccb);border-radius:12px;padding:10px 12px;display:grid;gap:8px}.cch-chinh{display:flex;flex-direction:column;gap:2px;font-size:13px}.cch-chinh b{font-size:14px}.cch-chinh small{color:var(--text-muted, #7a6a5a)}.cch-chinh .cch-loi{color:#b33a2a}.cch-the{display:flex;gap:6px;flex-wrap:wrap}.cch-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:999px;background:#7864461a}.cch-chip.hub{background:#b8862f29;color:#7a5410}.cch-chip.tt-DA_GUI,.cch-chip.tt-DA_CO_HRM,.cch-chip.mat-KHOP{background:#3fbf7f24;color:#1f7a4d}.cch-chip.tt-CHO_GUI,.cch-chip.tt-LOI_TAM,.cch-chip.mat-DANG_KY{background:#f2c14e33;color:#8a5a12}.cch-chip.tt-LOI,.cch-chip.mat-KHONG_KHOP{background:#c8463224;color:#a3301f}.cch-nut{display:flex;gap:6px;flex-wrap:wrap}.cch-nut button{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border, #e6dccb);background:none;color:inherit;border-radius:8px;padding:4px 10px;font-size:12.5px;cursor:pointer}.cch-anh{position:fixed;inset:0;z-index:90;background:#000c;display:flex;align-items:center;justify-content:center;padding:16px}.cch-anh img{max-width:100%;max-height:88vh;border-radius:12px}@media(prefers-color-scheme:dark){.cch-loc button.on{background:#f2e6cf;color:#2b2118}}.fs-dang-ky{display:flex;justify-content:center;gap:10px;margin:10px 16px 0}.fs-dang-ky span{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:2px solid var(--border, #e6dccb);color:var(--text-muted, #7a6a5a);font-variant-numeric:tabular-nums}.fs-dang-ky span.xong{border-color:#3fbf7f;background:#3fbf7f;color:#fff}.fs-tien-do{position:absolute;left:16px;right:16px;bottom:12px;height:6px;border-radius:999px;background:#ffffff40;overflow:hidden}.fs-tien-do span{display:block;height:100%;background:#3fbf7f;transition:width .2s ease}.fs-buoc li:before{content:none}.fs-buoc{gap:6px}.fs-buoc li{padding:4px 9px}.cch-han{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px}.cch-han span{color:var(--text-muted, #7a6a5a);margin-right:4px}.cch-han button{border:1px solid var(--border, #e6dccb);background:none;color:inherit;border-radius:999px;padding:5px 12px;font-size:13px;cursor:pointer}.cch-han button.on{background:#1f7a4d;border-color:#1f7a4d;color:#fff}.fs-oval{position:relative}.fs-guide .fs-oval{border-color:transparent!important}.fs-guide .fs-oval:before{content:"";position:absolute;inset:-1600px;pointer-events:none;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);-webkit-mask:radial-gradient(ellipse 100px 125px at 50% 50%,transparent 98%,#000 100%);mask:radial-gradient(ellipse 100px 125px at 50% 50%,transparent 98%,#000 100%)}.fs-vong{position:absolute;inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);overflow:visible}.fs-vong ellipse{fill:none;stroke-width:6}.fs-vong-nen{stroke:#ffffff73;stroke-dasharray:2 3;stroke-width:3!important}.fs-vong-chay{stroke:#3fdc8f;stroke-linecap:round;transition:stroke-dasharray .18s linear;filter:drop-shadow(0 0 4px rgba(63,220,143,.7))}.fs-chop .fs-vong-nen{stroke:#f2c14ed9}.fs-guide .fs-hint{position:relative}.fs-giu .fs-vong-nen,.fs-xong .fs-vong-nen{stroke:#3fdc8f8c;stroke-dasharray:none}@media(prefers-reduced-motion:reduce){.fs-vong-chay{transition:none}}.fs-nhan-ra{margin:10px 16px 0;padding:8px 12px;border-radius:10px;font-size:13px;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.fs-nhan-ra.tot{color:#1f7a4d;background:#3fbf7f21;border:1px solid rgba(63,191,127,.4)}.fs-nhan-ra.can{color:#8a5a12;background:#f2c14e29;border:1px solid rgba(242,193,78,.5)}.cch-chua-ca{border:1px solid rgba(242,193,78,.55);background:#f2c14e1f;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.45}.cch-chua-ca button{background:none;border:0;padding:0;color:inherit;text-align:left;cursor:pointer;font-size:13px}.cch-chua-ca b{color:#8a5a12}.cch-chua-ca ul{margin:8px 0 0;padding-left:18px;max-height:220px;overflow:auto}.cch-chua-ca li{margin:2px 0}@media(prefers-color-scheme:dark){.cch-chua-ca b{color:#f2c14e}}.celebration-card.cg{padding:14px 16px 16px;max-width:380px}.cg-dau{display:flex;align-items:center;justify-content:center;gap:8px;margin:2px 28px 12px}.cg-tich{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dcfce7;color:#16a34a;flex:none}.cg-tieu-de{margin:0;font-size:19px;font-weight:800;color:var(--text-primary, #0f172a);line-height:1.2}.cg-so{display:flex;gap:8px;align-items:stretch}.cg-tien{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:9px 12px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#059669,#0d9488 60%,#0891b2)}.cg-tien.cho{background:linear-gradient(135deg,#475569,#334155)}.cg-tien>span{font-size:11px;font-weight:700;opacity:.9}.cg-tien>strong{font-size:24px;line-height:1.15;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.cg-tien>small{font-size:11px;opacity:.9}.cg-xu{display:flex;align-items:center;justify-content:center;gap:4px;padding:9px 14px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#b45309,#d97706 55%,#f59e0b)}.cg-xu.celebration-xu-card--hoa{background:linear-gradient(135deg,#475569,#64748b)}.cg-xu.celebration-xu-card--thua{background:linear-gradient(135deg,#991b1b,#dc2626)}.cg-xu>strong{font-size:22px;font-variant-numeric:tabular-nums}.cg-xu>span{font-size:18px}.cg-dong{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:10px 0 0;font-size:12.5px;font-weight:700;color:var(--text-secondary, #475569)}.cg-dong>span{padding:4px 10px;border-radius:999px;background:var(--bg, #f1f5f9);font-variant-numeric:tabular-nums}.cg-dong>.cg-xanh{background:#dcfce7;color:#15803d}.cg-dong>.cg-vang{background:#fef3c7;color:#b45309}.cg-bao-cao{margin:8px 0 0;font-size:12.5px;color:var(--text-secondary, #475569);text-align:left;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cg-sai{display:block;margin:8px 0 0;font-size:12px;color:#b45309;text-decoration:underline}.celebration-card.cg .celebration-action-btn{margin-top:10px;padding:10px}.cg-so{justify-content:center}.trang-dang-tai{width:28px;height:28px;border-radius:50%;border:3px solid color-mix(in srgb,currentColor 15%,transparent);border-top-color:#4f6bff;animation:trang-dang-tai-xoay .8s linear infinite}@keyframes trang-dang-tai-xoay{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.trang-dang-tai{animation-duration:2.4s}}.bottom-nav-dem.gap{animation:navGap 1.6s ease-in-out infinite}.bottom-nav-gap{position:absolute;top:-2px;left:calc(100% - 6px);width:9px;height:9px;border-radius:50%;background:#e5395b;box-shadow:0 0 0 2px var(--surface, #fff)}@keyframes navGap{50%{box-shadow:0 0 0 2px var(--surface, #fff),0 0 0 5px #e5395b59}}@media(prefers-reduced-motion:reduce){.bottom-nav-dem.gap{animation:none}}