*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#7b0000,#210000 60%,#080000);font-family:Segoe UI,Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}.page{min-height:100vh;display:flex;justify-content:center;padding:20px 10px}.posterShell{width:min(100%,1024px);position:relative}.pageNav{width:min(100%,1024px);margin:0 auto 14px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.navButton{border:1px solid rgba(255,255,255,.32);background:#0000008a;color:#fff;border-radius:999px;padding:10px 18px;cursor:pointer;font-weight:750;box-shadow:0 8px 20px #00000047}.navButton:hover,.navButton.isActive{background:linear-gradient(180deg,#ffd523,#ff9800);border-color:#fff1a2;color:#7a0500}.poster{position:relative;width:100%;aspect-ratio:1024 / 1536;background-image:url(/poster-taekwondo-phu-my.png);background-size:contain;background-position:center;background-repeat:no-repeat;border:2px solid #fff;border-radius:4px;overflow:hidden;box-shadow:0 25px 80px #000000a6,0 0 0 2px #0000001f}.poster input[type=text],.poster input[type=tel],.poster input[type=date],.poster textarea,.poster select{position:absolute;border:1.7px solid #e87724;border-radius:5px;background:#fffaf0d1;color:#23110b;font-size:clamp(9px,1.1vw,15px);font-weight:700;line-height:1;padding:.45% .75%;outline:none;box-shadow:inset 0 1px 2px #00000014}.poster input[type=date]{padding-top:0;padding-bottom:0}.poster textarea{resize:none;line-height:1.2}.poster select{appearance:none;cursor:pointer;font-size:clamp(8px,.92vw,13px);padding-right:1.2%}.poster input:focus,.poster textarea:focus,.poster select:focus{background:#fffffff5;border-color:#ffd000;box-shadow:0 0 0 2px #ffd00059,inset 0 1px 2px #00000014}.radio,.check{position:absolute;width:1.65%;aspect-ratio:1;min-width:13px;min-height:13px;accent-color:#ffcc00;cursor:pointer}.fieldLabel,.optionLabel{position:absolute;z-index:22;color:#2d160b;font-family:Segoe UI,Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:0;line-height:1.08;text-transform:uppercase;text-shadow:0 1px 0 rgba(255,255,255,.72);pointer-events:none;white-space:nowrap}.fieldLabel{font-size:clamp(8px,.9vw,14px)}.optionLabel{font-size:clamp(8px,.86vw,13px);text-transform:none}.labelHoTen{left:3.6%;top:61.18%}.labelCapDai{left:42%;top:61.18%}.labelNgaySinh{left:3.6%;top:63.82%}.labelGioiTinh{left:3.6%;top:66.35%}.labelNam{left:13.9%;top:66.16%}.labelNu{left:21.6%;top:66.16%}.labelDiaDiem{left:3.6%;top:68.35%}.labelDiaChi{left:3.6%;top:70.58%}.labelSoDienThoai{left:3.6%;top:73.13%}.labelPhuHuynh{left:3.6%;top:75.75%}.labelCaTap{left:44.4%;top:63.82%}.labelCa1{left:47.6%;top:66.16%}.labelCa2{left:47.6%;top:68.16%}.labelGhiChu{left:44.4%;top:70.55%}.btnSubmit{position:absolute;left:25%;top:78.4%;width:22.8%;height:3.2%;border:2px solid #fff4a4;border-radius:999px;background:linear-gradient(180deg,#ffd945,#ff9f13 54%,#d92600);color:#fff;cursor:pointer;z-index:30;box-shadow:0 7px 16px #7a050052,inset 0 1px #ffffff8c;text-shadow:0 2px 2px rgba(104,0,0,.45)}.btnSubmit:after{content:"ĐĂNG KÝ NGAY";position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;font-size:clamp(10px,1.25vw,17px);font-weight:900;letter-spacing:0;transition:box-shadow .18s ease,background .18s ease,transform .18s ease}.btnSubmit:hover:after{background:#ffffff14;box-shadow:0 0 22px #ffda00cc}.btnSubmit:disabled{cursor:wait;filter:grayscale(.25);opacity:.82}.btnSubmit.isSubmitting:after{content:"ĐANG LƯU..."}.btnSubmit:active{transform:translateY(1px)}.qrOverlay{position:absolute;left:75.25%;top:74.65%;width:19.45%;aspect-ratio:1;border-radius:4px;background:#fff url(/qrghidanh.png) center / contain no-repeat;box-shadow:0 2px 8px #00000040;z-index:24}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#hoTen{left:18.4%;top:60.85%;width:23.4%;height:1.95%}#capDai{left:58.8%;top:60.85%;width:10.4%;height:1.95%}#ngaySinh{left:18.4%;top:63.5%;width:23.4%;height:1.95%}#nam{left:11.8%;top:66.03%}#nu{left:19.6%;top:66.03%}#diaDiemTapLuyen{left:20.5%;top:67.55%;width:21.3%;height:2%;z-index:19}#diaChi{left:10.9%;top:70.18%;width:30.9%;height:1.95%}#soDienThoai{left:20%;top:72.8%;width:21.8%;height:1.95%}#phuHuynh{left:23.1%;top:75.4%;width:18.7%;height:1.95%}#ca1{left:45.1%;top:66.03%}#ca2{left:45.1%;top:68.03%}#ghiChu{left:44.4%;top:72.15%;width:24%;height:4.95%}.tools{width:min(100%,1024px);margin:14px auto 0;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.toolBtn{border:1px solid rgba(255,255,255,.25);background:#0000008c;color:#fff;border-radius:999px;padding:10px 16px;cursor:pointer;font-weight:700}.toolBtn:hover{background:#ffffff24}.toolBtn:disabled{cursor:wait;opacity:.65}.saveStatus{width:min(100%,1024px);min-height:22px;margin:10px auto 0;color:#ffe8a3;font-size:14px;font-weight:700;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.5)}.jsonPanel{margin:18px auto 0;width:min(100%,1024px);background:#111;color:#78ffb0;border:1px solid rgba(255,218,0,.45);border-radius:12px;padding:16px;box-shadow:0 18px 45px #00000059}.jsonPanel h2{color:#fff;margin:0 0 10px;font-size:18px}.jsonPanel pre{white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.5}.listPage{width:min(100%,1024px);margin:0 auto;background:#fff8ec;border:2px solid #ffb000;border-radius:10px;overflow:hidden;box-shadow:0 24px 70px #00000073}.listHeader{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;background:linear-gradient(180deg,#930900,#4d0000);color:#fff}.listHeader h1{margin:0;font-size:26px;line-height:1.15}.listHeader p{margin:6px 0 0;color:#ffe6a6;font-size:14px}.listActions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.listSearch{padding:14px 20px;background:#fff1d8;border-bottom:1px solid rgba(122,5,0,.16)}.listSearch input{width:100%;min-height:42px;border:1px solid rgba(122,5,0,.28);border-radius:8px;background:#fff;color:#24120a;font-size:15px;font-weight:650;outline:none;padding:10px 14px}.listSearch input:focus{border-color:#ff9f13;box-shadow:0 0 0 3px #ff9f1338}.tableWrap{width:100%;overflow-x:auto}.registrationTable{width:100%;border-collapse:collapse;color:#24120a;font-size:15px}.registrationTable th,.registrationTable td{padding:12px 14px;border-bottom:1px solid rgba(122,5,0,.16);text-align:left;vertical-align:top}.registrationTable th{background:#ffe0a8;color:#7a0500;font-weight:850;white-space:nowrap}.registrationTable td:first-child,.registrationTable th:first-child{width:68px;text-align:center}.registrationTable tbody tr:nth-child(2n){background:#fff1d8}.registrationTable tbody tr:hover{background:#ffe8bd}.emptyCell{text-align:center!important;padding:26px 14px!important;color:#7a0500;font-weight:700}@media(max-width:640px){.page{padding:0;background:#160000}.poster{border-radius:0;box-shadow:none}.poster input[type=text],.poster input[type=tel],.poster input[type=date],.poster textarea{border-width:1px;font-size:9px}.check,.radio{min-width:10px;min-height:10px}.listHeader{align-items:flex-start;flex-direction:column}.listHeader h1{font-size:22px}.registrationTable{font-size:13px}.registrationTable th,.registrationTable td{padding:10px}}
