.main-content.my-main-content{padding:0}.main-content>.my-page{max-width:none}.my-page{--my-mint:#eef8f4;--my-peach:#fff7ed;--my-blue:#f0f4ff;--my-lilac:#f8f2fb}.my-content{width:min(100% - 64px,1120px);margin:24px auto 48px;display:grid;gap:20px}.my-overview,.my-profile,.my-services{background:var(--surface);border-radius:20px}.my-profile{display:flex;align-items:center;gap:16px;padding:30px}.my-avatar{display:grid;place-items:center;flex-shrink:0;width:58px;height:58px;border-radius:18px;background:var(--green-soft);color:var(--green);font-size:25px;font-weight:700}.my-profile-info{min-width:0}.my-profile-name{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.my-profile-name h2{font-size:26px;overflow-wrap:anywhere}.my-profile-name>span{color:var(--green);background:var(--green-soft);padding:5px 9px;border-radius:5px;font-size:12px}.my-profile-info>p{color:var(--muted);margin:10px 0 0;overflow-wrap:anywhere;line-height:1.6}.my-overview{padding:28px 30px}.my-dialog-heading,.my-overview-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.my-overview h2,.my-stats-dialog h2{font-size:22px}.my-overview-heading p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.5}.my-details-button{display:inline-flex;align-items:center;min-height:44px;padding:0;flex-shrink:0;background:transparent;color:var(--green);font-size:14px;gap:2px}.my-details-button svg{width:14px}.my-details-button:hover:not(:disabled){text-decoration:underline;text-underline-offset:4px}.my-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 0}.my-metric{padding:22px 18px;border-radius:13px}.my-metric-0{background:var(--my-mint)}.my-metric-1{background:var(--my-peach)}.my-metric-2{background:var(--my-blue)}.my-metric-3{background:var(--my-lilac)}.my-metric dt{color:var(--muted);font-size:14px}.my-metric dd{margin:10px 0 0;font-size:clamp(20px,2.1vw,28px);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.my-services{padding:0 30px}.my-service+.my-service{border-top:1px solid var(--line)}.my-service summary,.my-service-link{display:flex;align-items:center;gap:14px;min-height:60px;padding:14px 0;list-style:none;cursor:pointer;border-radius:6px}.my-service summary::-webkit-details-marker{display:none}.my-service summary>svg,.my-service-link>svg{color:var(--muted);flex-shrink:0}.my-service summary>svg:last-child,.my-service-link>svg:last-child{width:14px}.my-service summary>span,.my-service-link>span{flex:1 1;font-size:17px}.my-service summary>small,.my-service-link>small{color:var(--muted);font-size:12px}.my-service summary:hover,.my-service-link:hover{color:var(--green);background:var(--canvas)}.my-service[open] summary>svg:last-child{transform:rotate(90deg)}.my-service-content{padding:0 0 22px 36px;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.my-data-notice,.my-service-content>p,.my-stats-dialog>p{color:var(--muted);font-size:13px;line-height:1.8;margin:12px 0 0}.my-service-content dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;margin:0 0 12px}.my-service-content dt{color:var(--muted)}.my-service-content dd{margin:0}.my-member{display:flex;justify-content:space-between;gap:16px;padding:8px 0}.my-address strong span,.my-member small{color:var(--muted);font-weight:400}.my-address+.my-address{margin-top:16px}.my-address>small{margin-left:12px;color:var(--green)}.my-address p{margin:4px 0 0}.my-account-link{text-align:right;color:var(--muted);font-size:13px}.my-account-link a{display:inline-flex;align-items:center;min-height:44px}.my-account-link svg{width:14px}.my-stats-dialog{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:28px;border:1px solid var(--line);border-radius:18px;color:var(--ink)}.my-stats-dialog::backdrop{background:rgb(20 40 30/35%)}.my-dialog-close{width:44px;height:44px;display:grid;place-items:center;border-radius:8px;background:var(--canvas);color:var(--muted)}.my-stat-detail{margin:20px 0}.my-stat-detail>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.my-stat-detail dd{margin:0;font-weight:700}.my-stats-dialog>.button{margin-top:20px}@media (max-width:1100px){.my-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.my-content{width:calc(100% - 24px);margin-top:16px;gap:16px}.my-page .page-topbar{padding:0 16px;height:70px}.my-overview,.my-profile{padding:22px 18px;border-radius:16px}.my-profile-name h2{font-size:24px}.my-overview h2{font-size:20px}.my-overview-heading{gap:8px}.my-metrics{gap:10px}.my-metric{padding:18px 12px}.my-services{padding:0 18px;border-radius:16px}.my-service summary{gap:10px;flex-wrap:wrap}.my-service summary>span{font-size:15px}.my-service summary>small{font-size:11px}.my-service-content{padding-left:0}}