.profile-page{color:#171923;gap:20px;display:grid}.profile-heading h1{color:#171923;letter-spacing:0;margin:0 0 8px;font-family:Quicksand,sans-serif;font-size:27px;font-weight:950}.profile-heading p{color:#555c68;margin:0;font-size:.93rem;font-weight:650}.profile-toast{color:#138243;background:#effbf4;border:1px solid #bdebd0;border-radius:999px;justify-self:start;align-items:center;gap:9px;padding:10px 14px;font-size:.88rem;font-weight:800;display:inline-flex}.profile-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:18px;display:grid}.profile-main,.profile-side{gap:18px;display:grid}.profile-card{background:#fff;border:1px solid #ffd5e5;border-radius:8px;padding:22px 24px}.profile-card>h2{color:#171923;align-items:center;gap:12px;margin:0 0 20px;font-size:1.02rem;font-weight:950;display:flex}.profile-card>h2 svg{color:#f51668}.profile-info-grid{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:20px;display:grid}.profile-identity{text-align:center;align-content:center;justify-items:center;gap:8px;display:grid}.profile-identity strong{color:#171923;font-size:1.05rem;font-weight:950}.profile-identity>span{color:#f51668;background:#ffd5e5;border-radius:999px;align-items:center;min-height:23px;padding:0 10px;font-size:.78rem;font-weight:900;display:inline-flex}.profile-identity p{color:#555c68;margin:0;font-size:.88rem;font-weight:700}.profile-avatar{width:132px;height:132px;margin-bottom:14px;position:relative}.profile-avatar img{object-fit:cover;background:#fff2f7;border:4px solid #ffe1eb;border-radius:50%;width:132px;height:132px}.profile-avatar button{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #ffd5e5;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;bottom:7px;right:0;box-shadow:0 10px 22px #14171f1f}.profile-avatar input{display:none}.profile-fields{gap:14px;display:grid}.profile-field-row{grid-template-columns:88px minmax(210px,1fr) 100px;align-items:center;gap:12px;display:grid}.profile-field-row label{color:#4a505c;margin:0;font-size:.91rem;font-weight:750}.profile-field-row div{color:#343a46;word-break:break-word;background:#fff;border:1px solid #ffd1e1;border-radius:7px;align-items:center;min-height:44px;padding:0 16px;font-size:.91rem;font-weight:700;display:flex;position:relative}.profile-field-row div.has-icon{padding-right:44px}.profile-field-row i{color:#7f8793;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.profile-field-row button{color:#f51668;cursor:pointer;background:#fff;border:1px solid #ff6a9e;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 10px;font-size:.84rem;font-weight:850;display:inline-flex}.security-list,.notification-list{display:grid}.security-row,.notification-row{border-bottom:1px solid #ffe1eb;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:14px;min-height:62px;display:grid}.security-row:last-child,.notification-row:last-child{border-bottom:0}.security-row>span,.notification-row>span{color:#707887;background:#fff1f6;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.security-row strong,.notification-row strong{color:#171923;font-size:.91rem;font-weight:900;display:block}.security-row p,.notification-row p{color:#6b7280;margin:3px 0 0;font-size:.84rem;font-weight:650;line-height:1.35}.security-row em,.notification-row em{color:#303641;font-size:.86rem;font-style:normal;font-weight:750}.security-row button{color:#f51668;cursor:pointer;background:#fff;border:1px solid #ffd1e1;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:0 13px;font-size:.84rem;font-weight:850;display:inline-flex}.security-row button.link-action{border:0;padding-right:0}.notification-row{grid-template-columns:40px minmax(0,1fr) auto}.notification-row button{cursor:pointer;background:#d7dbe2;border:0;border-radius:999px;width:38px;height:22px;transition:background .18s;position:relative}.notification-row button i{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:3px;left:3px}.notification-row button.active{background:#f51668}.notification-row button.active i{transform:translate(16px)}.member-card{background:#fff;border:1px solid #ffd5e5;border-radius:8px;overflow:hidden}.member-card-head{background:radial-gradient(circle at 88% 18%,#ffffffb8,#0000 74px),linear-gradient(135deg,#ffd7e6,#ff9fc2);justify-content:space-between;align-items:flex-start;min-height:142px;padding:28px 28px 62px;display:flex}.member-card-head span{color:#3a3f49;margin-bottom:9px;font-size:.92rem;font-weight:750;display:block}.member-card-head strong{color:#262b34;background:#d9d9dc;border-radius:999px;align-items:center;min-height:31px;padding:0 14px;font-size:1rem;font-weight:950;display:inline-flex}.member-card-head i{color:#9aa1ad;background:linear-gradient(135deg,#fff,#c9cbd1);border-radius:50%;place-items:center;width:62px;height:62px;font-size:2rem;font-style:normal;display:grid;box-shadow:inset 0 0 0 5px #ffffff6b}.member-benefits{z-index:1;background:#fff;border-radius:7px;grid-template-columns:repeat(3,1fr);margin:-48px 18px 0;display:grid;position:relative;box-shadow:0 12px 30px #14171f1f}.member-benefits span{color:#555c68;text-align:center;justify-items:center;gap:4px;padding:15px 8px;font-size:.78rem;font-weight:700;display:grid}.member-benefits span+span{border-left:1px solid #ffe1eb}.member-benefits span b{color:#171923;font-size:.88rem;font-weight:950}.member-progress{gap:12px;padding:26px 24px 24px;display:grid}.member-progress p{color:#4a505c;justify-content:space-between;align-items:center;gap:12px;margin:0;font-size:.86rem;font-weight:700;display:flex}.member-progress strong{color:#171923;font-weight:900}.member-progress>i{background:#faedf2;border-radius:999px;height:10px;overflow:hidden}.member-progress>i b{border-radius:inherit;background:#f51668;width:62.5%;height:100%;display:block}.member-progress em{color:#f51668;font-style:normal;font-weight:900}.member-progress a{color:#f51668;font-weight:900;text-decoration:none}.account-links-card{padding:22px 20px}.account-links-card h2{margin-bottom:12px}.account-links-card nav{display:grid}.account-links-card a{color:#303641;grid-template-columns:25px minmax(0,1fr) 17px;align-items:center;gap:12px;min-height:50px;font-size:.9rem;font-weight:780;text-decoration:none;display:grid}.account-links-card a svg{color:#6b7280}.account-links-card a:hover,.account-links-card a:hover svg{color:#f51668}.support-card{background:linear-gradient(135deg,#fff0f6,#ffd9e9);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;min-height:146px;padding:24px;display:flex}.support-card h2{color:#f51668;margin:0 0 12px;font-size:1.04rem;font-weight:950}.support-card p{color:#303641;max-width:230px;margin:0 0 14px;font-size:.86rem;font-weight:700;line-height:1.45}.support-card a{color:#fff;background:#f51668;border-radius:6px;justify-content:center;align-items:center;min-height:36px;padding:0 22px;font-size:.86rem;font-weight:900;text-decoration:none;display:inline-flex}.support-card>span{color:#f51668;background:#fff5f9;border-radius:50%;place-items:center;width:92px;height:92px;display:grid}.profile-dialog{z-index:1300;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.profile-dialog-backdrop{cursor:pointer;background:#14171f6b;border:0;position:absolute;inset:0}.profile-dialog-panel{z-index:1;background:#fff;border-radius:10px;gap:18px;width:min(520px,100%);max-height:calc(100vh - 48px);padding:24px;display:grid;position:relative;overflow-y:auto;box-shadow:0 28px 80px #14171f38}.profile-dialog-head{justify-content:space-between;gap:18px;display:flex}.profile-dialog-head h2{color:#171923;margin:0 0 6px;font-family:Quicksand,sans-serif;font-size:1.32rem;font-weight:950}.profile-dialog-head p{color:#6b7280;margin:0;font-size:.9rem;font-weight:650}.profile-dialog-head>button{color:#171923;cursor:pointer;background:#fff2f7;border:0;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.profile-dialog-field,.password-mock label{color:#171923;gap:8px;font-size:.9rem;font-weight:850;display:grid}.profile-dialog-field input,.profile-dialog-field select,.password-mock label input,.password-mock label select{color:#252933;background:#fff;border:1px solid #ffd1e1;border-radius:7px;outline:0;min-height:44px;padding:0 14px;font-size:.92rem;font-weight:650}.profile-dialog-actions{justify-content:flex-end;gap:12px;display:flex}.profile-dialog-actions button{color:#555c68;cursor:pointer;background:#fff;border:1px solid #ffd1e1;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-weight:850;display:inline-flex}.profile-dialog-actions button[type=submit]{color:#fff;background:#f51668;border-color:#f51668}.password-mock{gap:14px;display:grid}.password-mock>button{color:#fff;cursor:pointer;background:#f51668;border:0;border-radius:7px;min-height:42px;font-weight:900}.device-list{gap:12px;display:grid}.device-list>div{border:1px solid #ffe1eb;border-radius:8px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.device-list>div>svg{color:#f51668}.device-list>div span{gap:3px;display:grid}.device-list>div strong{color:#171923;font-size:.9rem;font-weight:900}.device-list>div small{color:#6b7280;font-weight:650}.device-list>div b,.device-list>div button{border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900}.device-list>div b{color:#17a654;background:#dff7e8}.device-list>div button{color:#f51668;cursor:pointer;background:#fff;border:1px solid #ffd1e1}@media (max-width:980px){.profile-layout{grid-template-columns:1fr}.profile-side{grid-template-columns:1fr 1fr}.support-card{grid-column:1/-1}}@media (max-width:900px){.profile-info-grid{grid-template-columns:1fr;gap:26px}.profile-side{grid-template-columns:1fr}}@media (max-width:767.98px){.profile-card{padding:18px 14px}.profile-field-row{grid-template-columns:1fr;gap:8px}.profile-field-row button{justify-self:stretch}.security-row,.notification-row{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:12px 0}.security-row em,.security-row button,.notification-row em,.notification-row button{grid-column:2;justify-self:start}.notification-row button{grid-column:2}.member-benefits{grid-template-columns:1fr}.member-benefits span+span{border-top:1px solid #ffe1eb;border-left:0}.member-progress p{gap:6px;display:grid}.profile-dialog-actions{grid-template-columns:1fr;display:grid}.support-card{align-items:flex-start}.support-card>span{flex:none;width:64px;height:64px}}
