:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#172034;background:#f7f7f4}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:22px 16px 80px}header{display:flex;align-items:center;gap:10px;font-weight:800;padding:16px 0 28px}header a{color:inherit;text-decoration:none}.mark{background:#e2f36b;border-radius:12px;padding:9px 13px}.hero{padding:22px 8px 24px}.eyebrow{letter-spacing:.16em;font-size:12px;font-weight:800;color:#65812d}.hero h1{font-size:clamp(35px,7vw,60px);line-height:1.08;letter-spacing:-.045em;margin:10px 0 15px}.hero p{color:#606875;line-height:1.5}.panel{background:white;border:1px solid #e6e8e7;border-radius:24px;padding:26px;max-width:560px;box-shadow:0 12px 35px rgba(30,40,50,.04);margin-bottom:22px}.panel.wide{max-width:100%}.panel h2{margin:6px 0 16px}.label{display:block;font-size:14px;color:#616b73;margin:19px 0 9px;font-weight:700}.stepper{display:flex;align-items:center;justify-content:space-between;border:1px solid #dde0dd;border-radius:14px;padding:8px;max-width:320px}.stepper button{height:47px;width:55px;border:0;border-radius:10px;background:#f0f1ed;font-size:25px;cursor:pointer}.stepper input{text-align:center;width:75px;font-size:26px;font-weight:800;border:none;outline:none;appearance:textfield}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none}.total{margin:26px 0 17px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding-top:21px}.total strong{font-size:28px}.primary,.secondary{border:0;border-radius:13px;padding:16px 20px;font-size:15px;font-weight:800;cursor:pointer}.primary{background:#d9ef66;color:#202b12;width:100%}.secondary{background:#e7e9e9;color:#222;margin-top:16px}.muted{font-size:13px;color:#69727c;line-height:1.6}.notice{background:#e7efdd;padding:14px;border-radius:10px}.qr{width:245px;max-width:100%;display:block;margin:20px auto}.qr.small{width:180px}.details{background:#f7f8f5;border-radius:16px;padding:15px}.details div{padding:10px 3px;border-bottom:1px solid #e9eae7;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.details div:last-child{border-bottom:0}.details span{color:#667078}.details strong{overflow-wrap:anywhere}.status{padding:13px;border-radius:10px;font-weight:700}.pending{background:#fff0d8;color:#8c5e0c}.paid{background:#e8f6e8;color:#206c30}.field{padding:14px;border:1px solid #ccc;width:100%;border-radius:10px;margin-bottom:20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:13px 9px;border-bottom:1px solid #eee;vertical-align:top}small{display:block;color:#89919a;margin-top:5px}td form{display:inline-block;margin:3px}.mini{border:0;background:#e2efab;border-radius:7px;padding:9px;cursor:pointer}.mini.light{background:#eee}@media print{header,.secondary,.primary{display:none}body{background:white}.panel{box-shadow:none;border:0}}