.profile-page{max-width:1080px;margin:0 auto;padding:clamp(20px,4vw,44px) 20px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(20px,3vw,32px);align-items:start}.profile-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:16px}.profile-user{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px}.profile-avatar{width:52px;height:52px;border-radius:50%;background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:22px;font-weight:700;flex:none}.profile-avatar svg{width:26px;height:26px}.profile-user__body{min-width:0}.profile-user__name{font-size:16px;font-weight:700;color:var(--text-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-user__name.is-loading{width:96px;height:18px;border-radius:6px;background:linear-gradient(90deg,#eef2f7,#f6f8fb,#eef2f7);background-size:200% 100%;animation:profile-skeleton 1.2s ease-in-out infinite}@keyframes profile-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.profile-user__name.is-loading{animation:none}}.profile-user__phone{font-size:13px;color:var(--text-faint);margin-top:2px}.profile-nav{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:8px}.profile-nav a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:var(--radius-sm);font-size:14.5px;font-weight:600;color:var(--text-muted);text-decoration:none}.profile-nav a:hover{background:var(--surface-soft);color:var(--text-heading)}.profile-nav a[aria-current=page]{background:#eef4ff;color:var(--brand-primary)}.profile-nav svg{width:18px;height:18px;flex:none}.profile-content{min-width:0}.profile-pane__head{margin:0 0 18px}.profile-pane__title{font-family:var(--font-display);font-size:22px;font-weight:800;color:var(--text-heading);margin:0 0 4px}.profile-pane__desc{font-size:13.5px;color:var(--text-faint);margin:0}.profile-stack{display:flex;flex-direction:column;gap:20px;max-width:600px}.profile-card{background:var(--surface);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:clamp(24px,4vw,32px)}.profile-card__title{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--text-heading);margin:0 0 4px}.profile-card__desc{font-size:13px;color:var(--text-faint);margin:0 0 20px}.profile-readonly-field{margin-bottom:16px}.profile-readonly-field__label{display:block;font-size:13px;font-weight:600;color:var(--text-heading);margin-bottom:6px}.profile-readonly-field__value{font-size:14.5px;color:var(--text-muted)}.profile-inline-group{display:flex;gap:10px}.profile-inline-group .auth-field{flex:1;margin-bottom:0}.profile-inline-group .auth-btn{width:auto;white-space:nowrap;padding:0 16px;flex:none}.sub-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sub-card__head .profile-card__title{margin:0}.sub-badge{flex:none;font-size:12.5px;font-weight:700;padding:4px 12px;border-radius:999px}.sub-badge--paid{background:#eef4ff;color:var(--brand-primary)}.sub-badge--free{background:var(--surface-soft);color:var(--text-muted);border:1px solid var(--border-hairline)}.sub-list{margin:0}.sub-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:1px solid var(--border-hairline);font-size:14px}.sub-row dt{color:var(--text-faint);flex:none}.sub-row dd{margin:0;color:var(--text-heading);text-align:right}.sub-row dd.sub-warn{color:#b45309;font-weight:600}.sub-note{margin:0;font-size:13px;color:var(--text-faint)}.sub-message{padding:28px 16px;text-align:center;font-size:14px;color:var(--text-faint)}.sub-message--error{color:#b42318}.sub-retry{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--brand-primary);cursor:pointer;text-decoration:underline}.sec-status{margin-bottom:10px}.sub-badge--ok{background:#e8f7ee;color:#15803d}.sub-badge--fail{background:#fdecea;color:#b42318}.sec-logins{list-style:none;margin:0;padding:0}.sec-login{padding:12px 0;border-top:1px solid var(--border-hairline)}.sec-login:first-child{border-top:0;padding-top:0}.sec-login__main{display:flex;align-items:center;justify-content:space-between;gap:12px}.sec-login__title{min-width:0;font-size:14px;font-weight:600;color:var(--text-heading)}.sec-login__meta{margin-top:4px;font-size:12.5px;color:var(--text-faint);word-break:break-all}.profile-card--danger{border-color:#f4c7c3}.dlg-btn{border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 20px;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer}.dlg-btn:disabled{opacity:.5;cursor:not-allowed}.dlg-btn--danger{background:#d92d20;color:#fff}.dlg-btn--danger:hover:not(:disabled){background:#b42318}.dlg-btn--danger-outline{background:#fff;color:#b42318;border-color:#f1b5af}.dlg-btn--danger-outline:hover{background:#fdecea}.dlg-btn--plain{background:var(--surface-soft);color:var(--text-heading);border-color:var(--border-hairline)}.dlg-mask{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;background:#0a13308c}.dlg-mask[hidden],.dlg [hidden]{display:none!important}.dlg{width:100%;max-width:480px;max-height:100%;overflow-y:auto;background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0a13304d;padding:clamp(20px,4vw,28px);outline:none}.dlg__title{margin:0 0 12px;font-family:var(--font-display);font-size:19px;font-weight:800;color:#b42318}.dlg__lead{margin:0 0 8px;font-size:14px;color:var(--text-heading)}.dlg__list{margin:0 0 14px;padding-left:20px;font-size:13.5px;line-height:1.7;color:var(--text-muted)}.dlg__paid{margin-bottom:14px;padding:10px 14px;border-radius:var(--radius-sm);background:#fff7e6;border-left:3px solid #f0a93a;font-size:13.5px;color:#7a5310}.dlg__paid ul{margin:6px 0 0;padding-left:18px}.dlg__blocked{margin-bottom:8px;padding:12px 14px;border-radius:var(--radius-sm);background:#fdecea;color:#8c2a2a;font-size:14px;line-height:1.6}.dlg__check{display:flex;align-items:flex-start;gap:8px;margin-bottom:16px;font-size:14px;color:var(--text-heading);cursor:pointer}.dlg__check input{margin-top:3px}.dlg__hint{margin-left:6px;font-weight:400;color:var(--text-faint)}.dlg__actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.app-card{display:flex;align-items:center;gap:16px}.app-card__icon{flex:none;width:48px;height:48px;border-radius:12px;background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:20px;font-weight:700}.app-card__body{flex:1;min-width:0}.app-card__name{margin:0 0 2px}.app-card__desc{margin:0;font-size:13px;line-height:1.6;color:var(--text-faint)}.app-card__go{flex:none;width:auto;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}@media(max-width:800px){.profile-page{grid-template-columns:minmax(0,1fr)}.profile-side{position:static}.profile-nav{flex-direction:row;overflow-x:auto;padding:6px;gap:6px;-webkit-overflow-scrolling:touch}.profile-nav a{flex:1 0 auto;justify-content:center;white-space:nowrap}.profile-stack{max-width:none}}@media(max-width:480px){.app-card{flex-wrap:wrap}.app-card__go{width:100%}.profile-inline-group{flex-direction:column}.profile-inline-group .auth-btn{width:100%}}