.membership-badge{display:inline-flex;align-items:center;gap:8px;vertical-align:middle;padding:7px 14px;border:1px solid #b7d8e2;border-radius:16px;background:linear-gradient(135deg,#f9ffff,#dff1f6);color:#246576;box-shadow:0 3px 0 #b1ccd333;white-space:nowrap;font-size:14px}.membership-badge svg{flex-shrink:0}.membership-vip{background:linear-gradient(130deg,#fffdf0,#ffebae);border-color:#e4c66b;color:#815b08;box-shadow:0 3px 0 #c4a75633}.membership-vvip{background:linear-gradient(130deg,#fdf5ff,#e6dcff);border-color:#baa0e0;color:#6932a1;box-shadow:0 3px 0 #9e7dc333}.membership-group-title{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-top:14px;border-bottom:1px solid #d5dfed}.membership-group-title h3{margin:0;font-size:16px}.membership-empty{font-size:12px;color:#657383;padding:8px}.membership-status-line{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 12px}.membership-status-line small{color:#617594;font-size:12px}.membership-options{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0}.membership-options label{cursor:pointer;display:flex;align-items:center;gap:6px}.membership-options input{width:auto!important}.membership-group-actions{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}

.membership-vvvip{color:#913ee4;background:linear-gradient(135deg,#f8e9ff,#e3e9ff);border-color:#bf82fa;box-shadow:0 0 16px #9048dd33}