.ggp-membership .ggp-role-dashboard{--role-pink:#e34cc9;--role-cyan:#18d4df;--role-panel:#111021;--role-ink:#f7f5fb;--role-muted:#c5bdd0;color:var(--role-ink);padding:4px 2px 12px}
.ggp-membership .ggp-role-dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 18px}
.ggp-membership .ggp-role-title{display:flex;align-items:flex-start;gap:14px;min-width:260px}
.ggp-membership .ggp-role-title-icon{display:grid;place-items:center;width:62px;height:62px;flex:0 0 62px;border:1px solid #70e9ba;border-radius:15px;background:#effff8;color:#119960;box-shadow:0 6px 20px #0a081a66}
.ggp-membership .ggp-role-title-icon svg,.ggp-membership .ggp-role-stat-total svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ggp-membership .ggp-role-title h2{margin:0 0 5px;color:#fff;font-size:clamp(26px,3vw,38px);font-weight:850;letter-spacing:-.03em;line-height:1.1}
.ggp-membership .ggp-role-title p{max-width:580px;margin:0;color:#eee8f5;font-size:14px;line-height:1.55}
.ggp-membership .ggp-role-stats{display:flex;align-items:center;justify-content:space-around;gap:0;min-height:58px;max-width:680px;padding:5px 8px;border:1px solid #cdebe0;border-radius:14px;background:linear-gradient(110deg,#f8fffb,#eafaf5);color:#18231e!important;opacity:1!important;box-shadow:0 8px 24px #06040d55}
.ggp-membership .ggp-role-stat{display:flex;align-items:center;gap:7px;padding:8px 12px;border-right:1px solid #c9e4da;white-space:nowrap}
.ggp-membership .ggp-role-stat:last-child{border:0}
.ggp-membership .ggp-role-stats .ggp-role-stat strong{color:#10251e!important;opacity:1!important;font-size:16px;font-weight:850;text-shadow:none!important}
.ggp-membership .ggp-role-stats .ggp-role-stat small{color:#344c43!important;opacity:1!important;font-size:12px;font-weight:750;text-shadow:none!important}
.ggp-membership .ggp-role-stat i{width:9px;height:9px;border-radius:50%;background:#17ad68;box-shadow:0 0 0 3px #17ad681c}
.ggp-membership .ggp-role-stat:last-child i{background:#0a7275;box-shadow:0 0 0 3px #0a72751c}
.ggp-membership .ggp-role-stat-total svg{width:24px;height:24px;color:#0c9b61}
.ggp-membership .ggp-role-notice{display:flex;align-items:center;gap:15px;margin:0 0 18px;padding:12px 15px;border:1px solid transparent;border-radius:13px;background:linear-gradient(#181425,#181425) padding-box,linear-gradient(105deg,#e33dc2,#1c9ab4) border-box;color:#eee9f3}
.ggp-membership .ggp-role-notice svg{width:28px;height:28px;flex:none;fill:none;stroke:#10df8d;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ggp-membership .ggp-role-notice p{margin:0;font-size:13px;line-height:1.5}
.ggp-membership .ggp-role-filters{display:flex;align-items:center;gap:12px;margin:0 0 10px}
.ggp-membership .ggp-role-search{display:flex;align-items:center;gap:10px;width:min(400px,36%);min-height:42px;padding:0 13px;border:1px solid #a94caa;border-radius:11px;background:#1a1324;color:#fff}
.ggp-membership .ggp-role-search svg{width:19px;height:19px;flex:none;fill:none;stroke:#eee8f5;stroke-width:2;stroke-linecap:round}
.ggp-membership .ggp-role-search input{width:100%;min-width:0;min-height:40px;padding:0;border:0!important;outline:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font:inherit;font-size:14px}
.ggp-membership .ggp-role-search input::placeholder{color:#d5cbdc;opacity:1}
.ggp-membership .ggp-role-filters select{min-width:125px;min-height:42px;padding:7px 32px 7px 12px;border:1px solid #a94caa;border-radius:11px;background-color:#1a1324;color:#fff;font:inherit;font-size:13px}
.ggp-membership .ggp-role-search-button{min-height:42px;padding:8px 18px;border:1px solid #00e3e8;border-radius:11px;background:linear-gradient(135deg,#11c4d4,#087c98);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 5px 16px #00b6d233}
.ggp-membership .ggp-role-search-button:hover{filter:brightness(1.1)}
.ggp-membership .ggp-role-showing{margin-left:auto;color:#eee8f5;font-size:13px;white-space:nowrap}
.ggp-membership .ggp-role-cards{display:grid;gap:12px}
.ggp-membership .ggp-role-card{display:grid;grid-template-columns:minmax(160px,1.3fr) minmax(125px,1.05fr) minmax(105px,.82fr) minmax(88px,.68fr) minmax(126px,.95fr) minmax(138px,1.08fr) minmax(185px,1.4fr);align-items:center;min-width:0;padding:14px 12px;border:1px solid transparent;border-radius:20px;background:linear-gradient(110deg,#26102c 0%,#151224 53%,#101b2b 100%) padding-box,linear-gradient(110deg,#d53ebc 0%,#7156b9 60%,#16869c 100%) border-box;box-shadow:0 8px 22px #06040d55,inset 0 1px 0 #ffffff0b;}
.ggp-membership .ggp-role-card[hidden]{display:none!important}
.ggp-membership .ggp-role-card-user,.ggp-membership .ggp-role-card-cell,.ggp-membership .ggp-role-card-change{min-width:0;padding:0 10px;border-right:1px solid #ffffff26}
.ggp-membership .ggp-role-card-user{padding-left:4px}
.ggp-membership .ggp-role-card-change{padding-right:2px;border-right:0}
.ggp-membership .ggp-role-person{display:flex;align-items:center;gap:12px;min-width:0}
.ggp-membership .ggp-role-avatar{display:grid;width:68px;height:68px;flex:0 0 68px;place-items:center;overflow:hidden;border:2px solid #db55d1;border-radius:50%;background:#25192f;color:#fff;object-fit:cover;box-shadow:0 0 0 3px #e34cc928}
.ggp-membership .ggp-role-avatar-empty{font-size:24px;font-weight:800}
.ggp-membership .ggp-role-person-copy{display:grid;min-width:0;gap:4px}
.ggp-membership .ggp-role-person-copy strong{overflow-wrap:anywhere;color:#fff;font-size:16px;font-weight:850;line-height:1.18}
.ggp-membership .ggp-role-person-copy small{overflow-wrap:anywhere;color:#e7dced;font-size:12px}
.ggp-membership .ggp-role-membership-badge{display:inline-flex;justify-self:start;align-items:center;gap:6px;width:max-content;max-width:100%;padding:3px 9px 3px 4px;border:1px solid #17cbd5;border-radius:999px;background:#0c2831;color:#9ff7fb;font-size:10px;font-weight:850;line-height:1.15;text-transform:uppercase}
.ggp-membership .ggp-role-membership-badge .ggp-membership-badge{width:25px;height:25px}
.ggp-membership .ggp-role-membership-badge.is-paid{border-color:#ed55bb;background:#32182f;color:#ffc8ec}
.ggp-membership .ggp-role-label{display:flex;align-items:center;gap:8px;margin:0 0 8px;color:#f0eaf4;font-size:10px;font-weight:850;letter-spacing:.065em;text-transform:uppercase}
.ggp-membership .ggp-role-label>span{color:#fff;font-size:17px;line-height:1}
.ggp-membership .ggp-role-value{display:block;min-width:0;overflow-wrap:anywhere;color:#f8f6fa;font-size:13px;line-height:1.42}
.ggp-membership .ggp-role-pill{display:inline-block;padding:6px 11px;border:1px solid #aa4ac1;border-radius:10px;background:linear-gradient(145deg,#61266e,#37203e);color:#fff;font-size:13px;font-weight:650}
.ggp-membership .ggp-role-state{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.ggp-membership .ggp-role-state i{width:11px;height:11px;border-radius:50%;background:#8b91a1;box-shadow:0 0 0 3px #8b91a125}
.ggp-membership .ggp-role-state[data-online="1"] i{background:#13e486;box-shadow:0 0 0 3px #13e48625,0 0 12px #13e48699}
.ggp-membership .ggp-role-card-change .ggp-role-form{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:7px;min-width:0;align-items:center}
.ggp-membership .ggp-role-form select{width:100%;min-width:0;min-height:42px;padding:7px 9px;border:1px solid #9d7baa;border-radius:11px;background:#141322;color:#fff;font:inherit;font-size:12px}
.ggp-membership .ggp-role-form .ggp-member-button{width:100%;min-height:44px;padding:7px 8px;border:1px solid #00e6ec;border-radius:12px;background:linear-gradient(145deg,#13d1dc,#087e9e);color:#fff;font-size:12px;font-weight:850;line-height:1.15;text-transform:uppercase;white-space:normal;box-shadow:0 4px 13px #00b9d333}
.ggp-membership .ggp-role-protected{display:inline-block;padding:8px 9px;border:1px solid #88679b;border-radius:10px;background:#21172c;color:#e6d6ef;font-size:11px;font-weight:700}
.ggp-membership .ggp-role-empty{margin:0;padding:25px;border:1px solid #624269;border-radius:15px;background:#171324;color:#eee8f5;text-align:center}
.ggp-membership .ggp-role-pagination{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0}
.ggp-membership .ggp-role-pagination .page-numbers{display:inline-grid;min-width:34px;height:34px;place-items:center;padding:0 8px;border:1px solid #8b55a1;border-radius:9px;background:#1d1729;color:#f7f4fa;font-size:12px;text-decoration:none}
.ggp-membership .ggp-role-pagination .page-numbers.current{border-color:#11d1dc;background:#0a768e;color:#fff;font-weight:850}
@media(max-width:1250px){.ggp-membership .ggp-role-dashboard-head{flex-wrap:wrap}.ggp-membership .ggp-role-stats{max-width:none;flex:1 1 560px}.ggp-membership .ggp-role-card{grid-template-columns:minmax(155px,1.25fr) minmax(130px,1fr) minmax(105px,.85fr) minmax(90px,.7fr) minmax(125px,.95fr) minmax(140px,1fr)}.ggp-membership .ggp-role-card-change{grid-column:1/-1;display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:12px;padding:10px 4px 0;border-top:1px solid #ffffff26}.ggp-membership .ggp-role-card-change .ggp-role-label{margin:0}.ggp-membership .ggp-role-card-change .ggp-role-form{grid-template-columns:minmax(0,220px) 100px}}
@media(max-width:850px){.ggp-membership .ggp-role-filters{flex-wrap:wrap}.ggp-membership .ggp-role-search{width:100%;flex:1 1 100%}.ggp-membership .ggp-role-showing{flex:1 1 100%;margin:2px 0 0}.ggp-membership .ggp-role-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:10px}.ggp-membership .ggp-role-card-user{grid-column:1/-1;padding:5px 4px 12px;border-right:0;border-bottom:1px solid #ffffff26}.ggp-membership .ggp-role-card-cell{padding:11px 9px;border-right:1px solid #ffffff26}.ggp-membership .ggp-role-card-cell:nth-child(4){border-right:0}.ggp-membership .ggp-role-card-change{grid-column:1/-1;grid-template-columns:120px minmax(0,1fr);margin-top:4px;padding:12px 4px 2px;border-top:1px solid #ffffff26}.ggp-membership .ggp-role-card-change .ggp-role-form{grid-template-columns:minmax(0,1fr) 100px}}
@media(max-width:560px){.ggp-membership .ggp-role-dashboard-head{gap:14px}.ggp-membership .ggp-role-title{min-width:0}.ggp-membership .ggp-role-title-icon{width:48px;height:48px;flex-basis:48px;border-radius:12px}.ggp-membership .ggp-role-title-icon svg{width:27px;height:27px}.ggp-membership .ggp-role-title h2{font-size:27px}.ggp-membership .ggp-role-title p{font-size:12px}.ggp-membership .ggp-role-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:4px}.ggp-membership .ggp-role-stat{justify-content:center;padding:8px 5px;border-right:1px solid #c9e4da;border-bottom:1px solid #c9e4da;white-space:normal}.ggp-membership .ggp-role-stat:nth-child(2){border-right:0}.ggp-membership .ggp-role-stat:nth-child(n+3){border-bottom:0}.ggp-membership .ggp-role-stat strong{font-size:14px}.ggp-membership .ggp-role-stat small{font-size:10px}.ggp-membership .ggp-role-notice{align-items:flex-start;gap:10px;padding:11px}.ggp-membership .ggp-role-notice svg{width:23px;height:23px}.ggp-membership .ggp-role-notice p{font-size:11px}.ggp-membership .ggp-role-filters{gap:8px}.ggp-membership .ggp-role-filters select{flex:1 1 42%;min-width:0}.ggp-membership .ggp-role-search-button{flex:1 1 100%}.ggp-membership .ggp-role-card{grid-template-columns:repeat(2,minmax(0,1fr));padding:9px;border-radius:16px}.ggp-membership .ggp-role-card-user{grid-column:1/-1}.ggp-membership .ggp-role-avatar{width:54px;height:54px;flex-basis:54px}.ggp-membership .ggp-role-person-copy strong{font-size:15px}.ggp-membership .ggp-role-person-copy small{font-size:11px}.ggp-membership .ggp-role-card-cell{padding:10px 7px;border-right:0}.ggp-membership .ggp-role-card-cell:nth-child(odd){border-right:1px solid #ffffff26}.ggp-membership .ggp-role-label{gap:5px;margin-bottom:6px;font-size:9px}.ggp-membership .ggp-role-label>span{font-size:15px}.ggp-membership .ggp-role-value{font-size:12px}.ggp-membership .ggp-role-card-change{grid-template-columns:1fr;gap:8px}.ggp-membership .ggp-role-card-change .ggp-role-form{grid-template-columns:minmax(0,1fr) 92px}.ggp-membership .ggp-role-form .ggp-member-button{font-size:10px}.ggp-membership .ggp-role-showing{font-size:11px}}