.user-center-page{display:grid;gap:20px;max-width:1280px;margin:auto}.user-center-hero{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:30px;border:1px solid rgba(148,163,184,.16);border-radius:25px;background:radial-gradient(circle at 85% 15%,rgba(34,211,238,.2),transparent 30%),linear-gradient(135deg,#17213a,#0a1222)}.user-center-hero h1{margin:.3rem 0;font-size:clamp(2rem,5vw,3.4rem)}.user-center-hero p{max-width:700px;margin:0;color:#a5b4c9}.user-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(148,163,184,.18);border-radius:17px;background:#111b30}.user-search i{color:#8b5cf6}.user-search input{border:0;background:transparent;font-size:1rem}.user-center-card{padding:20px;border:1px solid rgba(148,163,184,.15);border-radius:21px;background:linear-gradient(155deg,rgba(24,34,55,.98),rgba(8,15,29,.98))}.user-center-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.user-center-title h2{margin:0}.user-center-title h2 i{margin-right:8px;color:#a78bfa}.user-center-title>span{padding:5px 10px;border-radius:999px;background:rgba(139,92,246,.16);color:#c4b5fd}.user-center-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.member-card{display:grid;grid-template-columns:48px 1fr auto auto auto;align-items:center;gap:10px;padding:12px;border:1px solid rgba(148,163,184,.12);border-radius:15px;background:rgba(2,6,23,.3)}.member-card img,.compact-user-list img{width:46px;height:46px;border-radius:14px;object-fit:cover}.member-card div{display:grid}.member-card small,.compact-user-list small{color:#94a3b8}.presence{width:9px;height:9px;border-radius:50%;background:#475569}.presence.online{background:#22c55e;box-shadow:0 0 10px #22c55e}.icon-button{width:40px;height:40px;border:1px solid rgba(148,163,184,.16);border-radius:11px;background:#172033;color:#facc15;cursor:pointer}.compact-user-list,.notification-list,.blocked-list,.preference-list{display:grid;gap:8px}.compact-user-list a,.notification-list a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:13px;background:rgba(2,6,23,.28);color:#e2e8f0;text-decoration:none}.compact-user-list span,.notification-list span{display:grid}.notification-list a.unread{border-left:3px solid #8b5cf6;background:rgba(139,92,246,.1)}.notification-list time{margin-left:auto;color:#64748b;font-size:.75rem}.blocked-list form,.preference-list label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:12px;background:rgba(2,6,23,.28)}.blocked-list small{color:#94a3b8}.preference-list input{width:20px;height:20px;accent-color:#8b5cf6}.account-tools p{color:#94a3b8}@media(max-width:800px){.user-center-columns{grid-template-columns:1fr}.user-center-hero{align-items:start;flex-direction:column}.member-card{grid-template-columns:44px 1fr auto}.member-card>a{grid-column:2}.user-search{grid-template-columns:auto 1fr}.user-search button{grid-column:1/-1}}@media(max-width:480px){.user-center-card,.user-center-hero{padding:16px}.notification-list time{display:none}}