/* Reusing card styles */
        .card-base {
            background: white;
            border-radius: 0.75rem;
            border: 1px solid #e2e8f0;
            transition: all 0.3s ease;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
        }
        .card-base:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
            border-color: #0056b3;
        }
        .btn-base {
            /* Base styles */
            padding: 0 1.5rem; 
            font-weight: 700;
            border-radius: 0.375rem;
            transition: all 0.2s ease;
            font-size: 0.9rem;
        }
        
        /* Uniform button class */
        .btn-uniform {
            display: flex;            
            align-items: center;      
            justify-content: center;  
            width: 300px;              /* Full width as per your setup */
            height: 46px;             
            line-height: 1;           
            box-sizing: border-box;
        }

        /* Avatar utility */
        .avatar-circle {
            width: 137px !important; 
            height: 137px !important; 
            border-radius: 50%; 
            object-fit: cover;
            border: 3px solid #f1f5f9;
            flex-shrink: 0;
        }