.profile-container{background-position:50%;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:80px 2rem;display:flex}.profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#fffffff2;border-radius:20px;width:100%;max-width:500px;padding:3rem;box-shadow:0 10px 30px #0000001a}.profile-header{margin-bottom:2rem}.profile-avatar{color:#64748b;background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 1.5rem;font-size:3rem;display:flex}.profile-title{color:#1e293b;margin-bottom:.5rem;font-size:2rem;font-weight:700}.profile-email{color:#64748b;font-size:1rem}.profile-details{text-align:left;border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:2rem}.detail-group{margin-bottom:1.5rem}.detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.detail-value{color:#0f172a;font-size:1.1rem;font-weight:500}.roles-list{flex-wrap:wrap;gap:.5rem;display:flex}.role-badge{color:#2563eb;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:9999px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.logout-button{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:10px;width:100%;margin-top:2rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s}.logout-button:hover{background-color:#dc2626;transform:translateY(-2px)}