.profile-page{max-width:1200px;margin:0 auto;padding:24px 20px 48px}.profile-card{display:flex;gap:20px;padding:24px;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-bg);margin-bottom:28px}.profile-card__avatar{width:80px;height:80px;border-radius:4px;object-fit:cover;flex-shrink:0}.profile-card__avatar-placeholder{width:80px;height:80px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;flex-shrink:0}.profile-card__info{display:flex;flex-direction:column;gap:4px}.profile-card__name{font-size:1.4rem;font-weight:700}.profile-card__role{display:inline-block;font-size:.8rem;font-weight:600;padding:2px 8px;border-radius:3px;margin-top:2px}.profile-card__role--admin{background:#fef3c7;color:#92400e}.profile-card__role--staff{background:#dbeafe;color:#1e40af}.profile-card__role--user{background:#f3f4f6;color:#4b5563}.profile-card__stats{display:flex;flex-wrap:wrap;gap:16px;margin-top:6px}.profile-card__stat{font-size:.85rem;color:var(--c-text-muted)}.profile-card__stat strong{color:var(--c-text)}.profile-section{margin-bottom:28px}.profile-section__title{font-size:1.1rem;font-weight:700;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--c-brand);display:inline-block}.profile-section__list{list-style:none;display:flex;flex-direction:column;gap:8px}.profile-section__item{padding:10px 14px;border:1px solid var(--c-border);border-radius:var(--r-sm);background:var(--c-bg);font-size:.9rem;display:flex;justify-content:space-between;align-items:baseline;gap:12px}.profile-section__item:nth-child(2n){background:var(--c-bg-tint)}.profile-section__item a{color:var(--c-brand);font-weight:500}.profile-section__item-date{flex-shrink:0;font-size:.8rem;color:var(--c-text-muted)}.profile-section__item-preview{font-size:.82rem;color:var(--c-text-muted);margin-top:4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.profile-section__empty{font-size:.9rem;color:var(--c-text-muted);padding:16px 0}.profile-page__empty{text-align:center;padding:48px 20px;color:var(--c-text-muted);font-size:1.1rem}@media (max-width:768px){.profile-page{padding:16px 12px 36px}.profile-card{flex-direction:column;align-items:center;text-align:center;padding:20px 16px}.profile-card__stats{justify-content:center}.profile-section__item{flex-direction:column;gap:4px}}