*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:#f5f7fb;color:#172033}.wrap{max-width:1100px;margin:auto;padding:28px}.narrow{max-width:620px}.hero{text-align:center;padding:24px 0}.hero h1{font-size:40px;margin:0 0 8px}.grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 8px 30px rgba(0,0,0,.06)}label{display:block;font-weight:650;margin:16px 0 7px}input,select{width:100%;padding:12px 14px;border:1px solid #d8deea;border-radius:10px;font-size:16px}button{width:100%;border:0;border-radius:10px;padding:13px 16px;margin-top:18px;font-size:16px;font-weight:700;background:#111827;color:white;cursor:pointer}.secondary{background:#334155}.price-box{margin-top:18px;padding:15px;border-radius:12px;background:#f1f5f9}.amount{font-size:38px;font-weight:800;margin:18px 0}.center{text-align:center}.qr{max-width:320px;width:100%;padding:12px;background:white}.success{padding:15px;background:#e8fff0;border-radius:12px}.alert{padding:12px;background:#fff2f2;border-radius:10px;margin:12px 0;color:#8a1c1c}.demo{margin-top:20px;padding:16px;border-radius:12px;background:#fff8df}.status{margin-top:20px;padding:16px;background:#f8fafc;border-radius:12px}.topbar{display:flex;align-items:center;justify-content:space-between}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.stat{background:white;border-radius:16px;padding:20px;box-shadow:0 8px 30px rgba(0,0,0,.05)}.stat b{display:block;font-size:28px}.stat span{color:#64748b}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e5e7eb}@media(max-width:760px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.wrap{padding:16px}.hero h1{font-size:32px}}