.profilePage{max-width:1180px;margin:28px auto;padding:0 18px}
.profileHero{background:white;border:1px solid #e5e7eb;border-radius:32px;overflow:hidden;box-shadow:0 18px 45px rgba(15,23,42,.08);margin-bottom:18px}
.profileCover{height:250px;background:linear-gradient(135deg,#078438,#0ea553);position:relative}
.profileCover img{width:100%;height:100%;object-fit:cover;display:block}
.profileInfo{padding:0 28px 28px;position:relative}
.avatar{width:132px;height:132px;border-radius:36px;background:#e8f8ed;border:6px solid white;margin-top:-66px;display:grid;place-items:center;font-size:54px;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.12)}
.avatar img{width:100%;height:100%;object-fit:cover}
.profileTopLine{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}
.profileName h1{margin:12px 0 4px;font-size:38px;letter-spacing:-.04em}
.profileName p{margin:0;color:#64748b}
.profileActions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.profileActions button.secondary{background:#f1f5f9;color:#0f172a}
.profileActions button.danger{background:#f0184f;color:#fff}
.profileGrid{display:grid;grid-template-columns:1fr 340px;gap:18px}
.profileCard{background:white;border:1px solid #e5e7eb;border-radius:26px;padding:22px;box-shadow:0 10px 28px rgba(15,23,42,.04);margin-bottom:18px}
.profileCard h2{margin-top:0}
.statGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.statBox{background:#f8fafc;border-radius:18px;padding:16px}
.statBox b{display:block;font-size:28px;color:#078438}.statBox span{color:#64748b}
.badges{display:grid;gap:10px}
.badgeItem{display:flex;gap:12px;background:#f8fafc;border-radius:16px;padding:13px}
.badgeIcon{font-size:28px}.badgeItem b{display:block}.badgeItem span{color:#64748b;font-size:14px}
.profilePost{border-bottom:1px solid #eef2f7;padding:14px 0}.profilePost:last-child{border-bottom:0}.profilePost b{font-size:18px}
.editForm{display:grid;gap:12px}
.editForm textarea{min-height:120px}
.themePicker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.themeOption{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:12px;cursor:pointer}
.themeOption input{margin-top:4px}.themeOption b{display:block}.themeOption small{display:block;color:#64748b;margin-top:3px;line-height:1.25}
.contactList div{padding:9px 0;border-bottom:1px solid #eef2f7}.contactList div:last-child{border-bottom:0}
.roadmapHero{background:linear-gradient(135deg,#ffffff,#effaf1);border:1px solid #e5e7eb;border-radius:30px;padding:28px;margin-bottom:18px;box-shadow:0 18px 45px rgba(15,23,42,.08)}
.roadmapHero h1{font-size:42px;margin:0 0 10px}
.roadmapItem{background:white;border:1px solid #e5e7eb;border-radius:22px;padding:18px;margin-bottom:12px;box-shadow:0 8px 24px rgba(15,23,42,.04)}
.roadmapTop{display:flex;justify-content:space-between;gap:14px}.roadmapStatus{font-weight:900;border-radius:999px;padding:6px 10px;background:#f1f5f9}
.status-done{background:#dcfce7;color:#166534}.status-in_progress{background:#dbeafe;color:#1d4ed8}.status-planned{background:#f1f5f9;color:#334155}.status-paused{background:#fef3c7;color:#92400e}
@media(max-width:900px){.profileGrid{grid-template-columns:1fr}.statGrid{grid-template-columns:1fr}.profileName h1{font-size:30px}.profileCover{height:180px}}
@media(max-width:700px){.themePicker{grid-template-columns:1fr}.profileActions{width:100%}.profileActions button{flex:1 1 auto}}