*{box-sizing:border-box;margin:0;padding:0;font-family:'Poppins',sans-serif;}
body.page-body{background:#020617;color:#e5e7eb;}
.page{max-width:520px;margin:0 auto;padding:16px;}
.hero-overlay{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#0f172a,#1e293b);padding:16px;border-radius:24px;margin-top:12px;margin-bottom:12px;}
.avatar-sm{width:60px;height:60px;border-radius:999px;border:3px solid #22c55e;display:flex;align-items:center;justify-content:center;background:#0f172a;}
.avatar-inner{width:48px;height:48px;border-radius:999px;background:#1e293b;position:relative;}
.badge-check{position:absolute;bottom:-4px;right:-4px;background:#22c55e;color:#000;border-radius:999px;padding:2px 6px;font-size:10px;}
.hero-name{font-size:20px;font-weight:700;}
.hero-tags{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap;}
.tag{font-size:11px;border-radius:999px;padding:4px 10px;background:#020617;border:1px solid #1f2937;display:flex;align-items:center;gap:4px;}
.tag-dot{width:6px;height:6px;border-radius:999px;background:#22c55e;display:inline-block;}
.content{display:flex;flex-direction:column;gap:16px;margin-top:8px;margin-bottom:32px;}
.section-card{background:#020617;border-radius:24px;padding:16px 16px 20px;border:1px solid #1f2937;box-shadow:0 20px 40px rgba(15,23,42,.7);}
.section-glow{box-shadow:0 25px 60px rgba(56,189,248,.35);}
.section-title{font-size:14px;font-weight:600;margin-bottom:10px;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;}
.input-group{margin-top:8px;margin-bottom:4px;}
.input-label{display:flex;justify-content:space-between;font-size:12px;color:#9ca3af;margin-bottom:4px;}
.input-wrapper{background:#020617;border-radius:999px;border:1px solid #1f2937;display:flex;align-items:center;padding:4px 12px;}
.input-prefix,.input-suffix{font-size:12px;color:#6b7280;}
.input-field{flex:1;border:none;outline:none;background:transparent;color:#e5e7eb;font-size:14px;padding:8px 6px;}
.textarea-field{width:100%;min-height:70px;border-radius:18px;border:1px solid #1f2937;background:#020617;color:#e5e7eb;font-size:13px;padding:8px 10px;resize:vertical;}
.btn{border-radius:999px;border:none;cursor:pointer;padding:8px 14px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;}
.btn-generate{background:linear-gradient(90deg,#0ea5e9,#6366f1);color:#fff;width:100%;justify-content:center;margin-top:6px;}
.btn-icon{font-size:14px;}
.error-message{margin-top:6px;font-size:12px;color:#f97373;}
.qr-card{margin-top:12px;border-radius:20px;border:1px solid #1f2937;padding:12px;display:flex;gap:12px;}
.qr-box{width:140px;min-width:140px;height:140px;border-radius:16px;background:#020617;border:1px solid #1f2937;display:flex;align-items:center;justify-content:center;}
.qr-box img{max-width:100%;max-height:100%;}
.qr-details{flex:1;display:flex;flex-direction:column;gap:4px;font-size:13px;}
.qr-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;}
.qr-label{color:#9ca3af;}
.qr-value{color:#e5e7eb;font-weight:500;margin-left:8px;}
.qr-amount{color:#22c55e;font-weight:600;}
.bank-logo{width:20px;height:20px;border-radius:6px;margin-right:6px;object-fit:contain;background:#fff;}
.bank-name-text{font-size:13px;}
.admin-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:8px;}
.admin-table th,.admin-table td{border-bottom:1px solid #111827;padding:6px 4px;text-align:left;}
.admin-table th{color:#9ca3af;font-weight:500;font-size:11px;}
.filter-form{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;margin-bottom:8px;}
.filter-form input{background:#020617;border-radius:999px;border:1px solid #1f2937;color:#e5e7eb;padding:4px 8px;font-size:12px;}
.btn-primary{background:#1f2937;color:#e5e7eb;border-radius:999px;border:none;cursor:pointer;}