*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}body{background:#f2f5f9;color:#222;line-height:1.4}.page{min-height:100vh;display:flex;flex-direction:column}.center{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px}.topbar{background:#4b2e83;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.card{background:#fff;border-radius:12px;padding:20px;margin:16px;box-shadow:0 4px 12px #00000014}.card.small{padding:12px;font-size:.9rem}.brand{font-size:1.8rem;color:#4b2e83;margin-bottom:8px}.balance{font-size:2rem;font-weight:700;color:#28a745;margin:12px 0}.label{display:block;font-weight:500;margin-top:12px;margin-bottom:4px}.input{width:30%;padding:10px;border-radius:8px;border:1px solid #ccc;outline:none;margin-bottom:8px}.input:focus{border-color:#4b2e83}.btn{background:#ddd;border:none;padding:10px 16px;border-radius:8px;margin:6px;cursor:pointer;font-weight:500;transition:.2s}.btn:hover{opacity:.9}.btn.primary{background:#4b2e83;color:#fff}.btn.ghost{background:transparent;color:#fff}.btn.large{padding:14px 20px;font-size:1.1rem}.seg{display:flex;gap:8px;margin-bottom:16px}.seg-btn{flex:1;padding:10px;border:1px solid #4b2e83;border-radius:8px;background:#fff;cursor:pointer}.seg-btn.active{background:#4b2e83;color:#fff}.muted{color:#666;margin:6px 0}.small{font-size:.85rem}.error{color:red;margin:6px 0;font-size:.9rem}.actions{display:flex;justify-content:center;margin-top:12px;flex-wrap:wrap}.modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center}.modal-card{background:#fff;padding:20px;border-radius:12px;width:90%;max-width:360px;text-align:center}.qr-scanner{text-align:center}.scanner-box{margin:12px auto;width:280px;height:280px;border:3px dashed #4b2e83;border-radius:12px;position:relative;overflow:hidden}.video{width:100%;height:100%;object-fit:cover}.success-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center}.success-card{background:#28a745;color:#fff;padding:24px;border-radius:12px;text-align:center;max-width:300px}.success-card h2{margin-bottom:12px}