.vip-page, .vip-admin-panel { min-width: 0; }
.vip-page .vip-heading, .vip-admin-panel .vip-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.vip-page .vip-badge, [data-player-vip-badge].vip-badge { display:inline-flex; align-items:center; justify-content:center; border:1px solid #eec86a; border-radius:999px; padding:5px 12px; background:#311c0d; color:#ffe2a0; font-size:12px; font-weight:800; white-space:nowrap; }
.vip-page .vip-hero { background:linear-gradient(120deg,#29170f,#4e2117); border:1px solid #c99b48; border-radius:18px; padding:24px; margin:16px 0; color:#fff0cf; }
.vip-page .vip-hero h2 { color:#ffe3a2; font-size:clamp(28px,5vw,40px); margin:4px 0 12px; }
.vip-page .vip-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin-top:18px; }
.vip-page .vip-metric { display:flex; flex-direction:column; gap:7px; min-width:0; }
.vip-page .vip-metric strong { font-size:clamp(18px,3vw,26px); overflow-wrap:anywhere; }
.vip-page progress { width:100%; height:10px; border:0; border-radius:10px; accent-color:#f6d780; }
.vip-page progress::-webkit-progress-bar { background:#583c24; border-radius:10px; }
.vip-page progress::-webkit-progress-value { background:#f6d780; border-radius:10px; }
.vip-page .vip-table-wrap, .vip-admin-panel .vip-table-wrap { max-width:100%; overflow:auto; max-height:560px; border:1px solid #b68c4a55; border-radius:12px; margin:14px 0; overscroll-behavior:contain; }
.vip-page .vip-table, .vip-admin-panel .vip-table { width:100%; border-collapse:collapse; min-width:700px; }
.vip-page .vip-table th, .vip-page .vip-table td, .vip-admin-panel .vip-table th, .vip-admin-panel .vip-table td { padding:12px 10px; text-align:left; white-space:nowrap; border-bottom:1px solid #b68c4a33; }
.vip-page .vip-table thead th, .vip-admin-panel .vip-table thead th { position:sticky; top:0; background:#24150e; color:#ffe0a1; z-index:1; }
.vip-page .vip-table th[scope="row"], .vip-admin-panel .vip-table th[scope="row"] { color:#d0a343; font-weight:800; }
.vip-page .vip-current-row { background:#a074211f; outline:1px solid #c19749; outline-offset:-1px; }
.vip-page .vip-inactive { opacity:.66; }
.vip-page .vip-offers { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:12px; margin-top:14px; }
.vip-page .vip-offer { border:1px solid #b68c4a55; border-radius:12px; padding:16px; display:flex; flex-direction:column; gap:14px; }
.vip-page .vip-offer div { display:flex; flex-direction:column; gap:7px; }
.vip-page .vip-offer span { font-size:24px; color:#d4a743; font-weight:800; }
.vip-page .vip-offer button { align-self:flex-start; }
.vip-page .vip-status, .vip-admin-panel .vip-status { overflow-wrap:anywhere; margin:10px 0; line-height:1.5; }
.vip-admin-panel .vip-rule-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:14px; margin-top:16px; }
.vip-admin-panel .vip-toggle { display:inline-flex; align-items:center; gap:8px; cursor:pointer; }
.vip-admin-panel .vip-toggle input { width:18px; height:18px; accent-color:#c99b48; }
.vip-admin-panel .vip-section { margin:24px 0; border-top:1px solid #b68c4a44; padding-top:20px; }
.vip-admin-panel .vip-table { min-width:1030px; }
.vip-admin-panel .vip-table input.input { min-width:130px; width:100%; margin:0; font-variant-numeric:tabular-nums; }
.vip-admin-panel .vip-table .vip-toggle input { width:18px; min-width:18px; }
.vip-admin-panel .vip-unknown { display:block; color:#a77c30; font-size:11px; margin-top:5px; }
.vip-admin-panel .vip-actions { display:flex; gap:10px; flex-wrap:wrap; margin:16px 0 0; }
.vip-admin-panel button:disabled, .vip-page button:disabled { opacity:.5; cursor:not-allowed; }
@media(max-width:640px) {
  .vip-page .vip-grid { grid-template-columns:1fr; gap:18px; }
  .vip-page .vip-hero { padding:18px; }
  .vip-admin-panel .vip-rule-grid { grid-template-columns:1fr; }
  .vip-admin-panel .vip-actions button { flex:1 1 140px; }
  .vip-page .vip-table-wrap, .vip-admin-panel .vip-table-wrap { max-height:440px; }
}
