:root{--font: Inter, -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--accent:#FFFFFF;--accent-fg:#000000;--ink:255,255,255;--win-bg:#111010;--panel-bg:rgba(255,255,255,.045);--card-bg:rgba(255,255,255,.045);--card-hov:rgba(255,255,255,.08);--mat-kinh:linear-gradient(158deg, rgba(255,255,255,.1) 0%, rgba(255,255,255,.03) 42%, rgba(255,255,255,.055) 100%);--t1:#F5F5F7;--t2:rgba(255,255,255,.62);--t3:rgba(255,255,255,.38);--border:.5px solid rgba(255,255,255,.12);--border-md:.5px solid rgba(255,255,255,.18);--border-hi:.5px solid rgba(255,255,255,.28);--kinh: blur(13px) saturate(150%) brightness(1.22);--kinh-nhe: blur(9px) saturate(140%) brightness(1.18);--noi: inset 0 1px 0 rgba(255,255,255,.26), inset 0 -1px 0 rgba(255,255,255,.06), 0 14px 40px rgba(0,0,0,.42);--bg-image: url(/liquid-bg.jpg);--mo-nen: 20px;--bg-lot: radial-gradient(58% 44% at 18% 12%, rgba(255,255,255,.2), transparent 62%), radial-gradient(48% 40% at 88% 22%, rgba(255,255,255,.13), transparent 60%), radial-gradient(64% 52% at 72% 88%, rgba(255,255,255,.1), transparent 64%), radial-gradient(40% 36% at 34% 76%, rgba(255,255,255,.07), transparent 58%), linear-gradient(152deg, #23222A 0%, #17161C 46%, #0D0D11 100%);--green:#32D74B;--amber:#FFD426;--red:#FF453A;--mo-kinh:26px}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-tap-highlight-color:transparent}body{margin:0;background:var(--win-bg);color:var(--t1);font:14px/1.55 var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.btn{padding:0 14px;height:34px;border-radius:8px;border:var(--border-md);background:rgba(var(--ink),.07);color:var(--t1);font-size:12px;font-weight:600;backdrop-filter:var(--kinh-nhe);-webkit-backdrop-filter:var(--kinh-nhe);display:inline-flex;align-items:center;gap:6px;transition:background .18s ease}.btn:hover{background:rgba(var(--ink),.09)}.btn.chinh{background:var(--accent);border-color:transparent;color:var(--accent-fg);font-weight:700}.btn.to{height:52px;padding:0 26px;font-size:16px;border-radius:12px}.btn:disabled{opacity:.4}.hang{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.giua-ngang{justify-content:center;gap:10px}.app,.qt{display:flex;flex-direction:column;height:100%;position:fixed;inset:0;background:var(--win-bg);z-index:60;isolation:isolate}.app:before,.qt:before,.kiosk:before{content:"";position:absolute;z-index:-2;inset:calc(var(--mo-nen) * -3);background-image:var(--bg-image),var(--bg-lot);background-size:cover;background-position:center;filter:saturate(1.2) blur(var(--mo-nen))}.app:after,.qt:after,.kiosk:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0a0a0b2e,#0a0a0b6b)}.top{position:relative;z-index:1;display:flex;gap:8px;align-items:center;overflow-x:auto;padding:calc(env(safe-area-inset-top) + 10px) 16px 10px;border-bottom:var(--border-md);background:#ffffff0d;backdrop-filter:var(--kinh);-webkit-backdrop-filter:var(--kinh);box-shadow:inset 0 -1px #ffffff14}.top h1{font-size:14px;font-weight:700;margin:0 auto 0 0;white-space:nowrap}.top h1 span{color:var(--t3);font-weight:400}.tab{padding:6px 12px;border-radius:7px;border:var(--border);background:transparent;color:var(--t2);font-size:11.5px;font-weight:600;white-space:nowrap}.tab.on{background:var(--accent);border-color:transparent;color:var(--accent-fg);font-weight:700}.body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 16px 60px;position:relative;z-index:1}.wrap{max-width:840px;margin:0 auto}.card{background:var(--mat-kinh);border:var(--border-md);border-radius:14px;padding:14px 16px;margin:0 0 12px;backdrop-filter:var(--kinh);-webkit-backdrop-filter:var(--kinh);box-shadow:var(--noi)}.card h2{font-size:14px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em}.card p.sub{font-size:11px;color:var(--t3);margin:0 0 12px;line-height:1.5}.kq{font-family:var(--mono);font-size:11px;line-height:1.55;color:var(--t2);background:#0000004d;border:var(--border);border-radius:9px;backdrop-filter:var(--kinh-nhe);-webkit-backdrop-filter:var(--kinh-nhe);padding:10px 12px;margin-top:10px;white-space:pre-wrap;word-break:break-word;max-height:320px;overflow:auto}.tag{display:inline-block;font-family:var(--mono);font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:10px;margin:0 6px 6px 0;letter-spacing:.04em}.tag.co{background:#32d74b1f;color:var(--green)}.tag.khong{background:#ff453a1f;color:var(--red)}.tag.canh{background:#ffd4261f;color:var(--amber)}select,input,textarea{background:rgba(var(--ink),.06);color:var(--t1);border:var(--border-md);backdrop-filter:var(--kinh-nhe);-webkit-backdrop-filter:var(--kinh-nhe);border-radius:8px;padding:0 10px;height:34px;font-size:12px;font-family:var(--font);max-width:100%}textarea{height:auto;padding:8px 10px;line-height:1.5}select:focus,input:focus,textarea:focus{outline:none;background:rgba(var(--ink),.09);border-color:#ffffff80}input[type=range]{padding:0;accent-color:var(--accent)}input[type=color]{padding:2px;height:34px}.o-nhap{display:block;margin:0 0 12px}.o-nhap span{display:block;font-size:10.5px;font-weight:600;color:var(--t2);margin-bottom:5px}.o-nhap input,.o-nhap textarea,.o-nhap select{width:100%}.cot2{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0 14px}.canh-bao{background:#ffd4261a;color:var(--amber);border-left:2px solid var(--amber);border-radius:0 8px 8px 0;padding:9px 12px;margin:8px 0;font-size:11.5px;line-height:1.5}.canh-bao.loi{background:#ff453a1a;color:var(--red);border-left-color:var(--red)}.dong-hd{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:var(--border);font-size:11.5px}.dong-hd .tt{font-family:var(--mono);font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:10px}.tt.cho{background:#ffd4261f;color:var(--amber)}.tt.xong{background:#32d74b1f;color:var(--green)}.tt.loi{background:#ff453a1f;color:var(--red)}.kiosk{position:fixed;inset:0;background:var(--win-bg);overflow:hidden;isolation:isolate}.anh-nen{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;filter:saturate(1.18)}.goc{position:absolute;top:0;left:0;width:76px;height:76px;z-index:40;background:transparent;border:0;padding:0}.nen-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.nut-qt{position:absolute;right:max(env(safe-area-inset-right),16px);bottom:max(env(safe-area-inset-bottom),16px);z-index:45;padding:0 16px;height:36px;border-radius:999px;font-size:12px;font-weight:600;background:var(--mat-kinh);color:var(--t2);border:var(--border-md);box-shadow:var(--noi);backdrop-filter:var(--kinh);-webkit-backdrop-filter:var(--kinh)}.nut-qt:active{background:var(--accent);color:var(--accent-fg);border-color:transparent}.lop{position:absolute;inset:0;display:flex;overflow-y:auto;padding:max(env(safe-area-inset-top),24px) 24px max(env(safe-area-inset-bottom),24px);background:linear-gradient(180deg,#0a0a0b29,#0a0a0b85)}.lop.giua{align-items:center;justify-content:center;text-align:center}.lop>.hop{margin:auto;width:100%;max-width:660px;border-radius:18px;padding:26px 24px;background:var(--mat-kinh);border:var(--border-md);box-shadow:var(--noi);backdrop-filter:var(--kinh);-webkit-backdrop-filter:var(--kinh)}.lop>.hop.rong{max-width:920px}.hop h2{font-size:clamp(20px,3vw,28px);font-weight:800;margin:0 0 8px;letter-spacing:-.02em}.doan{font-size:16px;line-height:1.55;color:var(--t2);margin:0 0 16px}.doan.nho{font-size:13px;color:var(--t3)}.mo h1{font-size:clamp(34px,7.5vw,76px);font-weight:800;margin:0 0 10px;letter-spacing:-.03em;text-shadow:0 6px 40px rgba(0,0,0,.55)}.mo p{font-size:clamp(15px,2.2vw,22px);color:var(--t2);margin:0 0 28px}.cham{display:inline-block;padding:0 30px;height:56px;line-height:56px;border-radius:999px;border:var(--border-hi);background:var(--mat-kinh);font-size:16px;font-weight:600;box-shadow:var(--noi);backdrop-filter:var(--kinh);-webkit-backdrop-filter:var(--kinh);animation:tho 2.6s ease-in-out infinite}@keyframes tho{0%,to{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}.tren{position:absolute;top:max(env(safe-area-inset-top),18px);left:50%;transform:translate(-50%);padding:0 18px;height:38px;line-height:38px;border-radius:999px;font-size:14px;font-weight:600;background:var(--mat-kinh);border:var(--border-md);box-shadow:var(--noi);backdrop-filter:var(--kinh);-webkit-backdrop-filter:var(--kinh)}.duoi{position:absolute;bottom:max(env(safe-area-inset-bottom),24px);left:0;right:0;display:flex;gap:12px;justify-content:center}.dem{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:min(44vw,320px);font-weight:800;text-shadow:0 8px 60px rgba(0,0,0,.6)}.nhay{position:absolute;inset:0;background:#fff}.xem-tam{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--win-bg)}.luoi-khung{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:14px 0 4px}.luoi-khung.to{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.luoi-khung.to .hinh-khung{height:172px}.luoi-khung.to .ten{font-size:15px;margin-top:12px}.luoi-khung.to .so-tam{font-size:13px;color:var(--t2)}.o-khung{background:var(--mat-kinh);border:var(--border-md);border-radius:12px;padding:12px;text-align:center;backdrop-filter:var(--kinh);-webkit-backdrop-filter:var(--kinh);box-shadow:var(--noi);transition:background .18s ease,border-color .18s ease}.o-khung:active,.o-khung:hover{background:rgba(var(--ink),.09);border-color:#ffffff80}.hinh-khung{width:100%;height:118px;border-radius:6px;background:#fff;display:block}.o-khung .ten{font-size:12.5px;font-weight:700;margin-top:9px}.o-khung .so-tam{font-size:11px;color:var(--t3);font-weight:600;margin-top:2px}.luoi-tam{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;margin:6px 0 16px}.luoi-tam figure{margin:0;position:relative;border-radius:12px;overflow:hidden;border:2px solid transparent}.luoi-tam figure.on{border-color:var(--accent)}.luoi-tam img{width:100%;display:block}.luoi-tam .so{position:absolute;top:8px;left:8px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--accent-fg);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.ban-in{width:100%;max-height:44vh;object-fit:contain;border-radius:12px;background:#fff;margin:0 0 16px}.qr{width:min(58vw,280px);border-radius:14px;background:#fff;padding:10px;margin:4px 0 14px}.dem-in{font-size:min(28vw,168px);font-weight:800;line-height:1;margin-bottom:8px}.nhan-so{font-size:11px;color:var(--t3);margin-right:4px}.xem-truoc{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;border:var(--border-md);display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;margin:10px 0 4px;background:var(--win-bg) url(/liquid-bg.jpg) center/cover}.xem-truoc .t{font-size:24px;font-weight:800;letter-spacing:-.02em;text-shadow:0 3px 20px rgba(0,0,0,.5)}.xem-truoc .p{font-size:12px;color:var(--t2);margin-top:6px}.xem-truoc .n{margin-top:12px;display:inline-block;padding:8px 18px;border-radius:999px;border:var(--border-hi);background:var(--card-bg);font-size:11.5px;backdrop-filter:var(--kinh);-webkit-backdrop-filter:var(--kinh)}.anh-nen{display:none}.xem-khung{width:100%;max-width:520px;border-radius:10px;border:var(--border);display:block;margin-top:12px}.mat-na{position:absolute;inset:0;z-index:5;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:max(env(safe-area-inset-top),64px) 24px max(env(safe-area-inset-bottom),96px)}.o-chup{max-width:100%;max-height:100%;box-shadow:0 0 0 100vmax #08070b9e;border:1.5px solid rgba(255,255,255,.55);border-radius:6px}.mat-na.doc .o-chup{height:100%;width:auto}.mat-na.ngang .o-chup{width:100%;height:auto}.xem-nhanh{display:flex;flex-direction:column;align-items:center;gap:6px;margin:4px 0 14px}.xem-nhanh img{max-height:26vh;max-width:100%;border-radius:10px;background:#fff;box-shadow:var(--noi)}.xem-nhanh span{font-size:12px;color:var(--t3)}.doc-duoc{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0 16px;margin:12px 0 4px;padding:12px 14px;border-radius:12px;background:#00000042;border:var(--border);backdrop-filter:var(--kinh-nhe);-webkit-backdrop-filter:var(--kinh-nhe)}.doc-duoc>div{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:var(--border)}.doc-duoc>div:last-child{border-bottom:0}.doc-duoc span{font-size:11px;color:var(--t3)}.doc-duoc b{font-size:11.5px;font-weight:700;text-align:right}.bao-loi{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;width:min(90vw,520px);text-align:center;padding:22px 24px;border-radius:16px;background:var(--mat-kinh);border:var(--border-md);box-shadow:var(--noi);backdrop-filter:var(--kinh);-webkit-backdrop-filter:var(--kinh)}.bao-loi b{font-size:18px;display:block;margin-bottom:8px}.bao-loi p{font-size:14px;color:var(--t2);margin:0 0 16px;line-height:1.5}.nhac-xoay{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 96px);transform:translate(-50%);z-index:20;width:min(88vw,540px);text-align:center;padding:12px 18px;border-radius:12px;font-size:13.5px;line-height:1.5;color:var(--t2);background:var(--mat-kinh);border:var(--border);box-shadow:var(--noi);backdrop-filter:var(--kinh-nhe);-webkit-backdrop-filter:var(--kinh-nhe)}.anh-khung{width:100%;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#edeaf2;background-image:linear-gradient(45deg,#D9D5E0 25%,transparent 25%,transparent 75%,#D9D5E0 75%),linear-gradient(45deg,#D9D5E0 25%,transparent 25%,transparent 75%,#D9D5E0 75%);background-size:14px 14px;background-position:0 0,7px 7px}.anh-khung img{max-width:100%;max-height:100%;object-fit:contain;display:block}.tao-job{padding-bottom:24px}.tj-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 14px;padding:14px 16px;border-radius:14px;background:var(--mat-kinh);border:var(--border-md);box-shadow:var(--noi);backdrop-filter:var(--kinh);-webkit-backdrop-filter:var(--kinh)}.tj-top h1{font-size:19px;font-weight:800;margin:0}.the{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.02em;vertical-align:middle;background:rgba(var(--ink),.14);color:var(--t2);border:var(--border)}.the.loi{background:#ff453a21;color:var(--red);border-color:#ff453a4d}