dialog.member-profile-modal{--member-ink:#0b5d3b;--member-muted:#5c6b60;--member-line:#e3e5d8;--member-orange:#e6951c;color:#243b2d;background:#fffdf8;border:1px solid #ffffffed;border-radius:18px;width:min(560px,100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;box-shadow:0 24px 70px #082b1c40}dialog.member-profile-modal[open]{flex-direction:column;animation:.2s ease-out member-dialog-enter;display:flex}.member-profile-modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#102d2469}.member-dialog-header{background:#f7f1e5;border-bottom:1px solid #e8dfce;flex-shrink:0;padding:22px 28px 24px;position:relative}.member-dialog-header:after{content:"";background:var(--member-orange);border-radius:4px;width:48px;height:4px;position:absolute;bottom:-2px;left:28px}.member-dialog-brand{color:var(--member-ink);align-items:center;gap:10px;margin-bottom:14px;font-size:14px;font-weight:800;display:flex}.member-dialog-brand img{object-fit:contain;background:#eef1df;border-radius:50%;width:36px;height:36px;padding:5px}.member-profile-modal .member-dialog-header h2{color:var(--member-ink);text-align:left;letter-spacing:-.5px;font-family:inherit;font-size:28px;line-height:1.15}.member-dialog-header p{color:var(--member-muted);margin:9px 0 0;font-size:14px;line-height:1.5}.member-profile-modal .modal-close{z-index:1;width:36px;height:36px;color:var(--member-ink);background:#fffdf8;border:1px solid #dce1d3;font-size:26px;top:15px;right:15px}.member-profile-modal .modal-close:hover{background:#eef1df}.member-dialog-content{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b8cbbf transparent;padding:26px 28px 0;overflow-y:auto}.member-profile-identity{margin-bottom:23px}.member-profile-person{min-width:0}.member-profile-label{color:var(--member-muted);font-size:14px}.member-profile-name{color:var(--member-ink);letter-spacing:-.5px;overflow-wrap:anywhere;margin:5px 0 8px;font-size:clamp(24px,5vw,29px);line-height:1.2}.member-profile-number{color:#657367;letter-spacing:.06em;margin:0;font-size:14px}.member-profile-facts{gap:13px;margin:0 0 24px;display:grid}.member-profile-facts>div{border:1px solid var(--member-line);background:#f7f8ef;border-radius:13px;padding:17px 19px}.member-profile-facts dt{color:var(--member-muted);font-size:14px;line-height:1.4}.member-profile-facts dd{margin:9px 0 0;font-weight:800}.member-profile-facts .member-grade-card{background:#f7f1e5;border-color:#e7dcc5}.member-grade-card dd{align-items:center;gap:21px;display:flex}.member-grade-badge{border-radius:50%;flex:0 0 118px;width:118px;height:118px;display:block;overflow:hidden}.member-grade-badge img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.085)}.member-grade-name{color:var(--member-ink);overflow-wrap:anywhere;font-size:23px;line-height:1.2}.member-profile-facts>div:not(.member-grade-card){justify-content:space-between;align-items:center;gap:15px;display:flex}.member-profile-facts>div:not(.member-grade-card) dd{margin:0}.member-status{border-radius:7px;align-items:center;gap:7px;padding:5px 11px;font-size:15px;line-height:1.4;display:inline-flex}.member-status-active{color:#0b5d3b;background:#e1edde}.member-status-active:before{content:"";border:0 solid;border-width:0 0 2px 2px;width:9px;height:5px;margin-bottom:3px;transform:rotate(-45deg)}.member-status-neutral{color:#59675d;background:#e9eee3}.member-profile-benefits{border-top:1px solid var(--member-line);padding-top:20px}.member-profile-benefits summary{cursor:pointer;color:var(--member-ink);align-items:center;gap:10px;font-size:17px;font-weight:800;list-style:none;display:flex}.member-profile-benefits summary::-webkit-details-marker{display:none}.member-benefit-count{color:#835014;background:#fae9c9;border-radius:7px;place-items:center;min-width:25px;height:25px;padding:0 6px;font-size:13px;display:grid}.member-benefit-chevron{border:2px solid #708477;border-width:0 2px 2px 0;width:8px;height:8px;margin-left:auto;margin-right:3px;transform:rotate(45deg)}.member-profile-benefits[open] .member-benefit-chevron{transform:rotate(225deg)}.member-profile-benefits ul{margin:15px 0 0;padding:0;list-style:none}.member-profile-benefits li{color:#42574b;overflow-wrap:anywhere;padding:10px 0 10px 26px;font-size:15px;line-height:1.55;position:relative}.member-profile-benefits li+li{border-top:1px solid #edf0e5}.member-profile-benefits li:before{content:"";border:0 solid #649048;border-width:0 0 2px 2px;width:9px;height:5px;position:absolute;top:18px;left:3px;transform:rotate(-45deg)}.member-profile-benefits>p{color:var(--member-muted);font-size:15px;line-height:1.5}.member-profile-modal .modal-actions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--member-line);background:#fffdf8f5;justify-content:flex-end;gap:10px;margin:23px -28px 0;padding:17px 28px 21px;display:flex;position:sticky;bottom:0}.member-profile-modal .modal-actions button{border-radius:10px;min-height:44px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:800}.member-profile-modal .modal-cancel{color:var(--member-ink);background:#fffdf8;border:1px solid #d6decd}.member-profile-modal .modal-cancel:hover{background:#eef1df}.member-profile-modal .modal-submit{background:var(--member-ink);border-color:var(--member-ink)}.member-profile-modal .modal-submit:hover{background:#174c37}.member-profile-modal label{color:var(--member-ink);margin-bottom:10px;font-size:14px}.member-profile-modal .member-input-row{border:1px solid #d2dfc9;border-radius:11px;min-height:56px}.member-profile-modal .member-input-row span{color:var(--member-ink);background:#eef1df;padding-inline:15px;font-size:15px}.member-profile-modal .member-input-row input{letter-spacing:1.5px;height:54px;font-family:inherit;font-size:18px}.member-profile-modal .member-input-row:focus-within{border-color:#0b5d3b;box-shadow:0 0 0 3px #0b5d3b18}.member-dialog-content form>small{color:var(--member-muted);margin-top:9px;font-size:13px;display:block}.member-loading{color:var(--member-muted);align-items:center;gap:10px;margin-top:18px;font-size:14px;display:flex}.member-loading:before{content:"";border:2px solid #dce5d1;border-top-color:var(--member-orange);border-radius:50%;width:15px;height:15px;animation:.8s linear infinite member-loading-spin}.member-profile-modal button:disabled{opacity:.65;cursor:wait}.member-profile-modal :focus-visible{outline:3px solid var(--member-orange);outline-offset:3px}.member-profile-name:focus{outline:none}@keyframes member-dialog-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes member-loading-spin{to{transform:rotate(360deg)}}@media (max-width:480px){dialog.member-profile-modal{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.member-dialog-header{padding:22px 20px 24px}.member-dialog-header:after{left:20px}.member-profile-modal .member-dialog-header h2{font-size:25px}.member-dialog-content{padding:22px 20px 0}.member-profile-facts>div{padding:15px}.member-grade-card dd{gap:15px}.member-grade-badge{flex-basis:92px;width:92px;height:92px}.member-grade-name{font-size:20px}.member-profile-modal .modal-actions{margin-inline:-20px;padding:15px 20px 19px}.member-profile-modal .modal-actions button{flex:1;padding-inline:10px}}@media (prefers-reduced-motion:reduce){dialog.member-profile-modal[open],.member-loading:before{animation:none}}