/* VIPSERVIX front-end */
.vipservix-card{max-width:380px;border-radius:16px;padding:22px;color:#fff;background:linear-gradient(135deg,var(--vipservix-color,#6c2bd9),#1f1147);box-shadow:0 12px 30px rgba(0,0,0,.25);font-family:system-ui,sans-serif}
.vipservix-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.vipservix-tier{font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:13px}
.vipservix-status{font-size:11px;padding:3px 10px;border-radius:20px;background:rgba(255,255,255,.2)}
.vipservix-status-active{background:#1f9d55}
.vipservix-status-suspended,.vipservix-status-revoked,.vipservix-status-expired{background:#c5221f}
.vipservix-card-holder{font-size:20px;font-weight:600}
.vipservix-card-code{font-family:ui-monospace,monospace;letter-spacing:2px;margin:6px 0 16px;opacity:.9}
.vipservix-card-stats{display:flex;gap:24px;margin-bottom:12px}
.vipservix-card-stats strong{display:block;font-size:22px}
.vipservix-card-stats span{font-size:11px;opacity:.8;text-transform:uppercase}
.vipservix-card-expiry{font-size:12px;opacity:.85}
.vipservix-perks{margin:12px 0 0;padding-left:18px;font-size:13px;opacity:.95}
.vipservix-card-qr{margin-top:16px;background:#fff;padding:8px;border-radius:10px;width:max-content}
.vipservix-card-qr img{display:block}
.vipservix-locked{border:1px dashed #bbb;border-radius:10px;padding:18px;background:#fafafa}
.vipservix-unlock-form input{padding:8px;border:1px solid #ccc;border-radius:6px;margin-right:6px}
.vipservix-unlock-form button{padding:8px 14px;border:0;border-radius:6px;background:#6c2bd9;color:#fff;cursor:pointer}
.vipservix-ok{color:#137333}.vipservix-error{color:#c5221f}