.wpcm-wrap{max-width:760px;margin:40px auto;font-family:system-ui,-apple-system,Segoe UI,Roboto;}
        .wpcm-card{border:1px solid #ddd;border-radius:12px;padding:16px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04)}
        .wpcm-balance{font-size:18px;margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #eee}
        .wpcm-credit-packages{margin-bottom:30px}
        .wpcm-credit-packages h3{margin-bottom:15px;color:#333}
        .wpcm-packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}
        .wpcm-package{border:1px solid #e0e0e0;border-radius:8px;padding:15px;background:#f9f9f9;text-align:center;transition:box-shadow 0.2s}
        .wpcm-package:hover{box-shadow:0 2px 8px rgba(0,0,0,0.1)}
        .wpcm-package h4{margin:0 0 10px 0;font-size:16px;color:#333}
        .wpcm-package-credits{font-size:24px;font-weight:bold;color:#007cba;margin-bottom:8px}
        .wpcm-package-price{font-size:18px;font-weight:600;color:#333;margin-bottom:5px}
        .wpcm-package-per-credit{font-size:12px;color:#666;margin-bottom:15px}
        .wpcm-purchase-button{width:100%;padding:12px;background:#28a745;color:white;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color 0.2s;text-transform:uppercase;letter-spacing:0.5px}
        .wpcm-purchase-button:hover{background:#218838;color:white}
        .wpcm-purchase-button:active{transform:translateY(1px)}
        .wpcm-custom-topup{margin-top:20px;padding-top:20px;border-top:1px solid #eee}
        .wpcm-custom-topup h3{margin-bottom:15px;color:#333}
        .wpcm-topup label{display:block;font-weight:600;margin-bottom:6px}
        .wpcm-topup input{padding:8px 10px;border:1px solid #cbd5e1;border-radius:8px;margin-right:8px;width:140px}
        .wpcm-topup button{padding:9px 14px;border-radius:10px;border:1px solid #111;background:#111;color:#fff;cursor:pointer}
        .wpcm-topup button:disabled{opacity:.5;cursor:not-allowed}
        .wpcm-price{font-size:12px;color:#555;margin-top:8px}
        .wpcm-note{font-size:12px;color:#666;margin-top:6px}
        .wpcm-signout{background:#dc3545;color:white;padding:8px 16px;text-decoration:none;border-radius:6px;font-size:14px;border:none;cursor:pointer;transition:background-color 0.2s}
        .wpcm-signout:hover{background:#c82333;color:white;text-decoration:none}