:root{--nen: #2b86ff;--the: #ffffff;--xanh: #0450ee;--xanh-mo: #e6f0ff;--xanh-nut: #d8e9ff;--luc: #12b76a;--do: #d92d20;--cam: #f79009;--t1: #101828;--t2: #475467;--t3: #667085;--vien: #eaecf0;--vien-o: #d0d5dd}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--nen);color:var(--t1);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;-webkit-text-size-adjust:100%}#app{min-height:100vh;min-height:100dvh;padding:14px 12px calc(18px + env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:flex-start}.the{width:100%;max-width:460px;background:var(--the);border-radius:18px;padding:20px 18px;box-shadow:0 4px 24px #081e4629}.logo{display:block;margin:0 auto 16px;height:auto;width:150px;padding-bottom:14px;border-bottom:1px solid var(--vien)}.dau-don{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px}.dau-don .nhan-don{font-weight:600;color:var(--t2)}.ma-don{background:var(--xanh-mo);color:var(--xanh);font-weight:700;padding:5px 12px;border-radius:8px;font-variant-numeric:tabular-nums}.vien-tt{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:10px;font-weight:700;color:#fff;font-size:14px}.vien-tt.xong{background:var(--luc)}.vien-tt.lam{background:var(--xanh)}.vien-tt.cho{background:var(--cam)}.vien-tt.tat{background:#98a2b3}.tieu-de{text-align:center;font-size:21px;font-weight:700;margin:2px 0 4px}.phu-de{text-align:center;color:var(--t2);margin:0 0 18px}.khoi{border:1px solid var(--vien);border-radius:12px;padding:14px;margin-bottom:14px}.khoi h3{margin:0 0 12px;font-size:16px;font-weight:700}.dong{display:flex;justify-content:space-between;gap:14px;padding:6px 0}.dong .nhan{color:var(--t3);flex:0 0 auto}.dong .gia-tri{text-align:right;font-weight:500}.mon{border:1px solid var(--vien);border-radius:10px;padding:12px;margin-bottom:10px}.mon:last-child{margin-bottom:0}.mon-dau{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.mon-ten{font-weight:600}.mon-tien{color:var(--luc);font-weight:700;white-space:nowrap}.mon-phu{color:var(--t3);font-size:13.5px;margin-top:3px}.tong{display:flex;justify-content:space-between;padding:8px 0}.tong+.tong{border-top:1px solid var(--vien)}.tong.dam{font-weight:700;font-size:17px}.no{color:var(--do);font-weight:700}label{display:block;margin:14px 0 6px;font-weight:500}label:first-of-type{margin-top:0}label .sao{color:var(--do)}input,textarea,select{width:100%;padding:13px 14px;font:inherit;font-size:16px;border:1.5px solid var(--vien-o);border-radius:10px;background:#fff;color:var(--t1);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--xanh)}textarea{min-height:76px;resize:vertical}.hai-o{display:grid;grid-template-columns:1fr 1fr;gap:10px}.goi-y{list-style:none;margin:8px 0 0;padding:0;border:1px solid var(--vien);border-radius:10px;overflow:hidden}.goi-y li+li{border-top:1px solid var(--vien)}.goi-y button{display:block;width:100%;text-align:left;padding:12px 13px;font:inherit;font-size:14.5px;background:#fff;border:0;cursor:pointer;color:var(--t1)}.goi-y button:active{background:var(--xanh-mo)}.nut{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:12px;padding:15px;font:inherit;font-size:16px;font-weight:700;border:0;border-radius:11px;cursor:pointer}.nut.chinh{background:var(--xanh);color:#fff}.nut.phu{background:var(--xanh-nut);color:var(--xanh)}.nut:disabled{opacity:.55;cursor:default}.bao{border-radius:11px;padding:13px 14px;margin-bottom:14px}.bao.loi{background:#fef3f2;color:#912018;border:1px solid #fecdca}.bao.ok{background:#ecfdf3;color:#05603a;border:1px solid #a6f4c5}.bao.tin{background:var(--xanh-mo);color:#0b4a9c;border:1px solid #b2d4ff}.giua{text-align:center}.mo{color:var(--t3)}.nho{font-size:13.5px}.qr img{width:100%;max-width:280px;border-radius:12px}.dang-tai{text-align:center;padding:40px 0;color:var(--t3)}.the-don{border:1px solid var(--vien);border-radius:12px;padding:14px;margin-bottom:10px;cursor:pointer;background:#fff;display:block;width:100%;text-align:left;font:inherit}.the-don:active{background:#f9fafb}