body[data-page="referral"] .content{background:#F6F3FC}
.lv{margin-top:14px;background:#fff;border:1px solid #eadcf8;border-radius:18px;box-shadow:0 8px 22px rgba(61,1,145,.05);padding:14px;min-width:0;font-family:"DM Sans",sans-serif;color:#24143a}
.lv-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.lv h2{margin:0;font-size:20px;font-weight:700}
.lv-head p,.lv-note{margin:4px 0 0;color:#6d5488;font-size:13px;font-weight:600}
.lv-filters{display:flex;gap:6px;flex:none}
.lv-filters button{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid #eadcf8;background:#fff;color:#3D0191;font:700 12px "DM Sans",sans-serif;cursor:pointer}
.lv-filters button.on{background:#3D0191;color:#fff;border-color:#3D0191}
.lv-bar{height:8px;margin:12px 0;border-radius:999px;background:#F5F1FA;overflow:hidden}
.lv-bar i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#3D0191,#800182)}
.lv-cards{display:grid;grid-template-columns:1fr;gap:10px}
.lv-cards article{padding:12px;border-radius:14px;background:#F6F3FC}
.lv-cards span{display:block;color:#6d5488;font-size:12px;font-weight:700}
.lv-cards b{display:block;margin-top:6px;font-size:22px;color:#3D0191}
.lv-wrap{margin-top:12px;overflow:hidden}
.lv-table{width:100%;border-collapse:collapse}
.lv-table th,.lv-table td{padding:9px 8px;border-bottom:1px solid #f3eafb;text-align:left;font-size:13px}
.lv-table th{color:#6d5488;font-size:12px;font-weight:700}
.lv-short{display:none}
.lv-table .is-open{color:#078646;font-weight:700}
.lv-table .is-open:before{content:"✓ ";color:#078646}
.lv-table .is-lock{color:#6d5488;font-weight:700}
.lv-table .is-lock:before{content:"🔒 "}
@media(max-width:640px){
  .lv-head,.lv-cards{display:flex;flex-direction:column}
  .lv-cards b{font-size:18px}
  .lv-full{display:none}
  .lv-short{display:inline}
  .lv-table th,.lv-table td{padding:8px 4px;font-size:12px}
}